b-blocks / build / advanced-tabs / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/advanced-tabs/block.json

877 lines 21.8 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "b-blocks/advanced-tabs",
5	"title": "Advanced Tabs",
6	"category": "bBlocks",
7	"description": "Display content in responsive, customizable tabs with support for nested blocks and flexible layouts.",
8	"keywords": [
9	"tabs",
10	"tab",
11	"content",
12	"advanced tabs",
13	"tab content"
14	],
15	"textdomain": "b-blocks",
16	"attributes": {
17	"align": {
18	"type": "string",
19	"default": ""
20	},
21	"clientId": {
22	"type": "string",
23	"default": ""
24	},
25	"tabLists": {
26	"type": "array",
27	"default": [
28	{
29	"title": "Tab 1",
30	"subTitle": "",
31	"id": 1,
32	"iconType": "none",
33	"image": "",
34	"svg": "",
35	"library": "",
36	"iconPosition": "left",
37	"isExpanded": true,
38	"isDefault": true,
39	"customId": ""
40	},
41	{
42	"title": "Tab 2",
43	"subTitle": "",
44	"id": 2,
45	"iconType": "none",
46	"image": "",
47	"svg": "",
48	"library": "",
49	"iconPosition": "left",
50	"isExpanded": false,
51	"isDefault": false,
52	"customId": ""
53	},
54	{
55	"title": "Tab 3",
56	"subTitle": "",
57	"id": 3,
58	"iconType": "none",
59	"image": "",
60	"svg": "",
61	"library": "",
62	"iconPosition": "left",
63	"isExpanded": false,
64	"isDefault": false,
65	"customId": ""
66	}
67	]
68	},
69	"tabs": {
70	"type": "object",
71	"default": {
72	"desktop": {
73	"direction": "row",
74	"columnJustify": "center",
75	"rowJustify": "",
76	"contentAlign": "center",
77	"wrap": "nowrap"
78	},
79	"tablet": {
80	"direction": "",
81	"columnJustify": "",
82	"rowJustify": "",
83	"contentAlign": "center",
84	"wrap": ""
85	},
86	"mobile": {
87	"direction": "",
88	"columnJustify": "",
89	"rowJustify": "",
90	"contentAlign": "center",
91	"wrap": ""
92	},
93	"isShowTitle": true,
94	"isShowSubTitle": false,
95	"isShowActiveSubTitle": false,
96	"isShowIcon": false,
97	"isCloseAllTab": false
98	}
99	},
100	"styles": {
101	"type": "object",
102	"default": {
103	"tabContainer": {
104	"bg": {},
105	"border": {},
106	"desktop": {
107	"spaceBetween": "",
108	"padding": {
109	"top": "",
110	"bottom": "",
111	"left": "",
112	"right": ""
113	},
114	"margin": {
115	"top": "",
116	"bottom": "",
117	"left": "",
118	"right": ""
119	},
120	"radius": {
121	"top": "",
122	"bottom": "",
123	"left": "",
124	"right": ""
125	}
126	},
127	"tablet": {
128	"spaceBetween": "",
129	"padding": {
130	"top": "",
131	"bottom": "",
132	"left": "",
133	"right": ""
134	},
135	"margin": {
136	"top": "",
137	"bottom": "",
138	"left": "",
139	"right": ""
140	},
141	"radius": {
142	"top": "",
143	"bottom": "",
144	"left": "",
145	"right": ""
146	}
147	},
148	"mobile": {
149	"spaceBetween": "",
150	"padding": {
151	"top": "",
152	"bottom": "",
153	"left": "",
154	"right": ""
155	},
156	"margin": {
157	"top": "",
158	"bottom": "",
159	"left": "",
160	"right": ""
161	},
162	"radius": {
163	"top": "",
164	"bottom": "",
165	"left": "",
166	"right": ""
167	}
168	}
169	},
170	"tabs": {
171	"normal": {
172	"normal": {
173	"bg": {
174	"color": "#eeeeee"
175	},
176	"border": {},
177	"desktop": {
178	"padding": {
179	"top": "",
180	"bottom": "",
181	"left": "",
182	"right": ""
183	},
184	"margin": {
185	"top": "",
186	"bottom": "",
187	"left": "",
188	"right": ""
189	},
190	"radius": {
191	"top": "",
192	"bottom": "",
193	"left": "",
194	"right": ""
195	}
196	},
197	"tablet": {
198	"padding": {
199	"top": "",
200	"bottom": "",
201	"left": "",
202	"right": ""
203	},
204	"margin": {
205	"top": "",
206	"bottom": "",
207	"left": "",
208	"right": ""
209	},
210	"radius": {
211	"top": "",
212	"bottom": "",
213	"left": "",
214	"right": ""
215	}
216	},
217	"mobile": {
218	"padding": {
219	"top": "",
220	"bottom": "",
221	"left": "",
222	"right": ""
223	},
224	"margin": {
225	"top": "",
226	"bottom": "",
227	"left": "",
228	"right": ""
229	},
230	"radius": {
231	"top": "",
232	"bottom": "",
233	"left": "",
234	"right": ""
235	}
236	}
237	},
238	"hover": {
239	"bg": {},
240	"border": {},
241	"desktop": {
242	"padding": {
243	"top": "",
244	"bottom": "",
245	"left": "",
246	"right": ""
247	},
248	"margin": {
249	"top": "",
250	"bottom": "",
251	"left": "",
252	"right": ""
253	},
254	"radius": {
255	"top": "",
256	"bottom": "",
257	"left": "",
258	"right": ""
259	}
260	},
261	"tablet": {
262	"padding": {
263	"top": "",
264	"bottom": "",
265	"left": "",
266	"right": ""
267	},
268	"margin": {
269	"top": "",
270	"bottom": "",
271	"left": "",
272	"right": ""
273	},
274	"radius": {
275	"top": "",
276	"bottom": "",
277	"left": "",
278	"right": ""
279	}
280	},
281	"mobile": {
282	"padding": {
283	"top": "",
284	"bottom": "",
285	"left": "",
286	"right": ""
287	},
288	"margin": {
289	"top": "",
290	"bottom": "",
291	"left": "",
292	"right": ""
293	},
294	"radius": {
295	"top": "",
296	"bottom": "",
297	"left": "",
298	"right": ""
299	}
300	},
301	"transition": 0.2
302	}
303	},
304	"active": {
305	"normal": {
306	"bg": {
307	"color": "#146EF5"
308	},
309	"border": {},
310	"desktop": {
311	"padding": {
312	"top": "",
313	"bottom": "",
314	"left": "",
315	"right": ""
316	},
317	"margin": {
318	"top": "",
319	"bottom": "",
320	"left": "",
321	"right": ""
322	},
323	"radius": {
324	"top": "",
325	"bottom": "",
326	"left": "",
327	"right": ""
328	}
329	},
330	"tablet": {
331	"padding": {
332	"top": "",
333	"bottom": "",
334	"left": "",
335	"right": ""
336	},
337	"margin": {
338	"top": "",
339	"bottom": "",
340	"left": "",
341	"right": ""
342	},
343	"radius": {
344	"top": "",
345	"bottom": "",
346	"left": "",
347	"right": ""
348	}
349	},
350	"mobile": {
351	"padding": {
352	"top": "",
353	"bottom": "",
354	"left": "",
355	"right": ""
356	},
357	"margin": {
358	"top": "",
359	"bottom": "",
360	"left": "",
361	"right": ""
362	},
363	"radius": {
364	"top": "",
365	"bottom": "",
366	"left": "",
367	"right": ""
368	}
369	},
370	"transition": 0.2
371	},
372	"hover": {
373	"bg": {},
374	"border": {},
375	"desktop": {
376	"padding": {
377	"top": "",
378	"bottom": "",
379	"left": "",
380	"right": ""
381	},
382	"margin": {
383	"top": "",
384	"bottom": "",
385	"left": "",
386	"right": ""
387	},
388	"radius": {
389	"top": "",
390	"bottom": "",
391	"left": "",
392	"right": ""
393	}
394	},
395	"tablet": {
396	"padding": {
397	"top": "",
398	"bottom": "",
399	"left": "",
400	"right": ""
401	},
402	"margin": {
403	"top": "",
404	"bottom": "",
405	"left": "",
406	"right": ""
407	},
408	"radius": {
409	"top": "",
410	"bottom": "",
411	"left": "",
412	"right": ""
413	}
414	},
415	"mobile": {
416	"padding": {
417	"top": "",
418	"bottom": "",
419	"left": "",
420	"right": ""
421	},
422	"margin": {
423	"top": "",
424	"bottom": "",
425	"left": "",
426	"right": ""
427	},
428	"radius": {
429	"top": "",
430	"bottom": "",
431	"left": "",
432	"right": ""
433	}
434	},
435	"transition": 0.2
436	}
437	},
438	"desktop": {
439	"gap": "10px",
440	"width": ""
441	},
442	"tablet": {
443	"gap": "10px",
444	"width": ""
445	},
446	"mobile": {
447	"gap": "10px",
448	"width": ""
449	}
450	},
451	"tabTitle": {
452	"typography": {
453	"fontSize": {
454	"desktop": "16px",
455	"tablet": "",
456	"mobile": ""
457	}
458	},
459	"normal": {
460	"normal": {
461	"color": "#242424"
462	},
463	"hover": {
464	"color": ""
465	}
466	},
467	"active": {
468	"normal": {
469	"color": "#fff"
470	},
471	"hover": {
472	"color": ""
473	}
474	}
475	},
476	"tabSubTitle": {
477	"typography": {
478	"fontSize": {
479	"desktop": "14px",
480	"tablet": "",
481	"mobile": ""
482	}
483	},
484	"normal": {
485	"normal": {
486	"color": "#242424"
487	},
488	"hover": {
489	"color": ""
490	}
491	},
492	"active": {
493	"normal": {
494	"color": "#fff"
495	},
496	"hover": {
497	"color": ""
498	}
499	}
500	},
501	"icon": {
502	"desktop": {
503	"size": "",
504	"position": "row"
505	},
506	"tablet": {
507	"size": "",
508	"position": ""
509	},
510	"mobile": {
511	"size": "",
512	"position": ""
513	},
514	"normal": {
515	"normal": {
516	"color": "#242424",
517	"bg": {},
518	"border": {},
519	"desktop": {
520	"radius": {
521	"top": "",
522	"bottom": "",
523	"left": "",
524	"right": ""
525	},
526	"padding": {
527	"top": "",
528	"bottom": "",
529	"left": "",
530	"right": ""
531	},
532	"margin": {
533	"top": "",
534	"bottom": "",
535	"left": "",
536	"right": ""
537	}
538	},
539	"tablet": {
540	"radius": {
541	"top": "",
542	"bottom": "",
543	"left": "",
544	"right": ""
545	},
546	"padding": {
547	"top": "",
548	"bottom": "",
549	"left": "",
550	"right": ""
551	},
552	"margin": {
553	"top": "",
554	"bottom": "",
555	"left": "",
556	"right": ""
557	}
558	},
559	"mobile": {
560	"radius": {
561	"top": "",
562	"bottom": "",
563	"left": "",
564	"right": ""
565	},
566	"padding": {
567	"top": "",
568	"bottom": "",
569	"left": "",
570	"right": ""
571	},
572	"margin": {
573	"top": "",
574	"bottom": "",
575	"left": "",
576	"right": ""
577	}
578	}
579	},
580	"hover": {
581	"color": "",
582	"bg": {},
583	"border": {},
584	"desktop": {
585	"border": {
586	"top": "",
587	"bottom": "",
588	"left": "",
589	"right": ""
590	},
591	"radius": {
592	"top": "",
593	"bottom": "",
594	"left": "",
595	"right": ""
596	},
597	"padding": {
598	"top": "",
599	"bottom": "",
600	"left": "",
601	"right": ""
602	},
603	"margin": {
604	"top": "",
605	"bottom": "",
606	"left": "",
607	"right": ""
608	}
609	},
610	"tablet": {
611	"border": {
612	"top": "",
613	"bottom": "",
614	"left": "",
615	"right": ""
616	},
617	"radius": {
618	"top": "",
619	"bottom": "",
620	"left": "",
621	"right": ""
622	},
623	"padding": {
624	"top": "",
625	"bottom": "",
626	"left": "",
627	"right": ""
628	},
629	"margin": {
630	"top": "",
631	"bottom": "",
632	"left": "",
633	"right": ""
634	}
635	},
636	"mobile": {
637	"border": {
638	"top": "",
639	"bottom": "",
640	"left": "",
641	"right": ""
642	},
643	"radius": {
644	"top": "",
645	"bottom": "",
646	"left": "",
647	"right": ""
648	},
649	"padding": {
650	"top": "",
651	"bottom": "",
652	"left": "",
653	"right": ""
654	},
655	"margin": {
656	"top": "",
657	"bottom": "",
658	"left": "",
659	"right": ""
660	}
661	}
662	},
663	"transition": 0.2
664	},
665	"active": {
666	"normal": {
667	"color": "#fff",
668	"bg": {},
669	"border": {},
670	"desktop": {
671	"border": {
672	"top": "",
673	"bottom": "",
674	"left": "",
675	"right": ""
676	},
677	"radius": {
678	"top": "",
679	"bottom": "",
680	"left": "",
681	"right": ""
682	},
683	"padding": {
684	"top": "",
685	"bottom": "",
686	"left": "",
687	"right": ""
688	},
689	"margin": {
690	"top": "",
691	"bottom": "",
692	"left": "",
693	"right": ""
694	}
695	},
696	"tablet": {
697	"border": {
698	"top": "",
699	"bottom": "",
700	"left": "",
701	"right": ""
702	},
703	"radius": {
704	"top": "",
705	"bottom": "",
706	"left": "",
707	"right": ""
708	},
709	"padding": {
710	"top": "",
711	"bottom": "",
712	"left": "",
713	"right": ""
714	},
715	"margin": {
716	"top": "",
717	"bottom": "",
718	"left": "",
719	"right": ""
720	}
721	},
722	"mobile": {
723	"border": {
724	"top": "",
725	"bottom": "",
726	"left": "",
727	"right": ""
728	},
729	"radius": {
730	"top": "",
731	"bottom": "",
732	"left": "",
733	"right": ""
734	},
735	"padding": {
736	"top": "",
737	"bottom": "",
738	"left": "",
739	"right": ""
740	},
741	"margin": {
742	"top": "",
743	"bottom": "",
744	"left": "",
745	"right": ""
746	}
747	}
748	},
749	"hover": {
750	"color": "",
751	"bg": {},
752	"border": {},
753	"desktop": {
754	"border": {
755	"top": "",
756	"bottom": "",
757	"left": "",
758	"right": ""
759	},
760	"radius": {
761	"top": "",
762	"bottom": "",
763	"left": "",
764	"right": ""
765	},
766	"padding": {
767	"top": "",
768	"bottom": "",
769	"left": "",
770	"right": ""
771	},
772	"margin": {
773	"top": "",
774	"bottom": "",
775	"left": "",
776	"right": ""
777	}
778	},
779	"tablet": {
780	"border": {
781	"top": "",
782	"bottom": "",
783	"left": "",
784	"right": ""
785	},
786	"radius": {
787	"top": "",
788	"bottom": "",
789	"left": "",
790	"right": ""
791	},
792	"padding": {
793	"top": "",
794	"bottom": "",
795	"left": "",
796	"right": ""
797	},
798	"margin": {
799	"top": "",
800	"bottom": "",
801	"left": "",
802	"right": ""
803	}
804	},
805	"mobile": {
806	"border": {
807	"top": "",
808	"bottom": "",
809	"left": "",
810	"right": ""
811	},
812	"radius": {
813	"top": "",
814	"bottom": "",
815	"left": "",
816	"right": ""
817	},
818	"padding": {
819	"top": "",
820	"bottom": "",
821	"left": "",
822	"right": ""
823	},
824	"margin": {
825	"top": "",
826	"bottom": "",
827	"left": "",
828	"right": ""
829	}
830	}
831	},
832	"transition": 0.2
833	}
834	},
835	"content": {
836	"bg": {},
837	"border": {},
838	"desktop": {
839	"padding": {},
840	"margin": {},
841	"radius": {},
842	"width": ""
843	},
844	"tablet": {
845	"padding": {},
846	"margin": {},
847	"radius": {},
848	"width": ""
849	},
850	"mobile": {
851	"padding": {},
852	"margin": {},
853	"radius": {},
854	"width": ""
855	}
856	}
857	}
858	}
859	},
860	"supports": {
861	"align": [
862	"wide",
863	"full"
864	],
865	"html": false
866	},
867	"example": {
868	"attributes": {}
869	},
870	"editorScript": [
871	"file:../index.js",
872	"lodash"
873	],
874	"render": "file:./render.php",
875	"viewScript": "file:./view.js",
876	"style": "file:./view.css"
877	}