b-blocks / build / stat-cards / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.2, at build/stat-cards/block.json

593 lines 14.5 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "b-blocks/stat-cards",
5	"title": "Stat Cards",
6	"category": "bBlocks",
7	"description": "Display a static, responsive grid of impact stat cards — a big number with prefix/suffix, label, optional trend badge, description, and per-card link. No JavaScript.",
8	"keywords": [
9	"stats",
10	"statistics",
11	"kpi",
12	"numbers",
13	"metrics",
14	"counter",
15	"impact"
16	],
17	"textdomain": "b-blocks",
18	"attributes": {
19	"layout": {
20	"type": "object",
21	"default": {
22	"align": "center",
23	"columnGap": {
24	"desktop": "24px",
25	"tablet": "24px",
26	"mobile": "24px"
27	},
28	"rowGap": {
29	"desktop": "24px",
30	"tablet": "24px",
31	"mobile": "24px"
32	},
33	"columns": {
34	"desktop": 3,
35	"tablet": 2,
36	"mobile": 1
37	}
38	}
39	},
40	"card": {
41	"type": "object",
42	"default": {
43	"style": "flat",
44	"orientation": "vertical",
45	"shadow": [],
46	"accentColor": "#146EF5",
47	"accentWidth": 4,
48	"bg": {
49	"type": "solid",
50	"color": ""
51	},
52	"border": {
53	"color": "#e2e8f0",
54	"style": "solid",
55	"width": "1px"
56	},
57	"borderRadius": {
58	"desktop": {
59	"top": "12px",
60	"right": "12px",
61	"bottom": "12px",
62	"left": "12px"
63	},
64	"tablet": {
65	"top": "",
66	"right": "",
67	"bottom": "",
68	"left": ""
69	},
70	"mobile": {
71	"top": "",
72	"right": "",
73	"bottom": "",
74	"left": ""
75	}
76	},
77	"padding": {
78	"desktop": {
79	"top": "28px",
80	"right": "24px",
81	"bottom": "28px",
82	"left": "24px"
83	},
84	"tablet": {
85	"top": "",
86	"right": "",
87	"bottom": "",
88	"left": ""
89	},
90	"mobile": {
91	"top": "",
92	"right": "",
93	"bottom": "",
94	"left": ""
95	}
96	},
97	"margin": {
98	"desktop": {
99	"top": "",
100	"right": "",
101	"bottom": "",
102	"left": ""
103	},
104	"tablet": {
105	"top": "",
106	"right": "",
107	"bottom": "",
108	"left": ""
109	},
110	"mobile": {
111	"top": "",
112	"right": "",
113	"bottom": "",
114	"left": ""
115	}
116	}
117	}
118	},
119	"number": {
120	"type": "object",
121	"default": {
122	"color": "#111827",
123	"typography": {
124	"fontSize": {
125	"desktop": "48px",
126	"tablet": "40px",
127	"mobile": "32px"
128	},
129	"fontWeight": 700
130	},
131	"bg": {
132	"type": "solid",
133	"color": ""
134	},
135	"border": {},
136	"borderRadius": {
137	"top": "",
138	"right": "",
139	"bottom": "",
140	"left": ""
141	},
142	"padding": {
143	"top": "",
144	"right": "",
145	"bottom": "",
146	"left": ""
147	},
148	"margin": {
149	"top": "",
150	"right": "",
151	"bottom": "",
152	"left": ""
153	}
154	}
155	},
156	"label": {
157	"type": "object",
158	"default": {
159	"color": "#374151",
160	"typography": {
161	"fontSize": {
162	"desktop": "16px",
163	"tablet": "",
164	"mobile": ""
165	},
166	"fontWeight": 400
167	},
168	"bg": {
169	"type": "solid",
170	"color": ""
171	},
172	"border": {},
173	"borderRadius": {
174	"top": "",
175	"right": "",
176	"bottom": "",
177	"left": ""
178	},
179	"padding": {
180	"top": "",
181	"right": "",
182	"bottom": "",
183	"left": ""
184	},
185	"margin": {
186	"top": "",
187	"right": "",
188	"bottom": "",
189	"left": ""
190	}
191	}
192	},
193	"description": {
194	"type": "object",
195	"default": {
196	"show": true,
197	"color": "#6B7280",
198	"typography": {
199	"fontSize": {
200	"desktop": "14px",
201	"tablet": "",
202	"mobile": ""
203	}
204	},
205	"bg": {
206	"type": "solid",
207	"color": ""
208	},
209	"border": {},
210	"borderRadius": {
211	"top": "",
212	"right": "",
213	"bottom": "",
214	"left": ""
215	},
216	"padding": {
217	"top": "",
218	"right": "",
219	"bottom": "",
220	"left": ""
221	},
222	"margin": {
223	"top": "",
224	"right": "",
225	"bottom": "",
226	"left": ""
227	}
228	}
229	},
230	"icon": {
231	"type": "object",
232	"default": {
233	"show": true,
234	"color": "#146EF5",
235	"size": "32px",
236	"bg": {
237	"type": "solid",
238	"color": ""
239	},
240	"border": {},
241	"borderRadius": {
242	"top": "",
243	"right": "",
244	"bottom": "",
245	"left": ""
246	},
247	"padding": {
248	"top": "",
249	"right": "",
250	"bottom": "",
251	"left": ""
252	},
253	"margin": {
254	"top": "",
255	"right": "",
256	"bottom": "",
257	"left": ""
258	}
259	}
260	},
261	"trend": {
262	"type": "object",
263	"default": {
264	"show": true
265	}
266	},
267	"items": {
268	"type": "array",
269	"default": [
270	{
271	"icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" fill=\"currentColor\"><path d=\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z\"/></svg>",
272	"orientation": "",
273	"number": "500",
274	"prefix": "",
275	"suffix": "+",
276	"label": "Customers",
277	"description": "",
278	"trendValue": "",
279	"trendDirection": "up",
280	"trendColor": "",
281	"linkUrl": "",
282	"linkTarget": false
283	},
284	{
285	"icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" fill=\"currentColor\"><path d=\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z\"/></svg>",
286	"orientation": "",
287	"number": "98",
288	"prefix": "",
289	"suffix": "%",
290	"label": "Satisfaction",
291	"description": "",
292	"trendValue": "",
293	"trendDirection": "up",
294	"trendColor": "",
295	"linkUrl": "",
296	"linkTarget": false
297	},
298	{
299	"icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" fill=\"currentColor\"><path d=\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z\"/></svg>",
300	"orientation": "",
301	"number": "4.9",
302	"prefix": "",
303	"suffix": "",
304	"label": "Average Rating",
305	"description": "",
306	"trendValue": "",
307	"trendDirection": "up",
308	"trendColor": "",
309	"linkUrl": "",
310	"linkTarget": false
311	}
312	]
313	},
314	"advanced": {
315	"type": "object",
316	"default": {
317	"dimension": {
318	"padding": {
319	"desktop": {
320	"top": "",
321	"right": "",
322	"bottom": "",
323	"left": ""
324	},
325	"tablet": {
326	"top": "",
327	"right": "",
328	"bottom": "",
329	"left": ""
330	},
331	"mobile": {
332	"top": "",
333	"right": "",
334	"bottom": "",
335	"left": ""
336	}
337	}
338	},
339	"transform": {
340	"normal": {
341	"rotate": {
342	"desktop": {
343	"z": "",
344	"y": "",
345	"x": ""
346	},
347	"tablet": {
348	"z": "",
349	"y": "",
350	"x": ""
351	},
352	"mobile": {
353	"z": "",
354	"y": "",
355	"x": ""
356	},
357	"threeDRotate": false
358	},
359	"offset": {
360	"desktop": {
361	"x": "",
362	"y": ""
363	},
364	"tablet": {
365	"x": "",
366	"y": ""
367	},
368	"mobile": {
369	"x": "",
370	"y": ""
371	}
372	},
373	"scale": {
374	"isProportion": true,
375	"desktop": {
376	"x": "",
377	"y": "",
378	"scale": ""
379	},
380	"tablet": {
381	"x": "",
382	"y": "",
383	"scale": ""
384	},
385	"mobile": {
386	"x": "",
387	"y": "",
388	"scale": ""
389	}
390	},
391	"skew": {
392	"desktop": {
393	"x": "",
394	"y": ""
395	},
396	"tablet": {
397	"x": "",
398	"y": ""
399	},
400	"mobile": {
401	"x": "",
402	"y": ""
403	}
404	},
405	"flipX": false,
406	"flipY": false
407	},
408	"hover": {
409	"rotate": {
410	"desktop": {
411	"z": "",
412	"y": "",
413	"x": ""
414	},
415	"tablet": {
416	"z": "",
417	"y": "",
418	"x": ""
419	},
420	"mobile": {
421	"z": "",
422	"y": "",
423	"x": ""
424	},
425	"threeDRotate": false
426	},
427	"offset": {
428	"desktop": {
429	"x": "",
430	"y": ""
431	},
432	"tablet": {
433	"x": "",
434	"y": ""
435	},
436	"mobile": {
437	"x": "",
438	"y": ""
439	}
440	},
441	"scale": {
442	"isProportion": true,
443	"desktop": {
444	"x": "",
445	"y": "",
446	"scale": ""
447	},
448	"tablet": {
449	"x": "",
450	"y": "",
451	"scale": ""
452	},
453	"mobile": {
454	"x": "",
455	"y": "",
456	"scale": ""
457	}
458	},
459	"skew": {
460	"desktop": {
461	"x": "",
462	"y": ""
463	},
464	"tablet": {
465	"x": "",
466	"y": ""
467	},
468	"mobile": {
469	"x": "",
470	"y": ""
471	}
472	},
473	"flipX": false,
474	"flipY": false
475	},
476	"transition": 200
477	},
478	"borderShadow": {
479	"normal": {
480	"radius": {
481	"top": "",
482	"right": "",
483	"bottom": "",
484	"left": ""
485	},
486	"shadow": [
487	{
488	"hOffset": "",
489	"vOffset": "",
490	"blur": "",
491	"spreed": "",
492	"color": "",
493	"isInset": false
494	}
495	],
496	"border": {
497	"top": {
498	"style": "none",
499	"width": "0px"
500	},
501	"right": {
502	"style": "none",
503	"width": "0px"
504	},
505	"bottom": {
506	"style": "none",
507	"width": "0px"
508	},
509	"left": {
510	"style": "none",
511	"width": "0px"
512	}
513	}
514	}
515	},
516	"background": {
517	"normal": {
518	"type": "color",
519	"color": "",
520	"gradient": {
521	"type": "radial",
522	"radialType": "ellipse",
523	"colors": [
524	{
525	"color": "rgba(58, 66, 222, 1)",
526	"position": "0"
527	},
528	{
529	"color": "rgba(176, 195, 235, 1)",
530	"position": "80"
531	}
532	],
533	"centerPositions": {
534	"x": 50,
535	"y": 50
536	},
537	"angel": 90
538	},
539	"img": {
540	"url": "",
541	"desktop": {
542	"position": "center center",
543	"xPosition": 0,
544	"yPosition": 0,
545	"attachment": "",
546	"repeat": "no-repeat",
547	"size": "",
548	"customSize": "0px"
549	},
550	"tablet": {
551	"position": "center center",
552	"xPosition": 0,
553	"yPosition": 0,
554	"attachment": "",
555	"repeat": "no-repeat",
556	"size": "",
557	"customSize": "0px"
558	},
559	"mobile": {
560	"position": "center center",
561	"xPosition": 0,
562	"yPosition": 0,
563	"attachment": "",
564	"repeat": "no-repeat",
565	"size": "",
566	"customSize": "0px"
567	}
568	},
569	"video": {
570	"url": "",
571	"loop": false
572	},
573	"transition": 0.3
574	}
575	}
576	}
577	}
578	},
579	"supports": {
580	"align": [
581	"wide",
582	"full"
583	],
584	"html": false
585	},
586	"example": {
587	"attributes": {}
588	},
589	"editorScript": "file:../index.js",
590	"style": "file:./view.css",
591	"render": "file:./render.php",
592	"viewScript": "file:./view.js"
593	}