@adobe/spectrum-tokens 13.0.0-beta.22 → 13.0.0-beta.24

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 +100 -0
  2. package/dist/json/drover.json +41 -8
  3. package/dist/json/variables.json +304 -56
  4. package/package.json +1 -1
  5. package/src/color-aliases.json +59 -19
  6. package/src/layout-component.json +128 -3
  7. package/src/layout.json +114 -90
package/CHANGELOG.md CHANGED
@@ -1,5 +1,105 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.24
4
+
5
+ ### Major Changes
6
+
7
+ - 1c8f7ab: Renamed previous drop shadow tokens from S1 and pointed them to the new `100` S2 drop shadow tokens
8
+ Added new drop shadow tokens, `100`, `200`, `emphasized-default`, `emphasized-hover`, `elevated`.
9
+
10
+ ## Design Motivation
11
+
12
+ These tokens reflect the updates to drop tokens foundations in Spectrum 2, allowing more options and flexibility of usage in containers
13
+
14
+ ## Token Diff
15
+
16
+ _Tokens added (24):_
17
+
18
+ - `drop-shadow-blur`
19
+ - `drop-shadow-blur-100`
20
+ - `drop-shadow-blur-200`
21
+ - `drop-shadow-color`
22
+ - `drop-shadow-color-100`
23
+ - `drop-shadow-color-200`
24
+ - `drop-shadow-elevated-blur`
25
+ - `drop-shadow-elevated-color`
26
+ - `drop-shadow-elevated-x`
27
+ - `drop-shadow-elevated-y`
28
+ - `drop-shadow-emphasized-default-blur`
29
+ - `drop-shadow-emphasized-default-color`
30
+ - `drop-shadow-emphasized-default-x`
31
+ - `drop-shadow-emphasized-default-y`
32
+ - `drop-shadow-emphasized-hover-blur`
33
+ - `drop-shadow-emphasized-hover-color`
34
+ - `drop-shadow-emphasized-hover-x`
35
+ - `drop-shadow-emphasized-hover-y`
36
+ - `drop-shadow-x`
37
+ - `drop-shadow-x-100`
38
+ - `drop-shadow-x-200`
39
+ - `drop-shadow-y`
40
+ - `drop-shadow-y-100`
41
+ - `drop-shadow-y-200`
42
+
43
+ _Tokens deleted (2):_
44
+
45
+ - `drop-shadow-blur`
46
+ - `drop-shadow-y`
47
+
48
+ _Token values updated (2):_
49
+
50
+ - `color-handle-drop-shadow-color`
51
+ - `drop-shadow-color`
52
+
53
+ ### Minor Changes
54
+
55
+ - 3230aba: Updated and added S2 drop shadow tokens
56
+
57
+ ## Design Motivation
58
+
59
+ These changes occurred as a result of scaling things for S2 design language and experiences.
60
+
61
+ ## Token Diff
62
+
63
+ _Tokens added (7):_
64
+
65
+ - `field-default-width-extra-large`
66
+ - `field-default-width-large`
67
+ - `field-default-width-medium`
68
+ - `field-default-width-small`
69
+ - `tag-minimum-width-large`
70
+ - `tag-minimum-width-medium`
71
+ - `tag-minimum-width-small`
72
+
73
+ _Token values updated (4):_
74
+
75
+ - `field-top-to-progress-circle-extra-large`
76
+ - `field-top-to-progress-circle-large`
77
+ - `field-top-to-progress-circle-medium`
78
+ - `field-top-to-progress-circle-small`
79
+
80
+ _Newly Deprecated Tokens (4):_
81
+
82
+ - `field-width-extra-large`
83
+ - `field-width-large`
84
+ - `field-width-medium`
85
+ - `field-width-small`
86
+
87
+ ## 13.0.0-beta.23
88
+
89
+ ### Patch Changes
90
+
91
+ - 936f608: Fixed misnamed accordion token.
92
+
93
+ ## Token Diff
94
+
95
+ _Tokens added (1):_
96
+
97
+ - `accordion-top-to-text-spacious-small`
98
+
99
+ _Newly deprecated token (1):_
100
+
101
+ - `accordion-small-top-to-text-spacious`
102
+
3
103
  ## 13.0.0-beta.22
4
104
 
5
105
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -139,7 +139,7 @@
139
139
  "coach-mark-pagination-color": "rgb(113, 113, 113)",
140
140
  "code-color": "rgb(41, 41, 41)",
141
141
  "color-area-border-color": "rgb(0, 0, 0)",
142
- "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
142
+ "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.12)",
143
143
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
144
144
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
145
145
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
@@ -174,7 +174,12 @@
174
174
  "disabled-static-white-background-color": "rgba(255, 255, 255, 0.11)",
175
175
  "disabled-static-white-border-color": "rgba(255, 255, 255, 0.17)",
176
176
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.21)",
177
- "drop-shadow-color": "rgba(0, 0, 0, 0.15)",
177
+ "drop-shadow-color": "rgba(0, 0, 0, 0.12)",
178
+ "drop-shadow-color-100": "rgba(0, 0, 0, 0.12)",
179
+ "drop-shadow-color-200": "rgba(0, 0, 0, 0.16)",
180
+ "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.16)",
181
+ "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.12)",
182
+ "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.16)",
178
183
  "drop-zone-background-color": "rgb(75, 117, 255)",
179
184
  "floating-action-button-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
180
185
  "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.15)",
@@ -705,7 +710,7 @@
705
710
  "coach-mark-pagination-color": "rgb(138, 138, 138)",
706
711
  "code-color": "rgb(219, 219, 219)",
707
712
  "color-area-border-color": "rgb(255, 255, 255)",
708
- "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.8)",
713
+ "color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.36)",
709
714
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
710
715
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
711
716
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
@@ -740,7 +745,12 @@
740
745
  "disabled-static-white-background-color": "rgba(255, 255, 255, 0.11)",
741
746
  "disabled-static-white-border-color": "rgba(255, 255, 255, 0.17)",
742
747
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.21)",
743
- "drop-shadow-color": "rgba(0, 0, 0, 0.8)",
748
+ "drop-shadow-color": "rgba(0, 0, 0, 0.36)",
749
+ "drop-shadow-color-100": "rgba(0, 0, 0, 0.36)",
750
+ "drop-shadow-color-200": "rgba(0, 0, 0, 0.48)",
751
+ "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.48)",
752
+ "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.36)",
753
+ "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.48)",
744
754
  "drop-zone-background-color": "rgb(86, 129, 255)",
745
755
  "floating-action-button-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
746
756
  "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.15)",
@@ -1226,6 +1236,7 @@
1226
1236
  "accordion-top-to-text-spacious-extra-large": "13px",
1227
1237
  "accordion-top-to-text-spacious-large": "12px",
1228
1238
  "accordion-top-to-text-spacious-medium": "12px",
1239
+ "accordion-top-to-text-spacious-small": "9px",
1229
1240
  "action-bar-height": "48px",
1230
1241
  "action-bar-top-to-item-counter": "14px",
1231
1242
  "action-button-edge-to-hold-icon-extra-large": "6px",
@@ -1515,9 +1526,24 @@
1515
1526
  "divider-thickness-medium": "2px",
1516
1527
  "divider-thickness-small": "1px",
1517
1528
  "divider-vertical-minimum-height": "200px",
1518
- "drop-shadow-blur": "4px",
1529
+ "drop-shadow-blur": "6px",
1530
+ "drop-shadow-blur-100": "6px",
1531
+ "drop-shadow-blur-200": "8px",
1532
+ "drop-shadow-elevated-blur": "8px",
1533
+ "drop-shadow-elevated-x": "0px",
1534
+ "drop-shadow-elevated-y": "2px",
1535
+ "drop-shadow-emphasized-default-blur": "6px",
1536
+ "drop-shadow-emphasized-default-x": "0px",
1537
+ "drop-shadow-emphasized-default-y": "1px",
1538
+ "drop-shadow-emphasized-hover-blur": "8px",
1539
+ "drop-shadow-emphasized-hover-x": "0px",
1540
+ "drop-shadow-emphasized-hover-y": "2px",
1519
1541
  "drop-shadow-x": "0px",
1542
+ "drop-shadow-x-100": "0px",
1543
+ "drop-shadow-x-200": "0px",
1520
1544
  "drop-shadow-y": "1px",
1545
+ "drop-shadow-y-100": "1px",
1546
+ "drop-shadow-y-200": "2px",
1521
1547
  "drop-zone-background-color-opacity": "0.1",
1522
1548
  "drop-zone-background-color-opacity-filled": "0.3",
1523
1549
  "drop-zone-body-size": "14px",
@@ -1527,6 +1553,10 @@
1527
1553
  "drop-zone-content-maximum-width": "380px",
1528
1554
  "drop-zone-title-size": "22px",
1529
1555
  "drop-zone-width": "428px",
1556
+ "field-default-width-extra-large": "240px",
1557
+ "field-default-width-large": "224px",
1558
+ "field-default-width-medium": "208px",
1559
+ "field-default-width-small": "192px",
1530
1560
  "field-edge-to-alert-icon-extra-large": "18px",
1531
1561
  "field-edge-to-alert-icon-large": "15px",
1532
1562
  "field-edge-to-alert-icon-medium": "12px",
@@ -1581,9 +1611,9 @@
1581
1611
  "field-top-to-disclosure-icon-200": "14px",
1582
1612
  "field-top-to-disclosure-icon-300": "17px",
1583
1613
  "field-top-to-disclosure-icon-75": "7px",
1584
- "field-top-to-progress-circle-extra-large": "16px",
1585
- "field-top-to-progress-circle-large": "12px",
1586
- "field-top-to-progress-circle-medium": "8px",
1614
+ "field-top-to-progress-circle-extra-large": "11px",
1615
+ "field-top-to-progress-circle-large": "9px",
1616
+ "field-top-to-progress-circle-medium": "6px",
1587
1617
  "field-top-to-progress-circle-small": "4px",
1588
1618
  "field-top-to-validation-icon-extra-large": "17px",
1589
1619
  "field-top-to-validation-icon-large": "14px",
@@ -1953,6 +1983,9 @@
1953
1983
  "tag-label-to-clear-icon-large": "15px",
1954
1984
  "tag-label-to-clear-icon-medium": "12px",
1955
1985
  "tag-label-to-clear-icon-small": "8px",
1986
+ "tag-minimum-width-large": "33px",
1987
+ "tag-minimum-width-medium": "27px",
1988
+ "tag-minimum-width-small": "21px",
1956
1989
  "tag-top-to-avatar-large": "9px",
1957
1990
  "tag-top-to-avatar-medium": "6px",
1958
1991
  "tag-top-to-avatar-small": "4px",
package/dist/json/variables.json CHANGED
@@ -49,20 +49,22 @@
49
49
  }
50
50
  },
51
51
  "drop-shadow-color": {
52
+ "ref": "{drop-shadow-color-100}",
52
53
  "sets": {
53
54
  "light": {
54
- "value": "rgba(0, 0, 0, 0.15)",
55
- "uuid": "be45ace6-9227-41d1-80be-0c58c3f8b3cb"
55
+ "value": "rgba(0, 0, 0, 0.12)",
56
+ "uuid": "5c0f0543-7e9b-43d6-9fea-c771b9b524c6"
56
57
  },
57
58
  "dark": {
58
- "value": "rgba(0, 0, 0, 0.8)",
59
- "uuid": "e54491a8-d3ca-4d67-bacb-74ac192a387f"
59
+ "value": "rgba(0, 0, 0, 0.36)",
60
+ "uuid": "8d7e0eb7-c3c7-485e-896c-d5d5107e3b8f"
60
61
  },
61
62
  "wireframe": {
62
- "value": "rgba(0, 0, 0, 0.15)",
63
- "uuid": "1deef94a-efba-4670-a1be-78ee021bdfe8"
63
+ "value": "rgba(0, 0, 0, 0.12)",
64
+ "uuid": "8e496445-97fc-4ff6-96d4-81b0215b8ffe"
64
65
  }
65
- }
66
+ },
67
+ "uuid": "be45ace6-9227-41d1-80be-0c58c3f8b3cb"
66
68
  },
67
69
  "opacity-disabled": {
68
70
  "value": "0.3",
@@ -4778,6 +4780,92 @@
4778
4780
  },
4779
4781
  "uuid": "a7e9c20c-ab9b-46de-bf6a-c8fec9a8986b"
4780
4782
  },
4783
+ "drop-shadow-color-100": {
4784
+ "sets": {
4785
+ "light": {
4786
+ "value": "rgba(0, 0, 0, 0.12)",
4787
+ "uuid": "5c0f0543-7e9b-43d6-9fea-c771b9b524c6"
4788
+ },
4789
+ "dark": {
4790
+ "value": "rgba(0, 0, 0, 0.36)",
4791
+ "uuid": "8d7e0eb7-c3c7-485e-896c-d5d5107e3b8f"
4792
+ },
4793
+ "wireframe": {
4794
+ "value": "rgba(0, 0, 0, 0.12)",
4795
+ "uuid": "8e496445-97fc-4ff6-96d4-81b0215b8ffe"
4796
+ }
4797
+ }
4798
+ },
4799
+ "drop-shadow-color-200": {
4800
+ "sets": {
4801
+ "light": {
4802
+ "value": "rgba(0, 0, 0, 0.16)",
4803
+ "uuid": "5945eb42-744c-41df-a4ab-a3d61f8782ee"
4804
+ },
4805
+ "dark": {
4806
+ "value": "rgba(0, 0, 0, 0.48)",
4807
+ "uuid": "c88f7b8e-e5f5-4d0e-a8dd-025f8d274948"
4808
+ },
4809
+ "wireframe": {
4810
+ "value": "rgba(0, 0, 0, 0.16)",
4811
+ "uuid": "aa54be1b-bf30-42b7-91ec-09259bea0bd3"
4812
+ }
4813
+ }
4814
+ },
4815
+ "drop-shadow-emphasized-default-color": {
4816
+ "ref": "{drop-shadow-color-100}",
4817
+ "sets": {
4818
+ "light": {
4819
+ "value": "rgba(0, 0, 0, 0.12)",
4820
+ "uuid": "5c0f0543-7e9b-43d6-9fea-c771b9b524c6"
4821
+ },
4822
+ "dark": {
4823
+ "value": "rgba(0, 0, 0, 0.36)",
4824
+ "uuid": "8d7e0eb7-c3c7-485e-896c-d5d5107e3b8f"
4825
+ },
4826
+ "wireframe": {
4827
+ "value": "rgba(0, 0, 0, 0.12)",
4828
+ "uuid": "8e496445-97fc-4ff6-96d4-81b0215b8ffe"
4829
+ }
4830
+ },
4831
+ "uuid": "af4e0a7a-7c6a-4cf2-a17b-0b07ef365869"
4832
+ },
4833
+ "drop-shadow-emphasized-hover-color": {
4834
+ "ref": "{drop-shadow-color-200}",
4835
+ "sets": {
4836
+ "light": {
4837
+ "value": "rgba(0, 0, 0, 0.16)",
4838
+ "uuid": "5945eb42-744c-41df-a4ab-a3d61f8782ee"
4839
+ },
4840
+ "dark": {
4841
+ "value": "rgba(0, 0, 0, 0.48)",
4842
+ "uuid": "c88f7b8e-e5f5-4d0e-a8dd-025f8d274948"
4843
+ },
4844
+ "wireframe": {
4845
+ "value": "rgba(0, 0, 0, 0.16)",
4846
+ "uuid": "aa54be1b-bf30-42b7-91ec-09259bea0bd3"
4847
+ }
4848
+ },
4849
+ "uuid": "4c84adb3-9edf-4a5d-b39a-5f31a0d3529c"
4850
+ },
4851
+ "drop-shadow-elevated-color": {
4852
+ "ref": "{drop-shadow-color-200}",
4853
+ "sets": {
4854
+ "light": {
4855
+ "value": "rgba(0, 0, 0, 0.16)",
4856
+ "uuid": "5945eb42-744c-41df-a4ab-a3d61f8782ee"
4857
+ },
4858
+ "dark": {
4859
+ "value": "rgba(0, 0, 0, 0.48)",
4860
+ "uuid": "c88f7b8e-e5f5-4d0e-a8dd-025f8d274948"
4861
+ },
4862
+ "wireframe": {
4863
+ "value": "rgba(0, 0, 0, 0.16)",
4864
+ "uuid": "aa54be1b-bf30-42b7-91ec-09259bea0bd3"
4865
+ }
4866
+ },
4867
+ "uuid": "e475981f-97af-479c-859b-7619dd87c448"
4868
+ },
4781
4869
  "swatch-border-color": {
4782
4870
  "ref": "{gray-900}",
4783
4871
  "sets": {
@@ -5102,16 +5190,16 @@
5102
5190
  "ref": "{drop-shadow-color}",
5103
5191
  "sets": {
5104
5192
  "light": {
5105
- "value": "rgba(0, 0, 0, 0.15)",
5106
- "uuid": "be45ace6-9227-41d1-80be-0c58c3f8b3cb"
5193
+ "value": "rgba(0, 0, 0, 0.12)",
5194
+ "uuid": "5c0f0543-7e9b-43d6-9fea-c771b9b524c6"
5107
5195
  },
5108
5196
  "dark": {
5109
- "value": "rgba(0, 0, 0, 0.8)",
5110
- "uuid": "e54491a8-d3ca-4d67-bacb-74ac192a387f"
5197
+ "value": "rgba(0, 0, 0, 0.36)",
5198
+ "uuid": "8d7e0eb7-c3c7-485e-896c-d5d5107e3b8f"
5111
5199
  },
5112
5200
  "wireframe": {
5113
- "value": "rgba(0, 0, 0, 0.15)",
5114
- "uuid": "1deef94a-efba-4670-a1be-78ee021bdfe8"
5201
+ "value": "rgba(0, 0, 0, 0.12)",
5202
+ "uuid": "8e496445-97fc-4ff6-96d4-81b0215b8ffe"
5115
5203
  }
5116
5204
  },
5117
5205
  "uuid": "97dfaf7f-ac2d-4517-84cc-6f692f712fc5"
@@ -16807,6 +16895,102 @@
16807
16895
  }
16808
16896
  }
16809
16897
  },
16898
+ "accordion-top-to-text-spacious-small": {
16899
+ "sets": {
16900
+ "desktop": {
16901
+ "value": "9px",
16902
+ "uuid": "696ab6c1-0c23-4868-8d6c-039d6d430d29"
16903
+ },
16904
+ "mobile": {
16905
+ "value": "12px",
16906
+ "uuid": "7bcbaaf1-f1d8-4755-acb2-5f6a45c3b9fe"
16907
+ }
16908
+ }
16909
+ },
16910
+ "field-default-width-small": {
16911
+ "sets": {
16912
+ "desktop": {
16913
+ "value": "192px",
16914
+ "uuid": "39c39c14-0500-4bf6-a542-967697aaff41"
16915
+ },
16916
+ "mobile": {
16917
+ "value": "240px",
16918
+ "uuid": "976298d3-326f-43da-aa71-bbd2dc1fad3d"
16919
+ }
16920
+ }
16921
+ },
16922
+ "field-default-width-medium": {
16923
+ "sets": {
16924
+ "desktop": {
16925
+ "value": "208px",
16926
+ "uuid": "f35ec29c-b8ee-46c9-9c8c-c40171a15920"
16927
+ },
16928
+ "mobile": {
16929
+ "value": "256px",
16930
+ "uuid": "db379ff6-9ef2-44ee-9fce-32f1a53d68da"
16931
+ }
16932
+ }
16933
+ },
16934
+ "field-default-width-large": {
16935
+ "sets": {
16936
+ "desktop": {
16937
+ "value": "224px",
16938
+ "uuid": "c6d08f8b-4e8c-478a-8b08-5b69d2da1a5e"
16939
+ },
16940
+ "mobile": {
16941
+ "value": "272px",
16942
+ "uuid": "88dfd273-555a-49bc-9271-a63ad45964e2"
16943
+ }
16944
+ }
16945
+ },
16946
+ "field-default-width-extra-large": {
16947
+ "sets": {
16948
+ "desktop": {
16949
+ "value": "240px",
16950
+ "uuid": "23090def-780a-48cb-b644-8edd55189d46"
16951
+ },
16952
+ "mobile": {
16953
+ "value": "288px",
16954
+ "uuid": "068a256a-8dfc-4616-bdc1-8895441ba90b"
16955
+ }
16956
+ }
16957
+ },
16958
+ "tag-minimum-width-small": {
16959
+ "sets": {
16960
+ "desktop": {
16961
+ "value": "21px",
16962
+ "uuid": "d3327dae-cc93-4099-ad75-b5a4193af8e4"
16963
+ },
16964
+ "mobile": {
16965
+ "value": "25px",
16966
+ "uuid": "3b9e5d81-e49a-4080-ac53-094e0f7eb151"
16967
+ }
16968
+ }
16969
+ },
16970
+ "tag-minimum-width-medium": {
16971
+ "sets": {
16972
+ "desktop": {
16973
+ "value": "27px",
16974
+ "uuid": "9b373ba1-7381-4360-8730-bd91afacbfa7"
16975
+ },
16976
+ "mobile": {
16977
+ "value": "34px",
16978
+ "uuid": "40485b19-e1ac-4981-a17c-bb6e264c730d"
16979
+ }
16980
+ }
16981
+ },
16982
+ "tag-minimum-width-large": {
16983
+ "sets": {
16984
+ "desktop": {
16985
+ "value": "33px",
16986
+ "uuid": "234b3886-77eb-4ad5-9d19-40d801a54617"
16987
+ },
16988
+ "mobile": {
16989
+ "value": "42px",
16990
+ "uuid": "b2788159-dd2d-4f94-9282-d8cdbba41807"
16991
+ }
16992
+ }
16993
+ },
16810
16994
  "corner-radius-0": {
16811
16995
  "value": "0px",
16812
16996
  "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -16852,32 +17036,19 @@
16852
17036
  "uuid": "e4ad85b2-97bf-48cf-a5a9-3ff3d1fada5b"
16853
17037
  },
16854
17038
  "drop-shadow-x": {
17039
+ "ref": "{drop-shadow-x-100}",
16855
17040
  "value": "0px",
16856
17041
  "uuid": "81415747-aa3f-4ef3-b0bc-7c33f07a4316"
16857
17042
  },
16858
17043
  "drop-shadow-y": {
16859
- "sets": {
16860
- "desktop": {
16861
- "value": "1px",
16862
- "uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962"
16863
- },
16864
- "mobile": {
16865
- "value": "2px",
16866
- "uuid": "32950bbd-7292-452d-a445-4eb6de66c77d"
16867
- }
16868
- }
17044
+ "ref": "{drop-shadow-y-100}",
17045
+ "value": "1px",
17046
+ "uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962"
16869
17047
  },
16870
17048
  "drop-shadow-blur": {
16871
- "sets": {
16872
- "desktop": {
16873
- "value": "4px",
16874
- "uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429"
16875
- },
16876
- "mobile": {
16877
- "value": "6px",
16878
- "uuid": "374f321e-8b0b-442b-9494-6a2ae9936c6b"
16879
- }
16880
- }
17049
+ "ref": "{drop-shadow-blur-100}",
17050
+ "value": "6px",
17051
+ "uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429"
16881
17052
  },
16882
17053
  "android-elevation": {
16883
17054
  "value": "2dp",
@@ -18022,7 +18193,7 @@
18022
18193
  "uuid": "9aac1df2-1693-43f1-ae43-b23c21a42f71"
18023
18194
  },
18024
18195
  "mobile": {
18025
- "value": "7px",
18196
+ "value": "6px",
18026
18197
  "uuid": "5da7e575-d0c3-44e7-bbfa-6fa58972343b"
18027
18198
  }
18028
18199
  }
@@ -18030,11 +18201,11 @@
18030
18201
  "field-top-to-progress-circle-medium": {
18031
18202
  "sets": {
18032
18203
  "desktop": {
18033
- "value": "8px",
18204
+ "value": "6px",
18034
18205
  "uuid": "7a3120a8-3c98-4227-afb4-5d6a8aa78e14"
18035
18206
  },
18036
18207
  "mobile": {
18037
- "value": "12px",
18208
+ "value": "8px",
18038
18209
  "uuid": "7b4b7283-1223-4d2e-9f24-5ed6dada4711"
18039
18210
  }
18040
18211
  }
@@ -18042,11 +18213,11 @@
18042
18213
  "field-top-to-progress-circle-large": {
18043
18214
  "sets": {
18044
18215
  "desktop": {
18045
- "value": "12px",
18216
+ "value": "9px",
18046
18217
  "uuid": "24784275-a117-4767-98ee-5d8a08c89296"
18047
18218
  },
18048
18219
  "mobile": {
18049
- "value": "17px",
18220
+ "value": "11px",
18050
18221
  "uuid": "7a17cc60-fa76-4234-a99e-c4f711e63f5f"
18051
18222
  }
18052
18223
  }
@@ -18054,11 +18225,11 @@
18054
18225
  "field-top-to-progress-circle-extra-large": {
18055
18226
  "sets": {
18056
18227
  "desktop": {
18057
- "value": "16px",
18228
+ "value": "11px",
18058
18229
  "uuid": "efcd740a-033e-493a-a902-e2f657897bd4"
18059
18230
  },
18060
18231
  "mobile": {
18061
- "value": "22px",
18232
+ "value": "15px",
18062
18233
  "uuid": "263428f7-3b5a-449a-87d1-874cebf50fa8"
18063
18234
  }
18064
18235
  }
@@ -18262,11 +18433,11 @@
18262
18433
  "sets": {
18263
18434
  "desktop": {
18264
18435
  "value": "192px",
18265
- "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
18436
+ "uuid": "39c39c14-0500-4bf6-a542-967697aaff41"
18266
18437
  },
18267
18438
  "mobile": {
18268
18439
  "value": "240px",
18269
- "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
18440
+ "uuid": "976298d3-326f-43da-aa71-bbd2dc1fad3d"
18270
18441
  }
18271
18442
  },
18272
18443
  "uuid": "096ddcb7-5afd-416f-9a11-4275556c4b52"
@@ -18276,11 +18447,11 @@
18276
18447
  "sets": {
18277
18448
  "desktop": {
18278
18449
  "value": "192px",
18279
- "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
18450
+ "uuid": "39c39c14-0500-4bf6-a542-967697aaff41"
18280
18451
  },
18281
18452
  "mobile": {
18282
18453
  "value": "240px",
18283
- "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
18454
+ "uuid": "976298d3-326f-43da-aa71-bbd2dc1fad3d"
18284
18455
  }
18285
18456
  },
18286
18457
  "uuid": "08c2390a-353b-4e6b-b025-dbaeaa5fdff2"
@@ -18288,16 +18459,18 @@
18288
18459
  }
18289
18460
  },
18290
18461
  "field-width-small": {
18462
+ "ref": "{field-default-width-small}",
18291
18463
  "sets": {
18292
18464
  "desktop": {
18293
18465
  "value": "192px",
18294
- "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
18466
+ "uuid": "39c39c14-0500-4bf6-a542-967697aaff41"
18295
18467
  },
18296
18468
  "mobile": {
18297
18469
  "value": "240px",
18298
- "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
18470
+ "uuid": "976298d3-326f-43da-aa71-bbd2dc1fad3d"
18299
18471
  }
18300
- }
18472
+ },
18473
+ "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
18301
18474
  },
18302
18475
  "character-count-to-field-quiet-small": {
18303
18476
  "sets": {
@@ -18627,40 +18800,115 @@
18627
18800
  "uuid": "81752b3e-488a-4273-abb5-4ba8b7f278d9"
18628
18801
  },
18629
18802
  "field-width-medium": {
18803
+ "ref": "{field-default-width-medium}",
18630
18804
  "sets": {
18631
18805
  "desktop": {
18632
18806
  "value": "208px",
18633
- "uuid": "935927d3-b25e-468a-999a-938643901e50"
18807
+ "uuid": "f35ec29c-b8ee-46c9-9c8c-c40171a15920"
18634
18808
  },
18635
18809
  "mobile": {
18636
18810
  "value": "256px",
18637
- "uuid": "4504fa00-b3ee-4065-9202-0ad226e731d7"
18811
+ "uuid": "db379ff6-9ef2-44ee-9fce-32f1a53d68da"
18638
18812
  }
18639
- }
18813
+ },
18814
+ "uuid": "935927d3-b25e-468a-999a-938643901e50"
18640
18815
  },
18641
18816
  "field-width-large": {
18817
+ "ref": "{field-default-width-large}",
18642
18818
  "sets": {
18643
18819
  "desktop": {
18644
18820
  "value": "224px",
18645
- "uuid": "cc43e053-1255-403f-aaf5-2182f5438592"
18821
+ "uuid": "c6d08f8b-4e8c-478a-8b08-5b69d2da1a5e"
18646
18822
  },
18647
18823
  "mobile": {
18648
18824
  "value": "272px",
18649
- "uuid": "1767d955-b8c4-41b0-82d4-4aadc9f12ab1"
18825
+ "uuid": "88dfd273-555a-49bc-9271-a63ad45964e2"
18650
18826
  }
18651
- }
18827
+ },
18828
+ "uuid": "cc43e053-1255-403f-aaf5-2182f5438592"
18652
18829
  },
18653
18830
  "field-width-extra-large": {
18831
+ "ref": "{field-default-width-extra-large}",
18654
18832
  "sets": {
18655
18833
  "desktop": {
18656
18834
  "value": "240px",
18657
- "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5"
18835
+ "uuid": "23090def-780a-48cb-b644-8edd55189d46"
18658
18836
  },
18659
18837
  "mobile": {
18660
18838
  "value": "288px",
18661
- "uuid": "3abf72b5-5ed7-4d18-8eda-e137b2ac2f51"
18839
+ "uuid": "068a256a-8dfc-4616-bdc1-8895441ba90b"
18662
18840
  }
18663
- }
18841
+ },
18842
+ "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5"
18843
+ },
18844
+ "drop-shadow-x-100": {
18845
+ "value": "0px",
18846
+ "uuid": "751d636e-efb5-411e-a5b8-06b11439cc90"
18847
+ },
18848
+ "drop-shadow-x-200": {
18849
+ "value": "0px",
18850
+ "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
18851
+ },
18852
+ "drop-shadow-y-100": {
18853
+ "value": "1px",
18854
+ "uuid": "ed1f46fd-a586-46a5-8cc1-d843a57e2cc2"
18855
+ },
18856
+ "drop-shadow-y-200": {
18857
+ "value": "2px",
18858
+ "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
18859
+ },
18860
+ "drop-shadow-blur-100": {
18861
+ "value": "6px",
18862
+ "uuid": "025e39f4-dfe7-4a8a-beb5-bd0577f72eac"
18863
+ },
18864
+ "drop-shadow-blur-200": {
18865
+ "value": "8px",
18866
+ "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
18867
+ },
18868
+ "drop-shadow-emphasized-default-x": {
18869
+ "ref": "{drop-shadow-x-100}",
18870
+ "value": "0px",
18871
+ "uuid": "5b611aa8-9db2-495d-a119-3385eee62442"
18872
+ },
18873
+ "drop-shadow-emphasized-default-y": {
18874
+ "ref": "{drop-shadow-y-100}",
18875
+ "value": "1px",
18876
+ "uuid": "02949dd5-0596-44bc-8b63-dcc7d2ba628b"
18877
+ },
18878
+ "drop-shadow-emphasized-default-blur": {
18879
+ "ref": "{drop-shadow-blur-100}",
18880
+ "value": "6px",
18881
+ "uuid": "57920fe8-72ad-48d2-aa9b-feec4c989106"
18882
+ },
18883
+ "drop-shadow-emphasized-hover-x": {
18884
+ "ref": "{drop-shadow-x-200}",
18885
+ "value": "0px",
18886
+ "uuid": "d86f7c89-92a6-4bad-83b0-43953472ce7f"
18887
+ },
18888
+ "drop-shadow-emphasized-hover-y": {
18889
+ "ref": "{drop-shadow-y-200}",
18890
+ "value": "2px",
18891
+ "uuid": "da17e314-f3e9-4d49-9362-533eb65c0f7b"
18892
+ },
18893
+ "drop-shadow-emphasized-hover-blur": {
18894
+ "ref": "{drop-shadow-blur-200}",
18895
+ "value": "8px",
18896
+ "uuid": "5f6674e8-ef00-490a-800d-3b946059bae2"
18897
+ },
18898
+ "drop-shadow-elevated-x": {
18899
+ "ref": "{drop-shadow-x-200}",
18900
+ "value": "0px",
18901
+ "uuid": "59324423-4428-40d7-a227-5f75aeb38312"
18902
+ },
18903
+ "drop-shadow-elevated-y": {
18904
+ "ref": "{drop-shadow-y-200}",
18905
+ "value": "2px",
18906
+ "uuid": "45f313a5-1749-4b95-b5e3-20944adbea84"
18907
+ },
18908
+ "drop-shadow-elevated-blur": {
18909
+ "ref": "{drop-shadow-blur-200}",
18910
+ "value": "8px",
18911
+ "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
18664
18912
  },
18665
18913
  "accent-color-100": {
18666
18914
  "ref": "{blue-100}",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.0.0-beta.22",
3
+ "version": "13.0.0-beta.24",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "tasks/buildSpectrumTokens.js",
package/src/color-aliases.json CHANGED
@@ -40,24 +40,9 @@
40
40
  }
41
41
  },
42
42
  "drop-shadow-color": {
43
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
44
- "sets": {
45
- "light": {
46
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
47
- "value": "rgba(0, 0, 0, 0.15)",
48
- "uuid": "be45ace6-9227-41d1-80be-0c58c3f8b3cb"
49
- },
50
- "dark": {
51
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
52
- "value": "rgba(0, 0, 0, 0.8)",
53
- "uuid": "e54491a8-d3ca-4d67-bacb-74ac192a387f"
54
- },
55
- "wireframe": {
56
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
57
- "value": "rgba(0, 0, 0, 0.15)",
58
- "uuid": "1deef94a-efba-4670-a1be-78ee021bdfe8"
59
- }
60
- }
43
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
44
+ "value": "{drop-shadow-color-100}",
45
+ "uuid": "be45ace6-9227-41d1-80be-0c58c3f8b3cb"
61
46
  },
62
47
  "opacity-disabled": {
63
48
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
@@ -1673,5 +1658,60 @@
1673
1658
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1674
1659
  "value": "{gray-900}",
1675
1660
  "uuid": "a7e9c20c-ab9b-46de-bf6a-c8fec9a8986b"
1661
+ },
1662
+ "drop-shadow-color-100": {
1663
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
1664
+ "sets": {
1665
+ "light": {
1666
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1667
+ "value": "rgba(0, 0, 0, 0.12)",
1668
+ "uuid": "5c0f0543-7e9b-43d6-9fea-c771b9b524c6"
1669
+ },
1670
+ "dark": {
1671
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1672
+ "value": "rgba(0, 0, 0, 0.36)",
1673
+ "uuid": "8d7e0eb7-c3c7-485e-896c-d5d5107e3b8f"
1674
+ },
1675
+ "wireframe": {
1676
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1677
+ "value": "rgba(0, 0, 0, 0.12)",
1678
+ "uuid": "8e496445-97fc-4ff6-96d4-81b0215b8ffe"
1679
+ }
1680
+ }
1681
+ },
1682
+ "drop-shadow-color-200": {
1683
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
1684
+ "sets": {
1685
+ "light": {
1686
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1687
+ "value": "rgba(0, 0, 0, 0.16)",
1688
+ "uuid": "5945eb42-744c-41df-a4ab-a3d61f8782ee"
1689
+ },
1690
+ "dark": {
1691
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1692
+ "value": "rgba(0, 0, 0, 0.48)",
1693
+ "uuid": "c88f7b8e-e5f5-4d0e-a8dd-025f8d274948"
1694
+ },
1695
+ "wireframe": {
1696
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1697
+ "value": "rgba(0, 0, 0, 0.16)",
1698
+ "uuid": "aa54be1b-bf30-42b7-91ec-09259bea0bd3"
1699
+ }
1700
+ }
1701
+ },
1702
+ "drop-shadow-emphasized-default-color": {
1703
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1704
+ "value": "{drop-shadow-color-100}",
1705
+ "uuid": "af4e0a7a-7c6a-4cf2-a17b-0b07ef365869"
1706
+ },
1707
+ "drop-shadow-emphasized-hover-color": {
1708
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1709
+ "value": "{drop-shadow-color-200}",
1710
+ "uuid": "4c84adb3-9edf-4a5d-b39a-5f31a0d3529c"
1711
+ },
1712
+ "drop-shadow-elevated-color": {
1713
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1714
+ "value": "{drop-shadow-color-200}",
1715
+ "uuid": "e475981f-97af-479c-859b-7619dd87c448"
1676
1716
  }
1677
- }
1717
+ }
package/src/layout-component.json CHANGED
@@ -3728,12 +3728,16 @@
3728
3728
  "desktop": {
3729
3729
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3730
3730
  "value": "9px",
3731
- "uuid": "229fa20e-6d13-40b0-b19f-5cf6386f81ac"
3731
+ "uuid": "229fa20e-6d13-40b0-b19f-5cf6386f81ac",
3732
+ "deprecated": true,
3733
+ "deprecated_comment": "Introduced as an error. Use accordion-top-to-text-spacious-small instead"
3732
3734
  },
3733
3735
  "mobile": {
3734
3736
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3735
3737
  "value": "12px",
3736
- "uuid": "bef73b91-db4f-4532-9f4d-f5a81ead625d"
3738
+ "uuid": "bef73b91-db4f-4532-9f4d-f5a81ead625d",
3739
+ "deprecated": true,
3740
+ "deprecated_comment": "Introduced as an error. Use accordion-top-to-text-spacious-small instead"
3737
3741
  }
3738
3742
  }
3739
3743
  },
@@ -7074,7 +7078,8 @@
7074
7078
  "tag-minimum-width-multiplier": {
7075
7079
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
7076
7080
  "value": "1",
7077
- "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f"
7081
+ "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f",
7082
+ "deprecated": true
7078
7083
  },
7079
7084
  "tag-maximum-width-multiplier": {
7080
7085
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
@@ -7425,5 +7430,125 @@
7425
7430
  "uuid": "7939208b-2f8c-4569-b7cb-1c1bcfc8705a"
7426
7431
  }
7427
7432
  }
7433
+ },
7434
+ "accordion-top-to-text-spacious-small": {
7435
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7436
+ "sets": {
7437
+ "desktop": {
7438
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7439
+ "value": "9px",
7440
+ "uuid": "696ab6c1-0c23-4868-8d6c-039d6d430d29"
7441
+ },
7442
+ "mobile": {
7443
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7444
+ "value": "12px",
7445
+ "uuid": "7bcbaaf1-f1d8-4755-acb2-5f6a45c3b9fe"
7446
+ }
7447
+ }
7448
+ },
7449
+ "field-default-width-small": {
7450
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7451
+ "sets": {
7452
+ "desktop": {
7453
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7454
+ "value": "192px",
7455
+ "uuid": "39c39c14-0500-4bf6-a542-967697aaff41"
7456
+ },
7457
+ "mobile": {
7458
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7459
+ "value": "240px",
7460
+ "uuid": "976298d3-326f-43da-aa71-bbd2dc1fad3d"
7461
+ }
7462
+ }
7463
+ },
7464
+ "field-default-width-medium": {
7465
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7466
+ "sets": {
7467
+ "desktop": {
7468
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7469
+ "value": "208px",
7470
+ "uuid": "f35ec29c-b8ee-46c9-9c8c-c40171a15920"
7471
+ },
7472
+ "mobile": {
7473
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7474
+ "value": "256px",
7475
+ "uuid": "db379ff6-9ef2-44ee-9fce-32f1a53d68da"
7476
+ }
7477
+ }
7478
+ },
7479
+ "field-default-width-large": {
7480
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7481
+ "sets": {
7482
+ "desktop": {
7483
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7484
+ "value": "224px",
7485
+ "uuid": "c6d08f8b-4e8c-478a-8b08-5b69d2da1a5e"
7486
+ },
7487
+ "mobile": {
7488
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7489
+ "value": "272px",
7490
+ "uuid": "88dfd273-555a-49bc-9271-a63ad45964e2"
7491
+ }
7492
+ }
7493
+ },
7494
+ "field-default-width-extra-large": {
7495
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7496
+ "sets": {
7497
+ "desktop": {
7498
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7499
+ "value": "240px",
7500
+ "uuid": "23090def-780a-48cb-b644-8edd55189d46"
7501
+ },
7502
+ "mobile": {
7503
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7504
+ "value": "288px",
7505
+ "uuid": "068a256a-8dfc-4616-bdc1-8895441ba90b"
7506
+ }
7507
+ }
7508
+ },
7509
+ "tag-minimum-width-small": {
7510
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7511
+ "sets": {
7512
+ "desktop": {
7513
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7514
+ "value": "21px",
7515
+ "uuid": "d3327dae-cc93-4099-ad75-b5a4193af8e4"
7516
+ },
7517
+ "mobile": {
7518
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7519
+ "value": "25px",
7520
+ "uuid": "3b9e5d81-e49a-4080-ac53-094e0f7eb151"
7521
+ }
7522
+ }
7523
+ },
7524
+ "tag-minimum-width-medium": {
7525
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7526
+ "sets": {
7527
+ "desktop": {
7528
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7529
+ "value": "27px",
7530
+ "uuid": "9b373ba1-7381-4360-8730-bd91afacbfa7"
7531
+ },
7532
+ "mobile": {
7533
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7534
+ "value": "34px",
7535
+ "uuid": "40485b19-e1ac-4981-a17c-bb6e264c730d"
7536
+ }
7537
+ }
7538
+ },
7539
+ "tag-minimum-width-large": {
7540
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7541
+ "sets": {
7542
+ "desktop": {
7543
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7544
+ "value": "33px",
7545
+ "uuid": "234b3886-77eb-4ad5-9d19-40d801a54617"
7546
+ },
7547
+ "mobile": {
7548
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7549
+ "value": "42px",
7550
+ "uuid": "b2788159-dd2d-4f94-9282-d8cdbba41807"
7551
+ }
7552
+ }
7428
7553
  }
7429
7554
  }
package/src/layout.json CHANGED
@@ -55,39 +55,20 @@
55
55
  "uuid": "e4ad85b2-97bf-48cf-a5a9-3ff3d1fada5b"
56
56
  },
57
57
  "drop-shadow-x": {
58
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
59
- "value": "0px",
60
- "uuid": "81415747-aa3f-4ef3-b0bc-7c33f07a4316"
58
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
59
+ "value": "{drop-shadow-x-100}",
60
+ "uuid": "81415747-aa3f-4ef3-b0bc-7c33f07a4316",
61
+ "deprecated": true
61
62
  },
62
63
  "drop-shadow-y": {
63
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
64
- "sets": {
65
- "desktop": {
66
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
67
- "value": "1px",
68
- "uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962"
69
- },
70
- "mobile": {
71
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
72
- "value": "2px",
73
- "uuid": "32950bbd-7292-452d-a445-4eb6de66c77d"
74
- }
75
- }
64
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
65
+ "value": "{drop-shadow-y-100}",
66
+ "uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962"
76
67
  },
77
68
  "drop-shadow-blur": {
78
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
79
- "sets": {
80
- "desktop": {
81
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
82
- "value": "4px",
83
- "uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429"
84
- },
85
- "mobile": {
86
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
87
- "value": "6px",
88
- "uuid": "374f321e-8b0b-442b-9494-6a2ae9936c6b"
89
- }
90
- }
69
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
70
+ "value": "{drop-shadow-blur-100}",
71
+ "uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429"
91
72
  },
92
73
  "android-elevation": {
93
74
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
@@ -1523,7 +1504,7 @@
1523
1504
  },
1524
1505
  "mobile": {
1525
1506
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1526
- "value": "7px",
1507
+ "value": "6px",
1527
1508
  "uuid": "5da7e575-d0c3-44e7-bbfa-6fa58972343b"
1528
1509
  }
1529
1510
  }
@@ -1533,12 +1514,12 @@
1533
1514
  "sets": {
1534
1515
  "desktop": {
1535
1516
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1536
- "value": "8px",
1517
+ "value": "6px",
1537
1518
  "uuid": "7a3120a8-3c98-4227-afb4-5d6a8aa78e14"
1538
1519
  },
1539
1520
  "mobile": {
1540
1521
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1541
- "value": "12px",
1522
+ "value": "8px",
1542
1523
  "uuid": "7b4b7283-1223-4d2e-9f24-5ed6dada4711"
1543
1524
  }
1544
1525
  }
@@ -1548,12 +1529,12 @@
1548
1529
  "sets": {
1549
1530
  "desktop": {
1550
1531
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1551
- "value": "12px",
1532
+ "value": "9px",
1552
1533
  "uuid": "24784275-a117-4767-98ee-5d8a08c89296"
1553
1534
  },
1554
1535
  "mobile": {
1555
1536
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1556
- "value": "17px",
1537
+ "value": "11px",
1557
1538
  "uuid": "7a17cc60-fa76-4234-a99e-c4f711e63f5f"
1558
1539
  }
1559
1540
  }
@@ -1563,12 +1544,12 @@
1563
1544
  "sets": {
1564
1545
  "desktop": {
1565
1546
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1566
- "value": "16px",
1547
+ "value": "11px",
1567
1548
  "uuid": "efcd740a-033e-493a-a902-e2f657897bd4"
1568
1549
  },
1569
1550
  "mobile": {
1570
1551
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1571
- "value": "22px",
1552
+ "value": "15px",
1572
1553
  "uuid": "263428f7-3b5a-449a-87d1-874cebf50fa8"
1573
1554
  }
1574
1555
  }
@@ -1815,7 +1796,7 @@
1815
1796
  },
1816
1797
  "field-width": {
1817
1798
  "deprecated": true,
1818
- "deprecated_comment": "This token has been deprecated, use field-width-small instead.",
1799
+ "deprecated_comment": "This token has been deprecated, use field-default-width-medium instead.",
1819
1800
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
1820
1801
  "sets": {
1821
1802
  "desktop": {
@@ -1831,19 +1812,11 @@
1831
1812
  }
1832
1813
  },
1833
1814
  "field-width-small": {
1834
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
1835
- "sets": {
1836
- "desktop": {
1837
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1838
- "value": "192px",
1839
- "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861"
1840
- },
1841
- "mobile": {
1842
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1843
- "value": "240px",
1844
- "uuid": "4edc5620-2fd6-4656-ad4f-f5e44fc77ce9"
1845
- }
1846
- }
1815
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1816
+ "value": "{field-default-width-small}",
1817
+ "uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861",
1818
+ "deprecated": true,
1819
+ "deprecated_comment": "This token has been deprecated, use field-default-width-small instead."
1847
1820
  },
1848
1821
  "character-count-to-field-quiet-small": {
1849
1822
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
@@ -2244,48 +2217,99 @@
2244
2217
  "uuid": "81752b3e-488a-4273-abb5-4ba8b7f278d9"
2245
2218
  },
2246
2219
  "field-width-medium": {
2247
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2248
- "sets": {
2249
- "desktop": {
2250
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2251
- "value": "208px",
2252
- "uuid": "935927d3-b25e-468a-999a-938643901e50"
2253
- },
2254
- "mobile": {
2255
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2256
- "value": "256px",
2257
- "uuid": "4504fa00-b3ee-4065-9202-0ad226e731d7"
2258
- }
2259
- }
2220
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2221
+ "value": "{field-default-width-medium}",
2222
+ "uuid": "935927d3-b25e-468a-999a-938643901e50",
2223
+ "deprecated": true,
2224
+ "deprecated_comment": "This token has been deprecated, use field-default-width-medium instead."
2260
2225
  },
2261
2226
  "field-width-large": {
2262
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2263
- "sets": {
2264
- "desktop": {
2265
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2266
- "value": "224px",
2267
- "uuid": "cc43e053-1255-403f-aaf5-2182f5438592"
2268
- },
2269
- "mobile": {
2270
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2271
- "value": "272px",
2272
- "uuid": "1767d955-b8c4-41b0-82d4-4aadc9f12ab1"
2273
- }
2274
- }
2227
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2228
+ "value": "{field-default-width-large}",
2229
+ "uuid": "cc43e053-1255-403f-aaf5-2182f5438592",
2230
+ "deprecated": true,
2231
+ "deprecated_comment": "This token has been deprecated, use field-default-width-large instead."
2275
2232
  },
2276
2233
  "field-width-extra-large": {
2277
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2278
- "sets": {
2279
- "desktop": {
2280
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2281
- "value": "240px",
2282
- "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5"
2283
- },
2284
- "mobile": {
2285
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2286
- "value": "288px",
2287
- "uuid": "3abf72b5-5ed7-4d18-8eda-e137b2ac2f51"
2288
- }
2289
- }
2234
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2235
+ "value": "{field-default-width-extra-large}",
2236
+ "uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5",
2237
+ "deprecated": true,
2238
+ "deprecated_comment": "This token has been deprecated, use field-default-width-extra-large instead."
2239
+ },
2240
+ "drop-shadow-x-100": {
2241
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2242
+ "value": "0px",
2243
+ "uuid": "751d636e-efb5-411e-a5b8-06b11439cc90"
2244
+ },
2245
+ "drop-shadow-x-200": {
2246
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2247
+ "value": "0px",
2248
+ "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
2249
+ },
2250
+ "drop-shadow-y-100": {
2251
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2252
+ "value": "1px",
2253
+ "uuid": "ed1f46fd-a586-46a5-8cc1-d843a57e2cc2"
2254
+ },
2255
+ "drop-shadow-y-200": {
2256
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2257
+ "value": "2px",
2258
+ "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
2259
+ },
2260
+ "drop-shadow-blur-100": {
2261
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2262
+ "value": "6px",
2263
+ "uuid": "025e39f4-dfe7-4a8a-beb5-bd0577f72eac"
2264
+ },
2265
+ "drop-shadow-blur-200": {
2266
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2267
+ "value": "8px",
2268
+ "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
2269
+ },
2270
+ "drop-shadow-emphasized-default-x": {
2271
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2272
+ "value": "{drop-shadow-x-100}",
2273
+ "uuid": "5b611aa8-9db2-495d-a119-3385eee62442"
2274
+ },
2275
+ "drop-shadow-emphasized-default-y": {
2276
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2277
+ "value": "{drop-shadow-y-100}",
2278
+ "uuid": "02949dd5-0596-44bc-8b63-dcc7d2ba628b"
2279
+ },
2280
+ "drop-shadow-emphasized-default-blur": {
2281
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2282
+ "value": "{drop-shadow-blur-100}",
2283
+ "uuid": "57920fe8-72ad-48d2-aa9b-feec4c989106"
2284
+ },
2285
+ "drop-shadow-emphasized-hover-x": {
2286
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2287
+ "value": "{drop-shadow-x-200}",
2288
+ "uuid": "d86f7c89-92a6-4bad-83b0-43953472ce7f"
2289
+ },
2290
+ "drop-shadow-emphasized-hover-y": {
2291
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2292
+ "value": "{drop-shadow-y-200}",
2293
+ "uuid": "da17e314-f3e9-4d49-9362-533eb65c0f7b"
2294
+ },
2295
+ "drop-shadow-emphasized-hover-blur": {
2296
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2297
+ "value": "{drop-shadow-blur-200}",
2298
+ "uuid": "5f6674e8-ef00-490a-800d-3b946059bae2"
2299
+ },
2300
+ "drop-shadow-elevated-x": {
2301
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2302
+ "value": "{drop-shadow-x-200}",
2303
+ "uuid": "59324423-4428-40d7-a227-5f75aeb38312"
2304
+ },
2305
+ "drop-shadow-elevated-y": {
2306
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2307
+ "value": "{drop-shadow-y-200}",
2308
+ "uuid": "45f313a5-1749-4b95-b5e3-20944adbea84"
2309
+ },
2310
+ "drop-shadow-elevated-blur": {
2311
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2312
+ "value": "{drop-shadow-blur-200}",
2313
+ "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
2290
2314
  }
2291
- }
2315
+ }