@adobe/spectrum-tokens 13.0.0-beta.35 → 13.0.0-beta.36

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 (7) hide show
  1. package/CHANGELOG.md +93 -0
  2. package/dist/json/drover.json +158 -2
  3. package/dist/json/variables.json +2887 -147
  4. package/package.json +1 -1
  5. package/schemas/token-types/color-set.json +3 -3
  6. package/src/icons.json +902 -21
  7. package/src/semantic-color-palette.json +26 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,98 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.36
4
+
5
+ ### Minor Changes
6
+
7
+ - [#342](https://github.com/adobe/spectrum-tokens/pull/342) [`9da9532`](https://github.com/adobe/spectrum-tokens/commit/9da9532f1915070d289f7cce6f4e562c2565f889) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Newly defined S2 Icon colors by the Icons team were incorporated into our system. This includes updates to existing colors and new color additions. More details on icon colors can be found [in this document](https://paper.dropbox.com/doc/S2-Icon-colors-May-update--CPQCbAN3uvmfSCYV5UekAgYkAg-BqbGyRAAL87Ehoqm9WrCB) and [this Figma file](https://www.figma.com/design/KRqwJWgLuW4R7HwFUzKWiB/S2-Icon-color?node-id=0%3A1&t=jRZwm9gOH4dyLwL7-1).
8
+
9
+ ## Design motivation
10
+
11
+ Icons team defined new S2 color tokens needed for their iconography assets.
12
+
13
+ ## Token diff
14
+
15
+ _Tokens added (78):_
16
+
17
+ - `icon-color-blue-background`
18
+ - `icon-color-blue-primary-down`
19
+ - `icon-color-blue-primary-hover`
20
+ - `icon-color-brown-background`
21
+ - `icon-color-brown-primary-default`
22
+ - `icon-color-brown-primary-down`
23
+ - `icon-color-brown-primary-hover`
24
+ - `icon-color-celery-background`
25
+ - `icon-color-celery-primary-default`
26
+ - `icon-color-celery-primary-down`
27
+ - `icon-color-celery-primary-hover`
28
+ - `icon-color-chartreuse-background`
29
+ - `icon-color-chartreuse-primary-default`
30
+ - `icon-color-chartreuse-primary-down`
31
+ - `icon-color-chartreuse-primary-hover`
32
+ - `icon-color-cinnamon-background`
33
+ - `icon-color-cinnamon-primary-default`
34
+ - `icon-color-cinnamon-primary-down`
35
+ - `icon-color-cinnamon-primary-hover`
36
+ - `icon-color-cyan-background`
37
+ - `icon-color-cyan-primary-default`
38
+ - `icon-color-cyan-primary-down`
39
+ - `icon-color-cyan-primary-hover`
40
+ - `icon-color-disabled-primary`
41
+ - `icon-color-emphasized-background`
42
+ - `icon-color-fuchsia-background`
43
+ - `icon-color-fuchsia-primary-default`
44
+ - `icon-color-fuchsia-primary-down`
45
+ - `icon-color-fuchsia-primary-hover`
46
+ - `icon-color-green-background`
47
+ - `icon-color-green-primary-down`
48
+ - `icon-color-green-primary-hover`
49
+ - `icon-color-indigo-background`
50
+ - `icon-color-indigo-primary-default`
51
+ - `icon-color-indigo-primary-down`
52
+ - `icon-color-indigo-primary-hover`
53
+ - `icon-color-informative`
54
+ - `icon-color-inverse-background`
55
+ - `icon-color-magenta-background`
56
+ - `icon-color-magenta-primary-default`
57
+ - `icon-color-magenta-primary-down`
58
+ - `icon-color-magenta-primary-hover`
59
+ - `icon-color-negative`
60
+ - `icon-color-neutral`
61
+ - `icon-color-notice`
62
+ - `icon-color-orange-background`
63
+ - `icon-color-orange-primary-default`
64
+ - `icon-color-orange-primary-down`
65
+ - `icon-color-orange-primary-hover`
66
+ - `icon-color-pink-background`
67
+ - `icon-color-pink-primary-default`
68
+ - `icon-color-pink-primary-down`
69
+ - `icon-color-pink-primary-hover`
70
+ - `icon-color-positive`
71
+ - `icon-color-primary-down`
72
+ - `icon-color-primary-hover`
73
+ - `icon-color-purple-background`
74
+ - `icon-color-purple-primary-default`
75
+ - `icon-color-purple-primary-down`
76
+ - `icon-color-purple-primary-hover`
77
+ - `icon-color-red-background`
78
+ - `icon-color-red-primary-down`
79
+ - `icon-color-red-primary-hover`
80
+ - `icon-color-seafoam-background`
81
+ - `icon-color-seafoam-primary-default`
82
+ - `icon-color-seafoam-primary-down`
83
+ - `icon-color-seafoam-primary-hover`
84
+ - `icon-color-silver-background`
85
+ - `icon-color-silver-primary-default`
86
+ - `icon-color-silver-primary-down`
87
+ - `icon-color-silver-primary-hover`
88
+ - `icon-color-turquoise-background`
89
+ - `icon-color-turquoise-primary-default`
90
+ - `icon-color-turquoise-primary-down`
91
+ - `icon-color-turquoise-primary-hover`
92
+ - `icon-color-yellow-background`
93
+ - `icon-color-yellow-primary-down`
94
+ - `icon-color-yellow-primary-hover`
95
+
3
96
  ## 13.0.0-beta.35
4
97
 
5
98
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -236,12 +236,90 @@
236
236
  "green-background-color-default": "rgb(5, 131, 78)",
237
237
  "green-visual-color": "rgb(11, 164, 93)",
238
238
  "heading-color": "rgb(19, 19, 19)",
239
+ "icon-color-blue-background": "rgb(229, 240, 254)",
239
240
  "icon-color-blue-primary-default": "rgb(59, 99, 251)",
240
- "icon-color-green-primary-default": "rgb(5, 131, 78)",
241
+ "icon-color-blue-primary-down": "rgb(29, 62, 207)",
242
+ "icon-color-blue-primary-hover": "rgb(39, 77, 234)",
243
+ "icon-color-brown-background": "rgb(247, 238, 225)",
244
+ "icon-color-brown-primary-default": "rgb(154, 123, 77)",
245
+ "icon-color-brown-primary-down": "rgb(119, 91, 50)",
246
+ "icon-color-brown-primary-hover": "rgb(139, 109, 66)",
247
+ "icon-color-celery-background": "rgb(235, 255, 220)",
248
+ "icon-color-celery-primary-default": "rgb(82, 161, 25)",
249
+ "icon-color-celery-primary-down": "rgb(64, 129, 17)",
250
+ "icon-color-celery-primary-hover": "rgb(72, 144, 20)",
251
+ "icon-color-chartreuse-background": "rgb(234, 246, 173)",
252
+ "icon-color-chartreuse-primary-default": "rgb(143, 172, 0)",
253
+ "icon-color-chartreuse-primary-down": "rgb(114, 137, 0)",
254
+ "icon-color-chartreuse-primary-hover": "rgb(128, 153, 0)",
255
+ "icon-color-cinnamon-background": "rgb(249, 236, 229)",
256
+ "icon-color-cinnamon-primary-default": "rgb(184, 109, 70)",
257
+ "icon-color-cinnamon-primary-down": "rgb(147, 77, 43)",
258
+ "icon-color-cinnamon-primary-hover": "rgb(170, 94, 56)",
259
+ "icon-color-cyan-background": "rgb(238, 250, 254)",
260
+ "icon-color-cyan-primary-default": "rgb(18, 134, 205)",
261
+ "icon-color-cyan-primary-down": "rgb(4, 102, 145)",
262
+ "icon-color-cyan-primary-hover": "rgb(11, 120, 179)",
263
+ "icon-color-disabled-primary": "rgb(198, 198, 198)",
264
+ "icon-color-emphasized-background": "rgb(19, 19, 19)",
265
+ "icon-color-fuchsia-background": "rgb(253, 233, 255)",
266
+ "icon-color-fuchsia-primary-default": "rgb(181, 57, 200)",
267
+ "icon-color-fuchsia-primary-down": "rgb(135, 27, 154)",
268
+ "icon-color-fuchsia-primary-hover": "rgb(156, 40, 175)",
269
+ "icon-color-green-background": "rgb(237, 252, 241)",
270
+ "icon-color-green-primary-default": "rgb(7, 147, 85)",
271
+ "icon-color-green-primary-down": "rgb(3, 110, 69)",
272
+ "icon-color-green-primary-hover": "rgb(5, 131, 78)",
273
+ "icon-color-indigo-background": "rgb(235, 238, 255)",
274
+ "icon-color-indigo-primary-default": "rgb(113, 85, 250)",
275
+ "icon-color-indigo-primary-down": "rgb(84, 36, 219)",
276
+ "icon-color-indigo-primary-hover": "rgb(99, 56, 238)",
277
+ "icon-color-informative": "rgb(75, 117, 255)",
241
278
  "icon-color-inverse": "rgb(248, 248, 248)",
279
+ "icon-color-inverse-background": "rgb(248, 248, 248)",
280
+ "icon-color-magenta-background": "rgb(255, 232, 240)",
281
+ "icon-color-magenta-primary-default": "rgb(217, 35, 97)",
282
+ "icon-color-magenta-primary-down": "rgb(163, 5, 62)",
283
+ "icon-color-magenta-primary-hover": "rgb(186, 22, 80)",
284
+ "icon-color-negative": "rgb(240, 56, 35)",
285
+ "icon-color-neutral": "rgb(143, 143, 143)",
286
+ "icon-color-notice": "rgb(232, 106, 0)",
287
+ "icon-color-orange-background": "rgb(255, 236, 207)",
288
+ "icon-color-orange-primary-default": "rgb(232, 106, 0)",
289
+ "icon-color-orange-primary-down": "rgb(194, 78, 0)",
290
+ "icon-color-orange-primary-hover": "rgb(212, 91, 0)",
291
+ "icon-color-pink-background": "rgb(255, 232, 247)",
292
+ "icon-color-pink-primary-default": "rgb(228, 52, 163)",
293
+ "icon-color-pink-primary-down": "rgb(176, 31, 123)",
294
+ "icon-color-pink-primary-hover": "rgb(206, 42, 146)",
295
+ "icon-color-positive": "rgb(11, 164, 93)",
242
296
  "icon-color-primary-default": "rgb(41, 41, 41)",
297
+ "icon-color-primary-down": "rgb(19, 19, 19)",
298
+ "icon-color-primary-hover": "rgb(19, 19, 19)",
299
+ "icon-color-purple-background": "rgb(244, 235, 252)",
300
+ "icon-color-purple-primary-default": "rgb(154, 71, 226)",
301
+ "icon-color-purple-primary-down": "rgb(115, 13, 204)",
302
+ "icon-color-purple-primary-hover": "rgb(134, 40, 217)",
303
+ "icon-color-red-background": "rgb(255, 235, 232)",
243
304
  "icon-color-red-primary-default": "rgb(215, 50, 32)",
305
+ "icon-color-red-primary-down": "rgb(156, 33, 19)",
306
+ "icon-color-red-primary-hover": "rgb(183, 40, 24)",
307
+ "icon-color-seafoam-background": "rgb(211, 246, 234)",
308
+ "icon-color-seafoam-primary-default": "rgb(9, 144, 120)",
309
+ "icon-color-seafoam-primary-down": "rgb(5, 108, 92)",
310
+ "icon-color-seafoam-primary-hover": "rgb(7, 129, 109)",
311
+ "icon-color-silver-background": "rgb(239, 239, 239)",
312
+ "icon-color-silver-primary-default": "rgb(143, 143, 143)",
313
+ "icon-color-silver-primary-down": "rgb(114, 114, 114)",
314
+ "icon-color-silver-primary-hover": "rgb(128, 128, 128)",
315
+ "icon-color-turquoise-background": "rgb(209, 245, 245)",
316
+ "icon-color-turquoise-primary-default": "rgb(12, 158, 171)",
317
+ "icon-color-turquoise-primary-down": "rgb(8, 126, 137)",
318
+ "icon-color-turquoise-primary-hover": "rgb(10, 141, 153)",
319
+ "icon-color-yellow-background": "rgb(255, 248, 204)",
244
320
  "icon-color-yellow-primary-default": "rgb(245, 199, 0)",
321
+ "icon-color-yellow-primary-down": "rgb(210, 149, 0)",
322
+ "icon-color-yellow-primary-hover": "rgb(230, 175, 0)",
245
323
  "indigo-100": "rgb(247, 248, 255)",
246
324
  "indigo-1000": "rgb(99, 56, 238)",
247
325
  "indigo-1100": "rgb(84, 36, 219)",
@@ -819,12 +897,90 @@
819
897
  "green-background-color-default": "rgb(4, 124, 75)",
820
898
  "green-visual-color": "rgb(6, 140, 82)",
821
899
  "heading-color": "rgb(242, 242, 242)",
900
+ "icon-color-blue-background": "rgb(12, 33, 117)",
822
901
  "icon-color-blue-primary-default": "rgb(69, 110, 254)",
902
+ "icon-color-blue-primary-down": "rgb(105, 149, 254)",
903
+ "icon-color-blue-primary-hover": "rgb(86, 129, 255)",
904
+ "icon-color-brown-background": "rgb(78, 55, 19)",
905
+ "icon-color-brown-primary-default": "rgb(132, 104, 61)",
906
+ "icon-color-brown-primary-down": "rgb(163, 132, 84)",
907
+ "icon-color-brown-primary-hover": "rgb(148, 118, 73)",
908
+ "icon-color-celery-background": "rgb(31, 67, 4)",
909
+ "icon-color-celery-primary-default": "rgb(78, 154, 23)",
910
+ "icon-color-celery-primary-down": "rgb(100, 190, 35)",
911
+ "icon-color-celery-primary-hover": "rgb(88, 172, 28)",
912
+ "icon-color-chartreuse-background": "rgb(53, 63, 0)",
913
+ "icon-color-chartreuse-primary-default": "rgb(136, 164, 0)",
914
+ "icon-color-chartreuse-primary-down": "rgb(169, 203, 0)",
915
+ "icon-color-chartreuse-primary-hover": "rgb(151, 181, 0)",
916
+ "icon-color-cinnamon-background": "rgb(79, 28, 7)",
917
+ "icon-color-cinnamon-primary-default": "rgb(179, 103, 64)",
918
+ "icon-color-cinnamon-primary-down": "rgb(206, 136, 99)",
919
+ "icon-color-cinnamon-primary-hover": "rgb(192, 119, 80)",
920
+ "icon-color-cyan-background": "rgb(0, 64, 88)",
921
+ "icon-color-cyan-primary-default": "rgb(15, 128, 194)",
922
+ "icon-color-cyan-primary-down": "rgb(38, 159, 244)",
923
+ "icon-color-cyan-primary-hover": "rgb(24, 142, 220)",
924
+ "icon-color-disabled-primary": "rgb(68, 68, 68)",
925
+ "icon-color-emphasized-background": "rgb(242, 242, 242)",
926
+ "icon-color-fuchsia-background": "rgb(61, 0, 74)",
927
+ "icon-color-fuchsia-primary-default": "rgb(173, 51, 192)",
928
+ "icon-color-fuchsia-primary-down": "rgb(213, 73, 235)",
929
+ "icon-color-fuchsia-primary-hover": "rgb(192, 64, 212)",
930
+ "icon-color-green-background": "rgb(0, 68, 48)",
823
931
  "icon-color-green-primary-default": "rgb(6, 140, 82)",
932
+ "icon-color-green-primary-down": "rgb(14, 175, 98)",
933
+ "icon-color-green-primary-hover": "rgb(9, 157, 89)",
934
+ "icon-color-indigo-background": "rgb(30, 0, 93)",
935
+ "icon-color-indigo-primary-default": "rgb(109, 75, 248)",
936
+ "icon-color-indigo-primary-down": "rgb(128, 119, 254)",
937
+ "icon-color-indigo-primary-hover": "rgb(119, 97, 252)",
938
+ "icon-color-informative": "rgb(86, 129, 255)",
824
939
  "icon-color-inverse": "rgb(27, 27, 27)",
940
+ "icon-color-inverse-background": "rgb(27, 27, 27)",
941
+ "icon-color-magenta-background": "rgb(74, 0, 27)",
942
+ "icon-color-magenta-primary-default": "rgb(207, 31, 92)",
943
+ "icon-color-magenta-primary-down": "rgb(255, 51, 119)",
944
+ "icon-color-magenta-primary-hover": "rgb(231, 41, 105)",
945
+ "icon-color-negative": "rgb(205, 46, 29)",
946
+ "icon-color-neutral": "rgb(138, 138, 138)",
947
+ "icon-color-notice": "rgb(224, 100, 0)",
948
+ "icon-color-orange-background": "rgb(80, 27, 0)",
949
+ "icon-color-orange-primary-default": "rgb(224, 100, 0)",
950
+ "icon-color-orange-primary-down": "rgb(255, 137, 0)",
951
+ "icon-color-orange-primary-hover": "rgb(243, 117, 0)",
952
+ "icon-color-pink-background": "rgb(71, 0, 44)",
953
+ "icon-color-pink-primary-default": "rgb(196, 39, 138)",
954
+ "icon-color-pink-primary-down": "rgb(236, 67, 175)",
955
+ "icon-color-pink-primary-hover": "rgb(220, 47, 156)",
956
+ "icon-color-positive": "rgb(6, 140, 82)",
825
957
  "icon-color-primary-default": "rgb(219, 219, 219)",
958
+ "icon-color-primary-down": "rgb(242, 242, 242)",
959
+ "icon-color-primary-hover": "rgb(242, 242, 242)",
960
+ "icon-color-purple-background": "rgb(50, 0, 96)",
961
+ "icon-color-purple-primary-default": "rgb(148, 62, 224)",
962
+ "icon-color-purple-primary-down": "rgb(173, 105, 233)",
963
+ "icon-color-purple-primary-hover": "rgb(161, 84, 229)",
964
+ "icon-color-red-background": "rgb(87, 17, 7)",
826
965
  "icon-color-red-primary-default": "rgb(205, 46, 29)",
827
- "icon-color-yellow-primary-default": "rgb(203, 141, 0)",
966
+ "icon-color-red-primary-down": "rgb(252, 67, 46)",
967
+ "icon-color-red-primary-hover": "rgb(230, 54, 35)",
968
+ "icon-color-seafoam-background": "rgb(0, 67, 59)",
969
+ "icon-color-seafoam-primary-default": "rgb(8, 138, 116)",
970
+ "icon-color-seafoam-primary-down": "rgb(12, 173, 142)",
971
+ "icon-color-seafoam-primary-hover": "rgb(10, 154, 128)",
972
+ "icon-color-silver-background": "rgb(59, 59, 59)",
973
+ "icon-color-silver-primary-default": "rgb(123, 123, 123)",
974
+ "icon-color-silver-primary-down": "rgb(152, 152, 152)",
975
+ "icon-color-silver-primary-hover": "rgb(137, 137, 137)",
976
+ "icon-color-turquoise-background": "rgb(0, 66, 72)",
977
+ "icon-color-turquoise-primary-default": "rgb(9, 135, 147)",
978
+ "icon-color-turquoise-primary-down": "rgb(13, 168, 182)",
979
+ "icon-color-turquoise-primary-hover": "rgb(11, 151, 164)",
980
+ "icon-color-yellow-background": "rgb(83, 52, 0)",
981
+ "icon-color-yellow-primary-default": "rgb(235, 183, 0)",
982
+ "icon-color-yellow-primary-down": "rgb(255, 230, 86)",
983
+ "icon-color-yellow-primary-hover": "rgb(249, 206, 0)",
828
984
  "indigo-100": "rgb(30, 0, 93)",
829
985
  "indigo-1000": "rgb(139, 141, 254)",
830
986
  "indigo-1100": "rgb(153, 161, 255)",