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

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 (8) hide show
  1. package/CHANGELOG.md +171 -0
  2. package/dist/json/drover.json +183 -16
  3. package/dist/json/variables.json +3115 -221
  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/layout-component.json +241 -148
  8. package/src/semantic-color-palette.json +26 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,176 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.37
4
+
5
+ ### Minor Changes
6
+
7
+ - [#355](https://github.com/adobe/spectrum-tokens/pull/355) [`783a200`](https://github.com/adobe/spectrum-tokens/commit/783a200983efa8e1f2cc31fd40ac3ed7298bb312) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Updated tokens according to updated token spec for Spectrum 2, including new and deprecated tokens
8
+
9
+ ## Design Motivation
10
+
11
+ ### Change 1: Updated terminology to align with t-shirt sizes
12
+
13
+ Previously in S1, the breadcrumb variants were default, compact, and multiline. However, in S2, we have aligned breadcrumb to t-shirt sizes, resulting in the following changes:
14
+
15
+ - Breadcrumbs (default) -> Breadcrumbs (L)
16
+ - Breadcrumbs (compact) -> Breadcrumbs (M)
17
+ - Breadcrumbs (multiline) -> Breadcrumbs (multiline)
18
+
19
+ ### Change 2: Updated truncated menu button sizes and spacing
20
+
21
+ Other structural changes
22
+
23
+ - In S1 all variants used M sized action button – now we use S, M, L sized action buttons for respective sizes.
24
+ - In S1 all variants had same spacing 8px around chevron, now we use different spacings for all the three variants
25
+
26
+ ## Token Diff
27
+
28
+ _Tokens added (11):_
29
+
30
+ - `breadcrumbs-separator-to-bottom-text-multiline`
31
+ - `breadcrumbs-start-edge-to-text-large`
32
+ - `breadcrumbs-start-edge-to-text-medium`
33
+ - `breadcrumbs-start-edge-to-text-multiline`
34
+ - `breadcrumbs-top-to-separator-large`
35
+ - `breadcrumbs-top-to-separator-medium`
36
+ - `breadcrumbs-top-to-separator-multiline`
37
+ - `breadcrumbs-truncated-menu-to-separator`
38
+ - `breadcrumbs-text-to-separator-large`
39
+ - `breadcrumbs-text-to-separator-medium`
40
+ - `breadcrumbs-text-to-separator-multiline`
41
+
42
+ _Newly deprecated tokens (13):_
43
+
44
+ - `breadcrumbs-height`
45
+ - `breadcrumbs-height-compact`
46
+ - `breadcrumbs-top-to-text`
47
+ - `breadcrumbs-top-to-text-compact`
48
+ - `breadcrumbs-bottom-to-text`
49
+ - `breadcrumbs-bottom-to-text-compact`
50
+ - `breadcrumbs-start-edge-to-text`
51
+ - `breadcrumbs-top-to-separator-icon`
52
+ - `breadcrumbs-top-to-separator-icon-compact`
53
+ - `breadcrumbs-top-to-separator-icon-multiline`
54
+ - `breadcrumbs-separator-icon-to-bottom-text-multiline`
55
+ - `breadcrumbs-truncated-menu-to-separator-icon`
56
+ - `breadcrumbs-top-to-truncated-menu-compact`
57
+
58
+ _Token values updated (20):_
59
+
60
+ - `breadcrumbs-top-to-separator-icon-multiline`
61
+ - `breadcrumbs-top-to-text-multiline`
62
+ - `breadcrumbs-bottom-to-text-multiline`
63
+ - `breadcrumbs-height-multiline`
64
+ - `breadcrumbs-top-to-separator-icon-multiline`
65
+ - `breadcrumbs-top-to-text-multiline`
66
+ - `breadcrumbs-height`
67
+ - `breadcrumbs-height-compact`
68
+ - `breadcrumbs-truncated-menu-to-separator-icon`
69
+ - `breadcrumbs-truncated-menu-to-bottom-text`
70
+ - `breadcrumbs-bottom-to-text`
71
+ - `breadcrumbs-bottom-to-text-compact`
72
+ - `breadcrumbs-separator-icon-to-bottom-text-multiline`
73
+ - `breadcrumbs-start-edge-to-text`
74
+ - `breadcrumbs-top-to-separator-icon`
75
+ - `breadcrumbs-top-to-separator-icon-compact`
76
+ - `breadcrumbs-top-to-text`
77
+ - `breadcrumbs-top-to-text-compact`
78
+ - `breadcrumbs-top-to-truncated-menu`
79
+ - `breadcrumbs-top-to-truncated-menu-compact`
80
+
81
+ ## 13.0.0-beta.36
82
+
83
+ ### Minor Changes
84
+
85
+ - [#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).
86
+
87
+ ## Design motivation
88
+
89
+ Icons team defined new S2 color tokens needed for their iconography assets.
90
+
91
+ ## Token diff
92
+
93
+ _Tokens added (78):_
94
+
95
+ - `icon-color-blue-background`
96
+ - `icon-color-blue-primary-down`
97
+ - `icon-color-blue-primary-hover`
98
+ - `icon-color-brown-background`
99
+ - `icon-color-brown-primary-default`
100
+ - `icon-color-brown-primary-down`
101
+ - `icon-color-brown-primary-hover`
102
+ - `icon-color-celery-background`
103
+ - `icon-color-celery-primary-default`
104
+ - `icon-color-celery-primary-down`
105
+ - `icon-color-celery-primary-hover`
106
+ - `icon-color-chartreuse-background`
107
+ - `icon-color-chartreuse-primary-default`
108
+ - `icon-color-chartreuse-primary-down`
109
+ - `icon-color-chartreuse-primary-hover`
110
+ - `icon-color-cinnamon-background`
111
+ - `icon-color-cinnamon-primary-default`
112
+ - `icon-color-cinnamon-primary-down`
113
+ - `icon-color-cinnamon-primary-hover`
114
+ - `icon-color-cyan-background`
115
+ - `icon-color-cyan-primary-default`
116
+ - `icon-color-cyan-primary-down`
117
+ - `icon-color-cyan-primary-hover`
118
+ - `icon-color-disabled-primary`
119
+ - `icon-color-emphasized-background`
120
+ - `icon-color-fuchsia-background`
121
+ - `icon-color-fuchsia-primary-default`
122
+ - `icon-color-fuchsia-primary-down`
123
+ - `icon-color-fuchsia-primary-hover`
124
+ - `icon-color-green-background`
125
+ - `icon-color-green-primary-down`
126
+ - `icon-color-green-primary-hover`
127
+ - `icon-color-indigo-background`
128
+ - `icon-color-indigo-primary-default`
129
+ - `icon-color-indigo-primary-down`
130
+ - `icon-color-indigo-primary-hover`
131
+ - `icon-color-informative`
132
+ - `icon-color-inverse-background`
133
+ - `icon-color-magenta-background`
134
+ - `icon-color-magenta-primary-default`
135
+ - `icon-color-magenta-primary-down`
136
+ - `icon-color-magenta-primary-hover`
137
+ - `icon-color-negative`
138
+ - `icon-color-neutral`
139
+ - `icon-color-notice`
140
+ - `icon-color-orange-background`
141
+ - `icon-color-orange-primary-default`
142
+ - `icon-color-orange-primary-down`
143
+ - `icon-color-orange-primary-hover`
144
+ - `icon-color-pink-background`
145
+ - `icon-color-pink-primary-default`
146
+ - `icon-color-pink-primary-down`
147
+ - `icon-color-pink-primary-hover`
148
+ - `icon-color-positive`
149
+ - `icon-color-primary-down`
150
+ - `icon-color-primary-hover`
151
+ - `icon-color-purple-background`
152
+ - `icon-color-purple-primary-default`
153
+ - `icon-color-purple-primary-down`
154
+ - `icon-color-purple-primary-hover`
155
+ - `icon-color-red-background`
156
+ - `icon-color-red-primary-down`
157
+ - `icon-color-red-primary-hover`
158
+ - `icon-color-seafoam-background`
159
+ - `icon-color-seafoam-primary-default`
160
+ - `icon-color-seafoam-primary-down`
161
+ - `icon-color-seafoam-primary-hover`
162
+ - `icon-color-silver-background`
163
+ - `icon-color-silver-primary-default`
164
+ - `icon-color-silver-primary-down`
165
+ - `icon-color-silver-primary-hover`
166
+ - `icon-color-turquoise-background`
167
+ - `icon-color-turquoise-primary-default`
168
+ - `icon-color-turquoise-primary-down`
169
+ - `icon-color-turquoise-primary-hover`
170
+ - `icon-color-yellow-background`
171
+ - `icon-color-yellow-primary-down`
172
+ - `icon-color-yellow-primary-hover`
173
+
3
174
  ## 13.0.0-beta.35
4
175
 
5
176
  ### 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)",
@@ -1319,26 +1475,37 @@
1319
1475
  "border-width-100": "1px",
1320
1476
  "border-width-200": "2px",
1321
1477
  "border-width-400": "4px",
1322
- "breadcrumbs-bottom-to-text": "15px",
1323
- "breadcrumbs-bottom-to-text-compact": "12px",
1478
+ "breadcrumbs-bottom-to-text": "11px",
1479
+ "breadcrumbs-bottom-to-text-compact": "9px",
1324
1480
  "breadcrumbs-bottom-to-text-multiline": "9px",
1325
1481
  "breadcrumbs-end-edge-to-text": "0px",
1326
- "breadcrumbs-height": "48px",
1327
- "breadcrumbs-height-compact": "40px",
1482
+ "breadcrumbs-height": "40px",
1483
+ "breadcrumbs-height-compact": "32px",
1328
1484
  "breadcrumbs-height-multiline": "72px",
1329
1485
  "breadcrumbs-separator-icon-to-bottom-text-multiline": "11px",
1330
- "breadcrumbs-start-edge-to-text": "8px",
1486
+ "breadcrumbs-separator-to-bottom-text-multiline": "11px",
1487
+ "breadcrumbs-start-edge-to-text": "9px",
1488
+ "breadcrumbs-start-edge-to-text-large": "9px",
1489
+ "breadcrumbs-start-edge-to-text-medium": "6px",
1490
+ "breadcrumbs-start-edge-to-text-multiline": "4px",
1331
1491
  "breadcrumbs-start-edge-to-truncated-menu": "0px",
1492
+ "breadcrumbs-text-to-separator-large": "9px",
1493
+ "breadcrumbs-text-to-separator-medium": "6px",
1494
+ "breadcrumbs-text-to-separator-multiline": "4px",
1332
1495
  "breadcrumbs-top-text-to-bottom-text": "9px",
1333
- "breadcrumbs-top-to-separator-icon": "19px",
1334
- "breadcrumbs-top-to-separator-icon-compact": "15px",
1335
- "breadcrumbs-top-to-separator-icon-multiline": "15px",
1336
- "breadcrumbs-top-to-text": "13px",
1337
- "breadcrumbs-top-to-text-compact": "11px",
1338
- "breadcrumbs-top-to-text-multiline": "12px",
1339
- "breadcrumbs-top-to-truncated-menu": "8px",
1340
- "breadcrumbs-top-to-truncated-menu-compact": "4px",
1341
- "breadcrumbs-truncated-menu-to-bottom-text": "0px",
1496
+ "breadcrumbs-top-to-separator-icon": "15px",
1497
+ "breadcrumbs-top-to-separator-icon-compact": "11px",
1498
+ "breadcrumbs-top-to-separator-icon-multiline": "7px",
1499
+ "breadcrumbs-top-to-separator-large": "15px",
1500
+ "breadcrumbs-top-to-separator-medium": "11px",
1501
+ "breadcrumbs-top-to-separator-multiline": "7px",
1502
+ "breadcrumbs-top-to-text": "9px",
1503
+ "breadcrumbs-top-to-text-compact": "6px",
1504
+ "breadcrumbs-top-to-text-multiline": "4px",
1505
+ "breadcrumbs-top-to-truncated-menu": "0px",
1506
+ "breadcrumbs-top-to-truncated-menu-compact": "0px",
1507
+ "breadcrumbs-truncated-menu-to-bottom-text": "4px",
1508
+ "breadcrumbs-truncated-menu-to-separator": "0px",
1342
1509
  "breadcrumbs-truncated-menu-to-separator-icon": "0px",
1343
1510
  "button-minimum-width-multiplier": "2.25",
1344
1511
  "card-minimum-width": "100px",