@automattic/vip-design-system 2.4.5 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/build/system/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  2. package/build/system/Breadcrumbs/Breadcrumbs.js +75 -20
  3. package/build/system/Breadcrumbs/Breadcrumbs.stories.d.ts +2 -0
  4. package/build/system/Breadcrumbs/Breadcrumbs.stories.js +47 -7
  5. package/build/system/Breadcrumbs/Breadcrumbs.test.js +72 -0
  6. package/build/system/Breadcrumbs/styles.d.ts +2 -0
  7. package/build/system/Breadcrumbs/styles.js +8 -2
  8. package/build/system/Dropdown/Dropdown.d.ts +25 -36
  9. package/build/system/Dropdown/Dropdown.js +60 -99
  10. package/build/system/Dropdown/Dropdown.stories.d.ts +1 -26
  11. package/build/system/Dropdown/Dropdown.test.js +51 -28
  12. package/build/system/Dropdown/DropdownContent.d.ts +14 -10
  13. package/build/system/Dropdown/DropdownContent.js +43 -47
  14. package/build/system/Dropdown/DropdownItem.d.ts +20 -32
  15. package/build/system/Dropdown/DropdownItem.js +86 -103
  16. package/build/system/Dropdown/DropdownLabel.d.ts +11 -7
  17. package/build/system/Dropdown/DropdownLabel.js +29 -29
  18. package/build/system/Dropdown/DropdownSeparator.d.ts +10 -6
  19. package/build/system/Dropdown/DropdownSeparator.js +28 -28
  20. package/build/system/Dropdown/index.d.ts +17 -39
  21. package/build/system/Dropdown/index.js +23 -50
  22. package/build/system/FilterDropdown/FilterDropdown.d.ts +27 -0
  23. package/build/system/FilterDropdown/FilterDropdown.js +75 -0
  24. package/build/system/FilterDropdown/FilterDropdown.stories.d.ts +18 -0
  25. package/build/system/FilterDropdown/FilterDropdown.stories.js +46 -0
  26. package/build/system/FilterDropdown/FilterDropdown.test.d.ts +1 -0
  27. package/build/system/FilterDropdown/FilterDropdown.test.js +53 -0
  28. package/build/system/Hr/Hr.d.ts +7 -0
  29. package/build/system/Hr/Hr.js +22 -0
  30. package/build/system/Hr/Hr.stories.d.ts +23 -0
  31. package/build/system/Hr/Hr.stories.js +30 -0
  32. package/build/system/Hr/Hr.test.d.ts +1 -0
  33. package/build/system/Hr/Hr.test.js +41 -0
  34. package/build/system/Link/Link.d.ts +11 -1
  35. package/build/system/Link/Link.js +16 -1
  36. package/build/system/Link/Link.stories.d.ts +14 -1
  37. package/build/system/Link/Link.stories.js +16 -3
  38. package/build/system/Nav/styles.js +2 -1
  39. package/build/system/Page/Page.d.ts +2 -0
  40. package/build/system/Page/Page.js +10 -0
  41. package/build/system/Page/Page.test.d.ts +1 -0
  42. package/build/system/Page/Page.test.js +41 -0
  43. package/build/system/index.d.ts +3 -1
  44. package/build/system/index.js +4 -0
  45. package/build/system/theme/index.d.ts +889 -23
  46. package/build/system/theme/index.js +7 -8
  47. package/build/system/utils/stories/CustomLink.d.ts +1 -0
  48. package/build/system/utils/stories/CustomLink.js +7 -1
  49. package/package.json +1 -1
  50. package/src/system/Breadcrumbs/Breadcrumbs.stories.tsx +32 -3
  51. package/src/system/Breadcrumbs/Breadcrumbs.test.tsx +60 -0
  52. package/src/system/Breadcrumbs/Breadcrumbs.tsx +100 -29
  53. package/src/system/Breadcrumbs/styles.ts +11 -0
  54. package/src/system/Dropdown/{Dropdown.test.js → Dropdown.test.tsx} +2 -1
  55. package/src/system/Dropdown/Dropdown.tsx +72 -0
  56. package/src/system/Dropdown/DropdownContent.tsx +46 -0
  57. package/src/system/Dropdown/DropdownItem.tsx +112 -0
  58. package/src/system/Dropdown/DropdownLabel.tsx +29 -0
  59. package/src/system/Dropdown/DropdownSeparator.tsx +28 -0
  60. package/src/system/Dropdown/{index.js → index.ts} +1 -3
  61. package/src/system/FilterDropdown/FilterDropdown.stories.tsx +57 -0
  62. package/src/system/FilterDropdown/FilterDropdown.test.tsx +52 -0
  63. package/src/system/FilterDropdown/FilterDropdown.tsx +92 -0
  64. package/src/system/Hr/Hr.stories.tsx +48 -0
  65. package/src/system/Hr/Hr.test.tsx +22 -0
  66. package/src/system/Hr/Hr.tsx +11 -0
  67. package/src/system/Link/Link.stories.tsx +42 -1
  68. package/src/system/Link/Link.tsx +17 -8
  69. package/src/system/Nav/styles.ts +1 -0
  70. package/src/system/Page/Page.test.tsx +22 -0
  71. package/src/system/Page/Page.tsx +3 -0
  72. package/src/system/index.js +4 -0
  73. package/src/system/theme/index.js +7 -8
  74. package/src/system/utils/stories/CustomLink.tsx +6 -0
  75. package/tokens/valet-core/$metadata.json +1 -17
  76. package/tokens/valet-core/$themes.json +0 -2586
  77. package/src/system/Dropdown/Dropdown.js +0 -101
  78. package/src/system/Dropdown/DropdownContent.js +0 -50
  79. package/src/system/Dropdown/DropdownItem.js +0 -108
  80. package/src/system/Dropdown/DropdownLabel.js +0 -31
  81. package/src/system/Dropdown/DropdownSeparator.js +0 -30
  82. package/tokens/valet-core/figma-parsely-web-type.json +0 -1217
  83. package/tokens/valet-core/figma-valet-web-type.json +0 -1217
  84. package/tokens/valet-core/figma-wpvip-services-web-type.json +0 -1267
  85. package/tokens/valet-core/figma-wpvip-web-type.json +0 -1213
  86. package/tokens/valet-core/parsely-web-color.json +0 -729
  87. package/tokens/valet-core/parsely-web-core.json +0 -172
  88. package/tokens/valet-core/parsely-web-type.json +0 -362
  89. package/tokens/valet-core/valet-web-color.json +0 -677
  90. package/tokens/valet-core/valet-web-core.json +0 -172
  91. package/tokens/valet-core/wpvip-services-web-color.json +0 -730
  92. package/tokens/valet-core/wpvip-services-web-core.json +0 -172
  93. package/tokens/valet-core/wpvip-services-web-type.json +0 -412
  94. package/tokens/valet-core/wpvip-web-color-dark.json +0 -735
  95. package/tokens/valet-core/wpvip-web-color.json +0 -730
  96. package/tokens/valet-core/wpvip-web-type.json +0 -412
  97. package/tokens/valet-core/wpvip-web.json +0 -1310
package/tokens/valet-core/wpvip-web-color.json DELETED
@@ -1,730 +0,0 @@
1
- {
2
- "background": {
3
- "primary": {
4
- "type": "color",
5
- "description": "Use as main application background",
6
- "value": "{color.gold.3}"
7
- },
8
- "inverse": {
9
- "value": "{color.black}",
10
- "type": "color",
11
- "description": "Use as component background in high-contrast situations. "
12
- },
13
- "brand": {
14
- "type": "color",
15
- "value": "{color.gold.30}"
16
- }
17
- },
18
- "layer": {
19
- "1": {
20
- "type": "color",
21
- "value": "{color.gold.0}"
22
- },
23
- "2": {
24
- "type": "color",
25
- "value": "{color.gradient.neutral-light-1}"
26
- },
27
- "3": {
28
- "type": "color",
29
- "value": "{color.gold.0}"
30
- },
31
- "4": {
32
- "value": "{color.pure-white}",
33
- "type": "color"
34
- },
35
- "accent": {
36
- "1": {
37
- "type": "color",
38
- "value": "{color.gold.20}"
39
- },
40
- "2": {
41
- "type": "color",
42
- "value": "{color.pink.20}"
43
- },
44
- "3": {
45
- "type": "color",
46
- "value": "{color.red.30}"
47
- },
48
- "4": {
49
- "type": "color",
50
- "value": "{color.salmon.25}"
51
- },
52
- "5": {
53
- "type": "color",
54
- "value": "{color.orange.25}"
55
- },
56
- "6": {
57
- "type": "color",
58
- "value": "{color.yellow.20}"
59
- },
60
- "7": {
61
- "type": "color",
62
- "value": "{color.green.25}"
63
- },
64
- "8": {
65
- "type": "color",
66
- "value": "{color.blue.25}"
67
- },
68
- "neutral-1": {
69
- "type": "color",
70
- "value": "{color.gradient.neutral-light-1}"
71
- },
72
- "neutral-2": {
73
- "type": "color",
74
- "value": "{color.gradient.neutral-light-2}"
75
- },
76
- "neutral-3": {
77
- "type": "color",
78
- "value": "{color.gradient.neutral-light-3}"
79
- },
80
- "neutral-4": {
81
- "type": "color",
82
- "value": "{color.gradient.neutral-light-4}"
83
- },
84
- "brand": {
85
- "type": "color",
86
- "value": "{color.gold.30}"
87
- },
88
- "colorful-1": {
89
- "type": "color",
90
- "value": "{color.gradient.colorful-light-1}"
91
- },
92
- "colorful-2": {
93
- "type": "color",
94
- "value": "{color.gradient.colorful-light-2}"
95
- },
96
- "colorful-3": {
97
- "type": "color",
98
- "value": "{color.gradient.colorful-light-3}"
99
- },
100
- "colorful-4": {
101
- "type": "color",
102
- "value": "{color.gradient.colorful-light-4}"
103
- },
104
- "dark-1": {
105
- "type": "color",
106
- "value": "{color.gradient.colorful-dark-1}"
107
- },
108
- "dark-2": {
109
- "type": "color",
110
- "value": "{color.gradient.colorful-dark-2}"
111
- },
112
- "black": {
113
- "value": "{color.black}",
114
- "type": "color"
115
- }
116
- },
117
- "blur": {
118
- "value": "rgba({background.primary}, .75)",
119
- "type": "color",
120
- "description": "color fill for transparent blurred component backgrounds"
121
- }
122
- },
123
- "field": {
124
- "1": {
125
- "value": "rgba(0,0,0,0)",
126
- "type": "color"
127
- },
128
- "2": {
129
- "value": "rgba(0,0,0,0)",
130
- "type": "color"
131
- },
132
- "3": {
133
- "value": "rgba(0,0,0,0)",
134
- "type": "color"
135
- },
136
- "4": {
137
- "value": "rgba(0,0,0,0)",
138
- "type": "color"
139
- }
140
- },
141
- "border": {
142
- "1": {
143
- "value": "{color.black}",
144
- "type": "color"
145
- },
146
- "2": {
147
- "type": "color",
148
- "value": "{color.gray.70}"
149
- },
150
- "3": {
151
- "type": "color",
152
- "value": "{color.gray.25}"
153
- },
154
- "4": {
155
- "type": "color",
156
- "value": "{color.gray.15}"
157
- },
158
- "accent": {
159
- "type": "color",
160
- "value": "{color.gold.50}"
161
- },
162
- "inverse-1": {
163
- "value": "{color.pure-white}",
164
- "type": "color"
165
- },
166
- "inverse-2": {
167
- "value": "{color.gray.30}",
168
- "type": "color"
169
- },
170
- "inverse-3": {
171
- "value": "{color.gray.75}",
172
- "type": "color"
173
- },
174
- "inverse-4": {
175
- "value": "{color.gray.80}",
176
- "type": "color"
177
- }
178
- },
179
- "text": {
180
- "primary": {
181
- "value": "{color.black}",
182
- "type": "color",
183
- "description": "Use for headings"
184
- },
185
- "secondary": {
186
- "type": "color",
187
- "description": "Use for body text ",
188
- "value": "{color.gray.75}"
189
- },
190
- "helper": {
191
- "type": "color",
192
- "description": "Use for helper text",
193
- "value": "{color.gray.60}"
194
- },
195
- "placeholder": {
196
- "type": "color",
197
- "description": "Use for placeholder text in fields",
198
- "value": "{color.gray.45}"
199
- },
200
- "disabled": {
201
- "type": "color",
202
- "value": "{color.gray.25}"
203
- },
204
- "inverse": {
205
- "type": "color",
206
- "value": "{color.gray.0}"
207
- },
208
- "inverse-secondary": {
209
- "value": "{color.gray.15}",
210
- "type": "color"
211
- },
212
- "interactive": {
213
- "type": "color",
214
- "value": "{color.gold.60}"
215
- }
216
- },
217
- "link": {
218
- "default": {
219
- "type": "color",
220
- "description": "Use for text links",
221
- "value": "{color.gold.60}"
222
- },
223
- "hover": {
224
- "type": "color",
225
- "value": "{color.gold.70}"
226
- },
227
- "active": {
228
- "type": "color",
229
- "value": "{color.gold.80}"
230
- },
231
- "visited": {
232
- "type": "color",
233
- "value": "{color.gold.70}"
234
- }
235
- },
236
- "icon": {
237
- "primary": {
238
- "value": "{color.black}",
239
- "type": "color"
240
- },
241
- "secondary": {
242
- "type": "color",
243
- "value": "{color.gray.60}"
244
- },
245
- "helper": {
246
- "type": "color",
247
- "value": "{color.gray.40}"
248
- },
249
- "background": {
250
- "value": "{color.gray.20}",
251
- "type": "color"
252
- },
253
- "inverse": {
254
- "type": "color",
255
- "value": "{color.gold.0}"
256
- },
257
- "disabled": {
258
- "type": "color",
259
- "value": "{color.gray.25}"
260
- }
261
- },
262
- "button": {
263
- "primary": {
264
- "default": {
265
- "value": "{color.black}",
266
- "type": "color"
267
- },
268
- "hover": {
269
- "type": "color",
270
- "value": "{color.gold.30}"
271
- },
272
- "active": {
273
- "type": "color",
274
- "value": "{color.gold.50}"
275
- },
276
- "disabled": {
277
- "type": "color",
278
- "value": "{color.gray.50}"
279
- },
280
- "label": {
281
- "value": "{color.gold.0}",
282
- "type": "color"
283
- },
284
- "label hover": {
285
- "value": "{color.black}",
286
- "type": "color"
287
- }
288
- },
289
- "secondary": {
290
- "default": {
291
- "value": "rgba(0,0,0,0)",
292
- "type": "color"
293
- },
294
- "hover": {
295
- "type": "color",
296
- "value": "{color.gold.30}"
297
- },
298
- "active": {
299
- "type": "color",
300
- "value": "{color.gold.50}"
301
- },
302
- "disabled": {
303
- "value": "rgba(0,0,0,0)",
304
- "type": "color"
305
- },
306
- "label": {
307
- "value": "{color.black}",
308
- "type": "color"
309
- }
310
- },
311
- "tertiary": {
312
- "default": {
313
- "value": "rgba(0,0,0,0)",
314
- "type": "color"
315
- },
316
- "hover": {
317
- "type": "color",
318
- "value": "{color.gray.7}"
319
- },
320
- "active": {
321
- "type": "color",
322
- "value": "{color.gray.25}"
323
- },
324
- "disabled": {
325
- "value": "rgba(0,0,0,0)",
326
- "type": "color"
327
- },
328
- "label": {
329
- "value": "{color.black}",
330
- "type": "color"
331
- }
332
- },
333
- "display": {
334
- "default": {
335
- "value": "linear-gradient(55deg, {color.gold.30} 10%, {color.gold.20} 90%)",
336
- "type": "color"
337
- },
338
- "hover": {
339
- "value": "linear-gradient(55deg, {color.gold.65} 10%, {color.gold.45} 90%)",
340
- "type": "color"
341
- },
342
- "active": {
343
- "type": "color",
344
- "value": "{color.gold.65}"
345
- },
346
- "disabled": {
347
- "type": "color",
348
- "value": "{color.gray.50}"
349
- },
350
- "label": {
351
- "value": "{color.black}",
352
- "type": "color"
353
- },
354
- "label hover": {
355
- "value": "{color.pure-white}",
356
- "type": "color"
357
- }
358
- }
359
- },
360
- "support": {
361
- "background": {
362
- "error": {
363
- "type": "color",
364
- "value": "{color.red.7}"
365
- },
366
- "warning": {
367
- "type": "color",
368
- "value": "{color.yellow.7}"
369
- },
370
- "info": {
371
- "type": "color",
372
- "value": "{color.blue.7}"
373
- },
374
- "success": {
375
- "type": "color",
376
- "value": "{color.green.7}"
377
- }
378
- },
379
- "text": {
380
- "error": {
381
- "type": "color",
382
- "value": "{color.red.60}"
383
- },
384
- "warning": {
385
- "type": "color",
386
- "value": "{color.yellow.60}"
387
- },
388
- "info": {
389
- "type": "color",
390
- "value": "{color.blue.60}"
391
- },
392
- "success": {
393
- "type": "color",
394
- "value": "{color.green.60}"
395
- }
396
- },
397
- "icon": {
398
- "error": {
399
- "type": "color",
400
- "value": "{color.red.50}"
401
- },
402
- "warning": {
403
- "type": "color",
404
- "value": "{color.yellow.50}"
405
- },
406
- "info": {
407
- "type": "color",
408
- "value": "{color.blue.50}"
409
- },
410
- "success": {
411
- "type": "color",
412
- "value": "{color.green.50}"
413
- }
414
- },
415
- "accent": {
416
- "error": {
417
- "type": "color",
418
- "value": "{color.red.60}"
419
- },
420
- "warning": {
421
- "type": "color",
422
- "value": "{color.yellow.60}"
423
- },
424
- "info": {
425
- "type": "color",
426
- "value": "{color.blue.60}"
427
- },
428
- "success": {
429
- "type": "color",
430
- "value": "{color.green.60}"
431
- }
432
- },
433
- "link": {
434
- "error": {
435
- "default": {
436
- "type": "color",
437
- "description": "Use for text links",
438
- "value": "{color.red.60}"
439
- },
440
- "hover": {
441
- "type": "color",
442
- "value": "{color.red.70}"
443
- },
444
- "active": {
445
- "type": "color",
446
- "value": "{color.red.80}"
447
- },
448
- "visited": {
449
- "type": "color",
450
- "value": "{color.red.80}"
451
- }
452
- },
453
- "warning": {
454
- "default": {
455
- "type": "color",
456
- "description": "Use for text links",
457
- "value": "{color.yellow.60}"
458
- },
459
- "hover": {
460
- "type": "color",
461
- "value": "{color.yellow.70}"
462
- },
463
- "active": {
464
- "type": "color",
465
- "value": "{color.yellow.80}"
466
- },
467
- "visited": {
468
- "type": "color",
469
- "value": "{color.yellow.70}"
470
- }
471
- },
472
- "info": {
473
- "default": {
474
- "type": "color",
475
- "description": "Use for text links",
476
- "value": "{color.blue.60}"
477
- },
478
- "hover": {
479
- "type": "color",
480
- "value": "{color.blue.70}"
481
- },
482
- "active": {
483
- "type": "color",
484
- "value": "{color.blue.80}"
485
- },
486
- "visited": {
487
- "type": "color",
488
- "value": "{color.blue.70}"
489
- }
490
- },
491
- "success": {
492
- "default": {
493
- "type": "color",
494
- "description": "Use for text links",
495
- "value": "{color.green.60}"
496
- },
497
- "hover": {
498
- "type": "color",
499
- "value": "{color.green.70}"
500
- },
501
- "active": {
502
- "type": "color",
503
- "value": "{color.green.80}"
504
- },
505
- "visited": {
506
- "type": "color",
507
- "value": "{color.green.70}"
508
- }
509
- }
510
- }
511
- },
512
- "focus": {
513
- "default": {
514
- "value": "{color.focus}",
515
- "type": "color"
516
- },
517
- "inset": {
518
- "value": "{color.pure-white}",
519
- "type": "color"
520
- }
521
- },
522
- "overlay": {
523
- "type": "color",
524
- "value": "rgba({color.gray.55},.25)"
525
- },
526
- "interactive": {
527
- "type": "color",
528
- "value": "{color.gold.55}"
529
- },
530
- "tag": {
531
- "gray": {
532
- "background": {
533
- "type": "color",
534
- "value": "{color.gray.10}"
535
- },
536
- "text": {
537
- "value": "{color.black}",
538
- "type": "color"
539
- },
540
- "icon": {
541
- "type": "color",
542
- "value": "{color.gray.65}"
543
- },
544
- "hover": {
545
- "type": "color",
546
- "value": "{color.gray.15}"
547
- },
548
- "active": {
549
- "type": "color",
550
- "value": "{color.gray.20}"
551
- }
552
- },
553
- "blue": {
554
- "background": {
555
- "type": "color",
556
- "value": "{color.blue.10}"
557
- },
558
- "text": {
559
- "value": "{color.black}",
560
- "type": "color"
561
- },
562
- "icon": {
563
- "type": "color",
564
- "value": "{color.blue.65}"
565
- },
566
- "hover": {
567
- "type": "color",
568
- "value": "{color.blue.15}"
569
- },
570
- "active": {
571
- "type": "color",
572
- "value": "{color.blue.20}"
573
- }
574
- },
575
- "green": {
576
- "background": {
577
- "type": "color",
578
- "value": "{color.green.10}"
579
- },
580
- "text": {
581
- "value": "{color.black}",
582
- "type": "color"
583
- },
584
- "icon": {
585
- "type": "color",
586
- "value": "{color.green.65}"
587
- },
588
- "hover": {
589
- "type": "color",
590
- "value": "{color.green.15}"
591
- },
592
- "active": {
593
- "type": "color",
594
- "value": "{color.green.20}"
595
- }
596
- },
597
- "red": {
598
- "background": {
599
- "type": "color",
600
- "value": "{color.red.10}"
601
- },
602
- "text": {
603
- "value": "{color.black}",
604
- "type": "color"
605
- },
606
- "icon": {
607
- "type": "color",
608
- "value": "{color.red.65}"
609
- },
610
- "hover": {
611
- "type": "color",
612
- "value": "{color.red.15}"
613
- },
614
- "active": {
615
- "type": "color",
616
- "value": "{color.red.20}"
617
- }
618
- },
619
- "gold": {
620
- "background": {
621
- "type": "color",
622
- "value": "{color.gold.10}"
623
- },
624
- "text": {
625
- "value": "{color.black}",
626
- "type": "color"
627
- },
628
- "icon": {
629
- "type": "color",
630
- "value": "{color.gold.65}"
631
- },
632
- "hover": {
633
- "type": "color",
634
- "value": "{color.gold.15}"
635
- },
636
- "active": {
637
- "type": "color",
638
- "value": "{color.gold.20}"
639
- }
640
- },
641
- "yellow": {
642
- "background": {
643
- "type": "color",
644
- "value": "{color.yellow.10}"
645
- },
646
- "text": {
647
- "value": "{color.black}",
648
- "type": "color"
649
- },
650
- "icon": {
651
- "type": "color",
652
- "value": "{color.yellow.65}"
653
- },
654
- "hover": {
655
- "type": "color",
656
- "value": "{color.yellow.15}"
657
- },
658
- "active": {
659
- "type": "color",
660
- "value": "{color.yellow.20}"
661
- }
662
- },
663
- "orange": {
664
- "background": {
665
- "type": "color",
666
- "value": "{color.orange.10}"
667
- },
668
- "text": {
669
- "value": "{color.black}",
670
- "type": "color"
671
- },
672
- "icon": {
673
- "type": "color",
674
- "value": "{color.orange.65}"
675
- },
676
- "hover": {
677
- "type": "color",
678
- "value": "{color.orange.15}"
679
- },
680
- "active": {
681
- "type": "color",
682
- "value": "{color.orange.20}"
683
- }
684
- },
685
- "salmon": {
686
- "background": {
687
- "type": "color",
688
- "value": "{color.salmon.10}"
689
- },
690
- "text": {
691
- "value": "{color.black}",
692
- "type": "color"
693
- },
694
- "icon": {
695
- "type": "color",
696
- "value": "{color.salmon.65}"
697
- },
698
- "hover": {
699
- "type": "color",
700
- "value": "{color.salmon.15}"
701
- },
702
- "active": {
703
- "type": "color",
704
- "value": "{color.salmon.20}"
705
- }
706
- },
707
- "pink": {
708
- "background": {
709
- "type": "color",
710
- "value": "{color.pink.10}"
711
- },
712
- "text": {
713
- "value": "{color.black}",
714
- "type": "color"
715
- },
716
- "icon": {
717
- "type": "color",
718
- "value": "{color.pink.65}"
719
- },
720
- "hover": {
721
- "type": "color",
722
- "value": "{color.pink.15}"
723
- },
724
- "active": {
725
- "type": "color",
726
- "value": "{color.pink.20}"
727
- }
728
- }
729
- }
730
- }