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