@adobe/spectrum-tokens 13.0.0-beta.42 → 13.0.0-beta.44

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,109 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.44
4
+
5
+ ### Minor Changes
6
+
7
+ - [#388](https://github.com/adobe/spectrum-tokens/pull/388) [`58425e6`](https://github.com/adobe/spectrum-tokens/commit/58425e67b2d4cbd716205d4d502cc823245811fe) Thanks [@lynnhao](https://github.com/lynnhao)! - Updated avatar and avatar group tokens
8
+
9
+ ## Description
10
+
11
+ - Updated avatar size tokens, including all sizes from `75` to `700`
12
+ - Added new avatar size tokens, from `800` to `1500`
13
+ - Added new avatar border thickness and color tokens
14
+ - Added avatar group size tokens, from `50` to `500`
15
+ - Added avatar group spacing tokens, from `50` to `500`
16
+
17
+ ## Motivation and context
18
+
19
+ - Avatar: added new sizes and updated existing sizes to better match other components and work across a variety of use cases.
20
+ - ⚠️ Important note: Accepting updates from this release will update the avatar sizes. The largest change in size is 8px. In some cases, you may want to relink to a new size. View the migration guide below to find the closest recommended size:
21
+
22
+ | Former avatar size | Available avatar size |
23
+ | :----------------- | :--------------------------------------- |
24
+ | size 50 (16 x 16) | size 50 (16 x 16) |
25
+ | size 75 (18 x 18) | size 50 (16 x 16) or size 75 (20 x 20) |
26
+ | size 100 (20 x 20) | size 75 (20 x 20) |
27
+ | size 200 (22 x 22) | size 75 (20 x 20) or size 100 (24 x 24) |
28
+ | size 300 (26 x 26) | size 100 (24 x 24) or size 200 (28 x 28) |
29
+ | size 400 (28 x 28) | size 200 (28 x 28) |
30
+ | size 500 (32 x 32) | size 300 (32 x 32) |
31
+ | size 600 (36 x 36) | size 400 (36 x 36) |
32
+ | size 700 (40 x 40) | size 500 (40 x 40) |
33
+ | -- | size 600 (44 x 44) |
34
+ | -- | size 700 (48 x 48) |
35
+ | -- | size 800 (52 x 52) |
36
+ | -- | size 900 (56 x 56) |
37
+ | -- | size 1000 (64 x 64) |
38
+ | -- | size 1100 (72 x 72) |
39
+ | -- | size 1200 (80 x 80) |
40
+ | -- | size 1300 (88 x 88) |
41
+ | -- | size 1400 (96 x 96) |
42
+ | -- | size 1500 (104 x 104) |
43
+
44
+ ## Token Diff
45
+
46
+ _Tokens added (24):_
47
+
48
+ - `avatar-border-color`
49
+ - `avatar-border-width`
50
+ - `avatar-group-size-100`
51
+ - `avatar-group-size-200`
52
+ - `avatar-group-size-300`
53
+ - `avatar-group-size-400`
54
+ - `avatar-group-size-50`
55
+ - `avatar-group-size-500`
56
+ - `avatar-group-size-75`
57
+ - `avatar-size-1000`
58
+ - `avatar-size-1100`
59
+ - `avatar-size-1200`
60
+ - `avatar-size-1300`
61
+ - `avatar-size-1400`
62
+ - `avatar-size-1500`
63
+ - `avatar-size-800`
64
+ - `avatar-size-900`
65
+ - `avatar-to-avatar-100`
66
+ - `avatar-to-avatar-200`
67
+ - `avatar-to-avatar-300`
68
+ - `avatar-to-avatar-400`
69
+ - `avatar-to-avatar-50`
70
+ - `avatar-to-avatar-500`
71
+ - `avatar-to-avatar-75`
72
+
73
+ _Token values updated (8):_
74
+
75
+ - `avatar-size-100`
76
+ - `avatar-size-200`
77
+ - `avatar-size-300`
78
+ - `avatar-size-400`
79
+ - `avatar-size-500`
80
+ - `avatar-size-600`
81
+ - `avatar-size-700`
82
+ - `avatar-size-75`
83
+
84
+ ## 13.0.0-beta.43
85
+
86
+ ### Minor Changes
87
+
88
+ - [#384](https://github.com/adobe/spectrum-tokens/pull/384) [`681b4b0`](https://github.com/adobe/spectrum-tokens/commit/681b4b0094d31bae4c9b1b095fa59d6448c26cab) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added dragged drop shadow tokens that point to new 300 global drop shadow tokens
89
+
90
+ ## Design Motivation
91
+
92
+ These are new foundational drop shadow tokens that represent a higher elevation when items are dragged. The more prominent shadow also brings more visual focus to the dragged item. They will be used in the standard panel "dragged" state, as well as in future component updates, to be determined.
93
+
94
+ ## Token Diff
95
+
96
+ _Tokens added (8):_
97
+
98
+ - `drop-shadow-blur-300`
99
+ - `drop-shadow-color-300`
100
+ - `drop-shadow-dragged-blur`
101
+ - `drop-shadow-dragged-color`
102
+ - `drop-shadow-dragged-x`
103
+ - `drop-shadow-dragged-y`
104
+ - `drop-shadow-x-300`
105
+ - `drop-shadow-y-300`
106
+
3
107
  ## 13.0.0-beta.42
4
108
 
5
109
  ### Minor Changes
@@ -38,6 +38,7 @@
38
38
  "accent-content-color-key-focus": "rgb(39, 77, 234)",
39
39
  "accent-content-color-selected": "rgb(39, 77, 234)",
40
40
  "accent-visual-color": "rgb(75, 117, 255)",
41
+ "avatar-border-color": "rgb(255, 255, 255)",
41
42
  "background-base-color": "rgb(255, 255, 255)",
42
43
  "background-elevated-color": "rgb(255, 255, 255)",
43
44
  "background-layer-1-color": "rgb(248, 248, 248)",
@@ -178,6 +179,8 @@
178
179
  "drop-shadow-color": "rgba(0, 0, 0, 0.12)",
179
180
  "drop-shadow-color-100": "rgba(0, 0, 0, 0.12)",
180
181
  "drop-shadow-color-200": "rgba(0, 0, 0, 0.16)",
182
+ "drop-shadow-color-300": "rgba(0, 0, 0, 0.2)",
183
+ "drop-shadow-dragged-color": "rgba(0, 0, 0, 0.2)",
181
184
  "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.16)",
182
185
  "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.12)",
183
186
  "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.16)",
@@ -708,6 +711,7 @@
708
711
  "accent-content-color-key-focus": "rgb(105, 149, 254)",
709
712
  "accent-content-color-selected": "rgb(105, 149, 254)",
710
713
  "accent-visual-color": "rgb(86, 129, 255)",
714
+ "avatar-border-color": "rgb(17, 17, 17)",
711
715
  "background-base-color": "rgb(17, 17, 17)",
712
716
  "background-elevated-color": "rgb(34, 34, 34)",
713
717
  "background-layer-1-color": "rgb(27, 27, 27)",
@@ -848,6 +852,8 @@
848
852
  "drop-shadow-color": "rgba(0, 0, 0, 0.36)",
849
853
  "drop-shadow-color-100": "rgba(0, 0, 0, 0.36)",
850
854
  "drop-shadow-color-200": "rgba(0, 0, 0, 0.48)",
855
+ "drop-shadow-color-300": "rgba(0, 0, 0, 0.6)",
856
+ "drop-shadow-dragged-color": "rgba(0, 0, 0, 0.6)",
851
857
  "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.48)",
852
858
  "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.36)",
853
859
  "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.48)",
@@ -1487,16 +1493,39 @@
1487
1493
  "asterisk-icon-size-200": "10px",
1488
1494
  "asterisk-icon-size-300": "10px",
1489
1495
  "asterisk-icon-size-75": "8px",
1496
+ "avatar-border-width": "1px",
1497
+ "avatar-group-size-100": "24px",
1498
+ "avatar-group-size-200": "28px",
1499
+ "avatar-group-size-300": "32px",
1500
+ "avatar-group-size-400": "36px",
1501
+ "avatar-group-size-50": "16px",
1502
+ "avatar-group-size-500": "40px",
1503
+ "avatar-group-size-75": "20px",
1490
1504
  "avatar-opacity-disabled": "0.3",
1491
- "avatar-size-100": "20px",
1492
- "avatar-size-200": "22px",
1493
- "avatar-size-300": "26px",
1494
- "avatar-size-400": "28px",
1505
+ "avatar-size-100": "24px",
1506
+ "avatar-size-1000": "64px",
1507
+ "avatar-size-1100": "72px",
1508
+ "avatar-size-1200": "80px",
1509
+ "avatar-size-1300": "88px",
1510
+ "avatar-size-1400": "96px",
1511
+ "avatar-size-1500": "104px",
1512
+ "avatar-size-200": "28px",
1513
+ "avatar-size-300": "32px",
1514
+ "avatar-size-400": "36px",
1495
1515
  "avatar-size-50": "16px",
1496
- "avatar-size-500": "32px",
1497
- "avatar-size-600": "36px",
1498
- "avatar-size-700": "40px",
1499
- "avatar-size-75": "18px",
1516
+ "avatar-size-500": "40px",
1517
+ "avatar-size-600": "44px",
1518
+ "avatar-size-700": "48px",
1519
+ "avatar-size-75": "20px",
1520
+ "avatar-size-800": "52px",
1521
+ "avatar-size-900": "56px",
1522
+ "avatar-to-avatar-100": "-6px",
1523
+ "avatar-to-avatar-200": "-7px",
1524
+ "avatar-to-avatar-300": "-8px",
1525
+ "avatar-to-avatar-400": "-9px",
1526
+ "avatar-to-avatar-50": "-4px",
1527
+ "avatar-to-avatar-500": "-10px",
1528
+ "avatar-to-avatar-75": "-5px",
1500
1529
  "background-opacity-down": "0.1",
1501
1530
  "background-opacity-hover": "0.1",
1502
1531
  "background-opacity-key-focus": "0.1",
@@ -1772,6 +1801,10 @@
1772
1801
  "drop-shadow-blur": "6px",
1773
1802
  "drop-shadow-blur-100": "6px",
1774
1803
  "drop-shadow-blur-200": "8px",
1804
+ "drop-shadow-blur-300": "16px",
1805
+ "drop-shadow-dragged-blur": "16px",
1806
+ "drop-shadow-dragged-x": "0px",
1807
+ "drop-shadow-dragged-y": "6px",
1775
1808
  "drop-shadow-elevated-blur": "8px",
1776
1809
  "drop-shadow-elevated-x": "0px",
1777
1810
  "drop-shadow-elevated-y": "2px",
@@ -1784,9 +1817,11 @@
1784
1817
  "drop-shadow-x": "0px",
1785
1818
  "drop-shadow-x-100": "0px",
1786
1819
  "drop-shadow-x-200": "0px",
1820
+ "drop-shadow-x-300": "0px",
1787
1821
  "drop-shadow-y": "1px",
1788
1822
  "drop-shadow-y-100": "1px",
1789
1823
  "drop-shadow-y-200": "2px",
1824
+ "drop-shadow-y-300": "6px",
1790
1825
  "drop-zone-background-color-opacity": "0.1",
1791
1826
  "drop-zone-background-color-opacity-filled": "0.3",
1792
1827
  "drop-zone-body-font-size": "14px",
@@ -4812,6 +4812,18 @@
4812
4812
  }
4813
4813
  }
4814
4814
  },
4815
+ "drop-shadow-color-300": {
4816
+ "sets": {
4817
+ "light": {
4818
+ "value": "rgba(0, 0, 0, 0.2)",
4819
+ "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
4820
+ },
4821
+ "dark": {
4822
+ "value": "rgba(0, 0, 0, 0.6)",
4823
+ "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
4824
+ }
4825
+ }
4826
+ },
4815
4827
  "drop-shadow-emphasized-default-color": {
4816
4828
  "ref": "{drop-shadow-color-100}",
4817
4829
  "sets": {
@@ -4932,6 +4944,20 @@
4932
4944
  "value": "rgba(255, 255, 255, 0.94)",
4933
4945
  "uuid": "a1cbc282-1376-48d1-b8bb-92f10aef7c6f"
4934
4946
  },
4947
+ "drop-shadow-dragged-color": {
4948
+ "ref": "{drop-shadow-color-300}",
4949
+ "sets": {
4950
+ "light": {
4951
+ "value": "rgba(0, 0, 0, 0.2)",
4952
+ "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
4953
+ },
4954
+ "dark": {
4955
+ "value": "rgba(0, 0, 0, 0.6)",
4956
+ "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
4957
+ }
4958
+ },
4959
+ "uuid": "83c30113-68b5-475b-ba46-9179c9ff7e8d"
4960
+ },
4935
4961
  "swatch-border-color": {
4936
4962
  "ref": "{gray-1000}",
4937
4963
  "sets": {
@@ -5775,6 +5801,24 @@
5775
5801
  },
5776
5802
  "uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
5777
5803
  },
5804
+ "avatar-border-color": {
5805
+ "ref": "{gray-25}",
5806
+ "sets": {
5807
+ "dark": {
5808
+ "value": "rgb(17, 17, 17)",
5809
+ "uuid": "ac61b090-d356-4f7f-ac6d-b4f20617c9e3"
5810
+ },
5811
+ "light": {
5812
+ "value": "rgb(255, 255, 255)",
5813
+ "uuid": "a8c6363c-5297-41e3-ad76-1b6d0d3a3cc9"
5814
+ },
5815
+ "wireframe": {
5816
+ "value": "rgb(255, 255, 255)",
5817
+ "uuid": "0906f3b2-74a9-4012-9e26-4d8f68f0eba9"
5818
+ }
5819
+ },
5820
+ "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
5821
+ },
5778
5822
  "white": {
5779
5823
  "value": "rgb(255, 255, 255)",
5780
5824
  "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -15808,11 +15852,11 @@
15808
15852
  "avatar-size-75": {
15809
15853
  "sets": {
15810
15854
  "desktop": {
15811
- "value": "18px",
15855
+ "value": "20px",
15812
15856
  "uuid": "6aa2d529-0e10-4eaf-8786-f38e04e4d438"
15813
15857
  },
15814
15858
  "mobile": {
15815
- "value": "22px",
15859
+ "value": "24px",
15816
15860
  "uuid": "f23636e9-93e2-444d-a95b-1311a7e074f3"
15817
15861
  }
15818
15862
  }
@@ -15820,11 +15864,11 @@
15820
15864
  "avatar-size-100": {
15821
15865
  "sets": {
15822
15866
  "desktop": {
15823
- "value": "20px",
15867
+ "value": "24px",
15824
15868
  "uuid": "f3293ec2-befd-49e8-a280-b5a1827aa40c"
15825
15869
  },
15826
15870
  "mobile": {
15827
- "value": "26px",
15871
+ "value": "28px",
15828
15872
  "uuid": "a2833b95-ba74-4caf-89e6-8294465d2780"
15829
15873
  }
15830
15874
  }
@@ -15832,11 +15876,11 @@
15832
15876
  "avatar-size-200": {
15833
15877
  "sets": {
15834
15878
  "desktop": {
15835
- "value": "22px",
15879
+ "value": "28px",
15836
15880
  "uuid": "a17f3911-00ad-4d52-a474-dc5d4e3341d1"
15837
15881
  },
15838
15882
  "mobile": {
15839
- "value": "28px",
15883
+ "value": "32px",
15840
15884
  "uuid": "7bfa97a1-39a8-4a30-af13-31ce1393098a"
15841
15885
  }
15842
15886
  }
@@ -15844,11 +15888,11 @@
15844
15888
  "avatar-size-300": {
15845
15889
  "sets": {
15846
15890
  "desktop": {
15847
- "value": "26px",
15891
+ "value": "32px",
15848
15892
  "uuid": "337f89c8-5b8a-4cd9-a32d-31f2d9804b2e"
15849
15893
  },
15850
15894
  "mobile": {
15851
- "value": "32px",
15895
+ "value": "36px",
15852
15896
  "uuid": "b0bd14f7-9642-4e20-90c4-68f38a53e72c"
15853
15897
  }
15854
15898
  }
@@ -15856,11 +15900,11 @@
15856
15900
  "avatar-size-400": {
15857
15901
  "sets": {
15858
15902
  "desktop": {
15859
- "value": "28px",
15903
+ "value": "36px",
15860
15904
  "uuid": "f7ee2f39-d2ea-44ce-a5e6-e9a2bb8af52e"
15861
15905
  },
15862
15906
  "mobile": {
15863
- "value": "36px",
15907
+ "value": "40px",
15864
15908
  "uuid": "44237baf-1128-445d-8337-a943c6ac0019"
15865
15909
  }
15866
15910
  }
@@ -15868,11 +15912,11 @@
15868
15912
  "avatar-size-500": {
15869
15913
  "sets": {
15870
15914
  "desktop": {
15871
- "value": "32px",
15915
+ "value": "40px",
15872
15916
  "uuid": "9088ecf5-e278-48fe-a7cc-bdf77d15772f"
15873
15917
  },
15874
15918
  "mobile": {
15875
- "value": "40px",
15919
+ "value": "44px",
15876
15920
  "uuid": "db33d97e-15e4-4248-a8cf-4b69d745a2e0"
15877
15921
  }
15878
15922
  }
@@ -15880,11 +15924,11 @@
15880
15924
  "avatar-size-600": {
15881
15925
  "sets": {
15882
15926
  "desktop": {
15883
- "value": "36px",
15927
+ "value": "44px",
15884
15928
  "uuid": "15634a63-05f3-4fb8-989a-cb3ad46b8946"
15885
15929
  },
15886
15930
  "mobile": {
15887
- "value": "46px",
15931
+ "value": "48px",
15888
15932
  "uuid": "9ea7c014-2c8d-403f-ad7f-fa3c08a3a46d"
15889
15933
  }
15890
15934
  }
@@ -15892,15 +15936,111 @@
15892
15936
  "avatar-size-700": {
15893
15937
  "sets": {
15894
15938
  "desktop": {
15895
- "value": "40px",
15939
+ "value": "48px",
15896
15940
  "uuid": "92260f9e-ad2a-4e46-ad65-d83d99f7e7b7"
15897
15941
  },
15898
15942
  "mobile": {
15899
- "value": "50px",
15943
+ "value": "52px",
15900
15944
  "uuid": "0bec4f0f-efb2-44f9-a131-28f8fe248c40"
15901
15945
  }
15902
15946
  }
15903
15947
  },
15948
+ "avatar-size-800": {
15949
+ "sets": {
15950
+ "desktop": {
15951
+ "value": "52px",
15952
+ "uuid": "4c3c7ee0-637c-4c0f-b79b-ba8d4f8aaf9d"
15953
+ },
15954
+ "mobile": {
15955
+ "value": "56px",
15956
+ "uuid": "99cf09f1-da56-4961-a805-723b68f718c2"
15957
+ }
15958
+ }
15959
+ },
15960
+ "avatar-size-900": {
15961
+ "sets": {
15962
+ "desktop": {
15963
+ "value": "56px",
15964
+ "uuid": "531b56b5-3abd-4bcc-a4fa-9cceb08b0b8d"
15965
+ },
15966
+ "mobile": {
15967
+ "value": "64px",
15968
+ "uuid": "e774036a-23b9-4d74-b878-5d8edf20355f"
15969
+ }
15970
+ }
15971
+ },
15972
+ "avatar-size-1000": {
15973
+ "sets": {
15974
+ "desktop": {
15975
+ "value": "64px",
15976
+ "uuid": "7f677464-22fe-47c5-b4da-e6c60740aafe"
15977
+ },
15978
+ "mobile": {
15979
+ "value": "72px",
15980
+ "uuid": "c723eb21-c020-40d5-a225-5857c8b4f0c9"
15981
+ }
15982
+ }
15983
+ },
15984
+ "avatar-size-1100": {
15985
+ "sets": {
15986
+ "desktop": {
15987
+ "value": "72px",
15988
+ "uuid": "63e8bd84-a7e2-4aed-9ac8-44ae2fe70424"
15989
+ },
15990
+ "mobile": {
15991
+ "value": "80px",
15992
+ "uuid": "371af425-26e6-4891-a195-b4dbee5e17b9"
15993
+ }
15994
+ }
15995
+ },
15996
+ "avatar-size-1200": {
15997
+ "sets": {
15998
+ "desktop": {
15999
+ "value": "80px",
16000
+ "uuid": "d8af9c52-b267-4c77-8ca2-ffa5dc27a45e"
16001
+ },
16002
+ "mobile": {
16003
+ "value": "88px",
16004
+ "uuid": "49075645-054f-4b42-8b8a-7fa4971b2ca9"
16005
+ }
16006
+ }
16007
+ },
16008
+ "avatar-size-1300": {
16009
+ "sets": {
16010
+ "desktop": {
16011
+ "value": "88px",
16012
+ "uuid": "77d45064-5013-417e-9663-a91e97e40d01"
16013
+ },
16014
+ "mobile": {
16015
+ "value": "96px",
16016
+ "uuid": "b8372421-023d-4d86-b792-eb1c9fd8230c"
16017
+ }
16018
+ }
16019
+ },
16020
+ "avatar-size-1400": {
16021
+ "sets": {
16022
+ "desktop": {
16023
+ "value": "96px",
16024
+ "uuid": "974ccab6-b9d9-4101-ba6c-69dd75b8602f"
16025
+ },
16026
+ "mobile": {
16027
+ "value": "104px",
16028
+ "uuid": "c46a76c1-77af-4e15-96e1-9e7f16000de5"
16029
+ }
16030
+ }
16031
+ },
16032
+ "avatar-size-1500": {
16033
+ "sets": {
16034
+ "desktop": {
16035
+ "value": "104px",
16036
+ "uuid": "2ab3cbdf-5791-41ca-b6e3-66d5a4970f32"
16037
+ },
16038
+ "mobile": {
16039
+ "value": "112px",
16040
+ "uuid": "06359a10-02d1-4886-a841-940b5ffbb0f0"
16041
+ }
16042
+ }
16043
+ },
15904
16044
  "alert-banner-minimum-height": {
15905
16045
  "sets": {
15906
16046
  "desktop": {
@@ -21103,6 +21243,193 @@
21103
21243
  "value": "0.2",
21104
21244
  "uuid": "19968846-dad0-42eb-b6a8-af65f3a910ff"
21105
21245
  },
21246
+ "avatar-border-width": {
21247
+ "ref": "{border-width-100}",
21248
+ "value": "1px",
21249
+ "uuid": "2d4cd3ad-cc2c-4ad5-9475-c73882c5201e"
21250
+ },
21251
+ "avatar-group-size-50": {
21252
+ "ref": "{avatar-size-50}",
21253
+ "sets": {
21254
+ "desktop": {
21255
+ "value": "16px",
21256
+ "uuid": "60fd0b38-3bad-4a0f-8a69-d4cf79b635ff"
21257
+ },
21258
+ "mobile": {
21259
+ "value": "20px",
21260
+ "uuid": "6f6fae3d-eafd-41d7-a863-b2f0b57240ab"
21261
+ }
21262
+ },
21263
+ "uuid": "d55ab204-ee6c-47e3-a21b-25543c8fc36b"
21264
+ },
21265
+ "avatar-group-size-75": {
21266
+ "ref": "{avatar-size-75}",
21267
+ "sets": {
21268
+ "desktop": {
21269
+ "value": "20px",
21270
+ "uuid": "6aa2d529-0e10-4eaf-8786-f38e04e4d438"
21271
+ },
21272
+ "mobile": {
21273
+ "value": "24px",
21274
+ "uuid": "f23636e9-93e2-444d-a95b-1311a7e074f3"
21275
+ }
21276
+ },
21277
+ "uuid": "420c8327-fa41-4919-9e01-4d58178d739b"
21278
+ },
21279
+ "avatar-group-size-100": {
21280
+ "ref": "{avatar-size-100}",
21281
+ "sets": {
21282
+ "desktop": {
21283
+ "value": "24px",
21284
+ "uuid": "f3293ec2-befd-49e8-a280-b5a1827aa40c"
21285
+ },
21286
+ "mobile": {
21287
+ "value": "28px",
21288
+ "uuid": "a2833b95-ba74-4caf-89e6-8294465d2780"
21289
+ }
21290
+ },
21291
+ "uuid": "1c869018-8c56-4c10-acea-7fc6e838aa09"
21292
+ },
21293
+ "avatar-group-size-200": {
21294
+ "ref": "{avatar-size-200}",
21295
+ "sets": {
21296
+ "desktop": {
21297
+ "value": "28px",
21298
+ "uuid": "a17f3911-00ad-4d52-a474-dc5d4e3341d1"
21299
+ },
21300
+ "mobile": {
21301
+ "value": "32px",
21302
+ "uuid": "7bfa97a1-39a8-4a30-af13-31ce1393098a"
21303
+ }
21304
+ },
21305
+ "uuid": "590ef940-55ea-4690-a403-e4b47a185a64"
21306
+ },
21307
+ "avatar-group-size-300": {
21308
+ "ref": "{avatar-size-300}",
21309
+ "sets": {
21310
+ "desktop": {
21311
+ "value": "32px",
21312
+ "uuid": "337f89c8-5b8a-4cd9-a32d-31f2d9804b2e"
21313
+ },
21314
+ "mobile": {
21315
+ "value": "36px",
21316
+ "uuid": "b0bd14f7-9642-4e20-90c4-68f38a53e72c"
21317
+ }
21318
+ },
21319
+ "uuid": "5e60d980-21db-4bbd-b321-a20808571411"
21320
+ },
21321
+ "avatar-group-size-400": {
21322
+ "ref": "{avatar-size-400}",
21323
+ "sets": {
21324
+ "desktop": {
21325
+ "value": "36px",
21326
+ "uuid": "f7ee2f39-d2ea-44ce-a5e6-e9a2bb8af52e"
21327
+ },
21328
+ "mobile": {
21329
+ "value": "40px",
21330
+ "uuid": "44237baf-1128-445d-8337-a943c6ac0019"
21331
+ }
21332
+ },
21333
+ "uuid": "80e446ee-0091-4c6e-9158-e15fbc6207a4"
21334
+ },
21335
+ "avatar-group-size-500": {
21336
+ "ref": "{avatar-size-500}",
21337
+ "sets": {
21338
+ "desktop": {
21339
+ "value": "40px",
21340
+ "uuid": "9088ecf5-e278-48fe-a7cc-bdf77d15772f"
21341
+ },
21342
+ "mobile": {
21343
+ "value": "44px",
21344
+ "uuid": "db33d97e-15e4-4248-a8cf-4b69d745a2e0"
21345
+ }
21346
+ },
21347
+ "uuid": "4bf63b03-931b-47ce-bb1a-4bd4e2cd82c1"
21348
+ },
21349
+ "avatar-to-avatar-50": {
21350
+ "sets": {
21351
+ "desktop": {
21352
+ "value": "-4px",
21353
+ "uuid": "4328bc86-01d4-4467-b99a-33099effe781"
21354
+ },
21355
+ "mobile": {
21356
+ "value": "-5px",
21357
+ "uuid": "b395e912-9061-44bd-ab77-840cde0f3e80"
21358
+ }
21359
+ }
21360
+ },
21361
+ "avatar-to-avatar-75": {
21362
+ "sets": {
21363
+ "desktop": {
21364
+ "value": "-5px",
21365
+ "uuid": "4970f7de-506d-4e2c-9412-8ebd268c5da3"
21366
+ },
21367
+ "mobile": {
21368
+ "value": "-6px",
21369
+ "uuid": "889a7ebb-86b7-4615-87ee-e75aa4b48d60"
21370
+ }
21371
+ }
21372
+ },
21373
+ "avatar-to-avatar-100": {
21374
+ "sets": {
21375
+ "desktop": {
21376
+ "value": "-6px",
21377
+ "uuid": "273888c7-abc9-4af8-802a-e8ecf864f2fa"
21378
+ },
21379
+ "mobile": {
21380
+ "value": "-7px",
21381
+ "uuid": "bacd5b38-1eed-49d6-9513-f363315f2a23"
21382
+ }
21383
+ }
21384
+ },
21385
+ "avatar-to-avatar-200": {
21386
+ "sets": {
21387
+ "desktop": {
21388
+ "value": "-7px",
21389
+ "uuid": "629d5ce9-487d-4ee9-be0d-5ff24c66d174"
21390
+ },
21391
+ "mobile": {
21392
+ "value": "-8px",
21393
+ "uuid": "7815e63c-1d4f-4ee0-a656-a6053595ad59"
21394
+ }
21395
+ }
21396
+ },
21397
+ "avatar-to-avatar-300": {
21398
+ "sets": {
21399
+ "desktop": {
21400
+ "value": "-8px",
21401
+ "uuid": "e345324b-640f-4f45-88c6-4765ca97ea22"
21402
+ },
21403
+ "mobile": {
21404
+ "value": "-9px",
21405
+ "uuid": "04481b80-1c05-416a-95cf-c0c85147ce2e"
21406
+ }
21407
+ }
21408
+ },
21409
+ "avatar-to-avatar-400": {
21410
+ "sets": {
21411
+ "desktop": {
21412
+ "value": "-9px",
21413
+ "uuid": "63c5deff-94da-4981-ba9a-fd46b4372830"
21414
+ },
21415
+ "mobile": {
21416
+ "value": "-10px",
21417
+ "uuid": "5c733ac6-d7b9-44f0-8827-1d8232ca5332"
21418
+ }
21419
+ }
21420
+ },
21421
+ "avatar-to-avatar-500": {
21422
+ "sets": {
21423
+ "desktop": {
21424
+ "value": "-10px",
21425
+ "uuid": "8b6b74b4-e7c3-4f7c-a2b6-f410fcc17a83"
21426
+ },
21427
+ "mobile": {
21428
+ "value": "-11px",
21429
+ "uuid": "c980c4f4-f2c5-4963-873e-de275f3353d1"
21430
+ }
21431
+ }
21432
+ },
21106
21433
  "corner-radius-0": {
21107
21434
  "value": "0px",
21108
21435
  "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -22985,6 +23312,10 @@
22985
23312
  "value": "0px",
22986
23313
  "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
22987
23314
  },
23315
+ "drop-shadow-x-300": {
23316
+ "value": "0px",
23317
+ "uuid": "cb6d74fe-cc32-47ff-bf8b-74597643a8a6"
23318
+ },
22988
23319
  "drop-shadow-y-100": {
22989
23320
  "value": "1px",
22990
23321
  "uuid": "ed1f46fd-a586-46a5-8cc1-d843a57e2cc2"
@@ -22993,6 +23324,10 @@
22993
23324
  "value": "2px",
22994
23325
  "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
22995
23326
  },
23327
+ "drop-shadow-y-300": {
23328
+ "value": "6px",
23329
+ "uuid": "5d09089b-c0c5-4122-a3be-3e989562acda"
23330
+ },
22996
23331
  "drop-shadow-blur-100": {
22997
23332
  "value": "6px",
22998
23333
  "uuid": "025e39f4-dfe7-4a8a-beb5-bd0577f72eac"
@@ -23001,6 +23336,10 @@
23001
23336
  "value": "8px",
23002
23337
  "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
23003
23338
  },
23339
+ "drop-shadow-blur-300": {
23340
+ "value": "16px",
23341
+ "uuid": "34812e0c-7ccf-49c2-884a-6fecd45f7c5a"
23342
+ },
23004
23343
  "drop-shadow-emphasized-default-x": {
23005
23344
  "ref": "{drop-shadow-x-100}",
23006
23345
  "value": "0px",
@@ -23046,6 +23385,21 @@
23046
23385
  "value": "8px",
23047
23386
  "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
23048
23387
  },
23388
+ "drop-shadow-dragged-x": {
23389
+ "ref": "{drop-shadow-x-300}",
23390
+ "value": "0px",
23391
+ "uuid": "be5c80b4-5769-491b-9550-fcf94f0c762e"
23392
+ },
23393
+ "drop-shadow-dragged-y": {
23394
+ "ref": "{drop-shadow-y-300}",
23395
+ "value": "6px",
23396
+ "uuid": "ff8d4fda-72fa-4256-b2c8-f22a9d3e644f"
23397
+ },
23398
+ "drop-shadow-dragged-blur": {
23399
+ "ref": "{drop-shadow-blur-300}",
23400
+ "value": "16px",
23401
+ "uuid": "f6015252-21fb-48f9-aadb-5ad050e3d590"
23402
+ },
23049
23403
  "accent-color-100": {
23050
23404
  "ref": "{blue-100}",
23051
23405
  "sets": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.0.0-beta.42",
3
+ "version": "13.0.0-beta.44",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -1703,6 +1703,21 @@
1703
1703
  }
1704
1704
  }
1705
1705
  },
1706
+ "drop-shadow-color-300": {
1707
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
1708
+ "sets": {
1709
+ "light": {
1710
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1711
+ "value": "rgba(0, 0, 0, 0.2)",
1712
+ "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
1713
+ },
1714
+ "dark": {
1715
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
1716
+ "value": "rgba(0, 0, 0, 0.6)",
1717
+ "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
1718
+ }
1719
+ }
1720
+ },
1706
1721
  "drop-shadow-emphasized-default-color": {
1707
1722
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1708
1723
  "value": "{drop-shadow-color-100}",
@@ -1757,5 +1772,10 @@
1757
1772
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1758
1773
  "value": "{transparent-white-900}",
1759
1774
  "uuid": "a1cbc282-1376-48d1-b8bb-92f10aef7c6f"
1775
+ },
1776
+ "drop-shadow-dragged-color": {
1777
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1778
+ "value": "{drop-shadow-color-300}",
1779
+ "uuid": "83c30113-68b5-475b-ba46-9179c9ff7e8d"
1760
1780
  }
1761
1781
  }
@@ -411,5 +411,11 @@
411
411
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
412
412
  "value": "{gray-1000}",
413
413
  "uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
414
+ },
415
+ "avatar-border-color": {
416
+ "component": "avatar",
417
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
418
+ "value": "{gray-25}",
419
+ "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
414
420
  }
415
421
  }
@@ -2816,12 +2816,12 @@
2816
2816
  "sets": {
2817
2817
  "desktop": {
2818
2818
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2819
- "value": "18px",
2819
+ "value": "20px",
2820
2820
  "uuid": "6aa2d529-0e10-4eaf-8786-f38e04e4d438"
2821
2821
  },
2822
2822
  "mobile": {
2823
2823
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2824
- "value": "22px",
2824
+ "value": "24px",
2825
2825
  "uuid": "f23636e9-93e2-444d-a95b-1311a7e074f3"
2826
2826
  }
2827
2827
  }
@@ -2832,12 +2832,12 @@
2832
2832
  "sets": {
2833
2833
  "desktop": {
2834
2834
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2835
- "value": "20px",
2835
+ "value": "24px",
2836
2836
  "uuid": "f3293ec2-befd-49e8-a280-b5a1827aa40c"
2837
2837
  },
2838
2838
  "mobile": {
2839
2839
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2840
- "value": "26px",
2840
+ "value": "28px",
2841
2841
  "uuid": "a2833b95-ba74-4caf-89e6-8294465d2780"
2842
2842
  }
2843
2843
  }
@@ -2848,12 +2848,12 @@
2848
2848
  "sets": {
2849
2849
  "desktop": {
2850
2850
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2851
- "value": "22px",
2851
+ "value": "28px",
2852
2852
  "uuid": "a17f3911-00ad-4d52-a474-dc5d4e3341d1"
2853
2853
  },
2854
2854
  "mobile": {
2855
2855
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2856
- "value": "28px",
2856
+ "value": "32px",
2857
2857
  "uuid": "7bfa97a1-39a8-4a30-af13-31ce1393098a"
2858
2858
  }
2859
2859
  }
@@ -2864,12 +2864,12 @@
2864
2864
  "sets": {
2865
2865
  "desktop": {
2866
2866
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2867
- "value": "26px",
2867
+ "value": "32px",
2868
2868
  "uuid": "337f89c8-5b8a-4cd9-a32d-31f2d9804b2e"
2869
2869
  },
2870
2870
  "mobile": {
2871
2871
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2872
- "value": "32px",
2872
+ "value": "36px",
2873
2873
  "uuid": "b0bd14f7-9642-4e20-90c4-68f38a53e72c"
2874
2874
  }
2875
2875
  }
@@ -2880,12 +2880,12 @@
2880
2880
  "sets": {
2881
2881
  "desktop": {
2882
2882
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2883
- "value": "28px",
2883
+ "value": "36px",
2884
2884
  "uuid": "f7ee2f39-d2ea-44ce-a5e6-e9a2bb8af52e"
2885
2885
  },
2886
2886
  "mobile": {
2887
2887
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2888
- "value": "36px",
2888
+ "value": "40px",
2889
2889
  "uuid": "44237baf-1128-445d-8337-a943c6ac0019"
2890
2890
  }
2891
2891
  }
@@ -2896,12 +2896,12 @@
2896
2896
  "sets": {
2897
2897
  "desktop": {
2898
2898
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2899
- "value": "32px",
2899
+ "value": "40px",
2900
2900
  "uuid": "9088ecf5-e278-48fe-a7cc-bdf77d15772f"
2901
2901
  },
2902
2902
  "mobile": {
2903
2903
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2904
- "value": "40px",
2904
+ "value": "44px",
2905
2905
  "uuid": "db33d97e-15e4-4248-a8cf-4b69d745a2e0"
2906
2906
  }
2907
2907
  }
@@ -2912,12 +2912,12 @@
2912
2912
  "sets": {
2913
2913
  "desktop": {
2914
2914
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2915
- "value": "36px",
2915
+ "value": "44px",
2916
2916
  "uuid": "15634a63-05f3-4fb8-989a-cb3ad46b8946"
2917
2917
  },
2918
2918
  "mobile": {
2919
2919
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2920
- "value": "46px",
2920
+ "value": "48px",
2921
2921
  "uuid": "9ea7c014-2c8d-403f-ad7f-fa3c08a3a46d"
2922
2922
  }
2923
2923
  }
@@ -2928,16 +2928,144 @@
2928
2928
  "sets": {
2929
2929
  "desktop": {
2930
2930
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2931
- "value": "40px",
2931
+ "value": "48px",
2932
2932
  "uuid": "92260f9e-ad2a-4e46-ad65-d83d99f7e7b7"
2933
2933
  },
2934
2934
  "mobile": {
2935
2935
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2936
- "value": "50px",
2936
+ "value": "52px",
2937
2937
  "uuid": "0bec4f0f-efb2-44f9-a131-28f8fe248c40"
2938
2938
  }
2939
2939
  }
2940
2940
  },
2941
+ "avatar-size-800": {
2942
+ "component": "avatar",
2943
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2944
+ "sets": {
2945
+ "desktop": {
2946
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2947
+ "value": "52px",
2948
+ "uuid": "4c3c7ee0-637c-4c0f-b79b-ba8d4f8aaf9d"
2949
+ },
2950
+ "mobile": {
2951
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2952
+ "value": "56px",
2953
+ "uuid": "99cf09f1-da56-4961-a805-723b68f718c2"
2954
+ }
2955
+ }
2956
+ },
2957
+ "avatar-size-900": {
2958
+ "component": "avatar",
2959
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2960
+ "sets": {
2961
+ "desktop": {
2962
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2963
+ "value": "56px",
2964
+ "uuid": "531b56b5-3abd-4bcc-a4fa-9cceb08b0b8d"
2965
+ },
2966
+ "mobile": {
2967
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2968
+ "value": "64px",
2969
+ "uuid": "e774036a-23b9-4d74-b878-5d8edf20355f"
2970
+ }
2971
+ }
2972
+ },
2973
+ "avatar-size-1000": {
2974
+ "component": "avatar",
2975
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2976
+ "sets": {
2977
+ "desktop": {
2978
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2979
+ "value": "64px",
2980
+ "uuid": "7f677464-22fe-47c5-b4da-e6c60740aafe"
2981
+ },
2982
+ "mobile": {
2983
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2984
+ "value": "72px",
2985
+ "uuid": "c723eb21-c020-40d5-a225-5857c8b4f0c9"
2986
+ }
2987
+ }
2988
+ },
2989
+ "avatar-size-1100": {
2990
+ "component": "avatar",
2991
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2992
+ "sets": {
2993
+ "desktop": {
2994
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2995
+ "value": "72px",
2996
+ "uuid": "63e8bd84-a7e2-4aed-9ac8-44ae2fe70424"
2997
+ },
2998
+ "mobile": {
2999
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3000
+ "value": "80px",
3001
+ "uuid": "371af425-26e6-4891-a195-b4dbee5e17b9"
3002
+ }
3003
+ }
3004
+ },
3005
+ "avatar-size-1200": {
3006
+ "component": "avatar",
3007
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
3008
+ "sets": {
3009
+ "desktop": {
3010
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3011
+ "value": "80px",
3012
+ "uuid": "d8af9c52-b267-4c77-8ca2-ffa5dc27a45e"
3013
+ },
3014
+ "mobile": {
3015
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3016
+ "value": "88px",
3017
+ "uuid": "49075645-054f-4b42-8b8a-7fa4971b2ca9"
3018
+ }
3019
+ }
3020
+ },
3021
+ "avatar-size-1300": {
3022
+ "component": "avatar",
3023
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
3024
+ "sets": {
3025
+ "desktop": {
3026
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3027
+ "value": "88px",
3028
+ "uuid": "77d45064-5013-417e-9663-a91e97e40d01"
3029
+ },
3030
+ "mobile": {
3031
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3032
+ "value": "96px",
3033
+ "uuid": "b8372421-023d-4d86-b792-eb1c9fd8230c"
3034
+ }
3035
+ }
3036
+ },
3037
+ "avatar-size-1400": {
3038
+ "component": "avatar",
3039
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
3040
+ "sets": {
3041
+ "desktop": {
3042
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3043
+ "value": "96px",
3044
+ "uuid": "974ccab6-b9d9-4101-ba6c-69dd75b8602f"
3045
+ },
3046
+ "mobile": {
3047
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3048
+ "value": "104px",
3049
+ "uuid": "c46a76c1-77af-4e15-96e1-9e7f16000de5"
3050
+ }
3051
+ }
3052
+ },
3053
+ "avatar-size-1500": {
3054
+ "component": "avatar",
3055
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
3056
+ "sets": {
3057
+ "desktop": {
3058
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3059
+ "value": "104px",
3060
+ "uuid": "2ab3cbdf-5791-41ca-b6e3-66d5a4970f32"
3061
+ },
3062
+ "mobile": {
3063
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3064
+ "value": "112px",
3065
+ "uuid": "06359a10-02d1-4886-a841-940b5ffbb0f0"
3066
+ }
3067
+ }
3068
+ },
2941
3069
  "alert-banner-minimum-height": {
2942
3070
  "component": "alert-banner",
2943
3071
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
@@ -8561,5 +8689,165 @@
8561
8689
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
8562
8690
  "value": "0.2",
8563
8691
  "uuid": "19968846-dad0-42eb-b6a8-af65f3a910ff"
8692
+ },
8693
+ "avatar-border-width": {
8694
+ "component": "avatar",
8695
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8696
+ "value": "{border-width-100}",
8697
+ "uuid": "2d4cd3ad-cc2c-4ad5-9475-c73882c5201e"
8698
+ },
8699
+ "avatar-group-size-50": {
8700
+ "component": "avatar-group",
8701
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8702
+ "value": "{avatar-size-50}",
8703
+ "uuid": "d55ab204-ee6c-47e3-a21b-25543c8fc36b"
8704
+ },
8705
+ "avatar-group-size-75": {
8706
+ "component": "avatar-group",
8707
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8708
+ "value": "{avatar-size-75}",
8709
+ "uuid": "420c8327-fa41-4919-9e01-4d58178d739b"
8710
+ },
8711
+ "avatar-group-size-100": {
8712
+ "component": "avatar-group",
8713
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8714
+ "value": "{avatar-size-100}",
8715
+ "uuid": "1c869018-8c56-4c10-acea-7fc6e838aa09"
8716
+ },
8717
+ "avatar-group-size-200": {
8718
+ "component": "avatar-group",
8719
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8720
+ "value": "{avatar-size-200}",
8721
+ "uuid": "590ef940-55ea-4690-a403-e4b47a185a64"
8722
+ },
8723
+ "avatar-group-size-300": {
8724
+ "component": "avatar-group",
8725
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8726
+ "value": "{avatar-size-300}",
8727
+ "uuid": "5e60d980-21db-4bbd-b321-a20808571411"
8728
+ },
8729
+ "avatar-group-size-400": {
8730
+ "component": "avatar-group",
8731
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8732
+ "value": "{avatar-size-400}",
8733
+ "uuid": "80e446ee-0091-4c6e-9158-e15fbc6207a4"
8734
+ },
8735
+ "avatar-group-size-500": {
8736
+ "component": "avatar-group",
8737
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
8738
+ "value": "{avatar-size-500}",
8739
+ "uuid": "4bf63b03-931b-47ce-bb1a-4bd4e2cd82c1"
8740
+ },
8741
+ "avatar-to-avatar-50": {
8742
+ "component": "avatar",
8743
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8744
+ "sets": {
8745
+ "desktop": {
8746
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8747
+ "value": "-4px",
8748
+ "uuid": "4328bc86-01d4-4467-b99a-33099effe781"
8749
+ },
8750
+ "mobile": {
8751
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8752
+ "value": "-5px",
8753
+ "uuid": "b395e912-9061-44bd-ab77-840cde0f3e80"
8754
+ }
8755
+ }
8756
+ },
8757
+ "avatar-to-avatar-75": {
8758
+ "component": "avatar",
8759
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8760
+ "sets": {
8761
+ "desktop": {
8762
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8763
+ "value": "-5px",
8764
+ "uuid": "4970f7de-506d-4e2c-9412-8ebd268c5da3"
8765
+ },
8766
+ "mobile": {
8767
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8768
+ "value": "-6px",
8769
+ "uuid": "889a7ebb-86b7-4615-87ee-e75aa4b48d60"
8770
+ }
8771
+ }
8772
+ },
8773
+ "avatar-to-avatar-100": {
8774
+ "component": "avatar",
8775
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8776
+ "sets": {
8777
+ "desktop": {
8778
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8779
+ "value": "-6px",
8780
+ "uuid": "273888c7-abc9-4af8-802a-e8ecf864f2fa"
8781
+ },
8782
+ "mobile": {
8783
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8784
+ "value": "-7px",
8785
+ "uuid": "bacd5b38-1eed-49d6-9513-f363315f2a23"
8786
+ }
8787
+ }
8788
+ },
8789
+ "avatar-to-avatar-200": {
8790
+ "component": "avatar",
8791
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8792
+ "sets": {
8793
+ "desktop": {
8794
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8795
+ "value": "-7px",
8796
+ "uuid": "629d5ce9-487d-4ee9-be0d-5ff24c66d174"
8797
+ },
8798
+ "mobile": {
8799
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8800
+ "value": "-8px",
8801
+ "uuid": "7815e63c-1d4f-4ee0-a656-a6053595ad59"
8802
+ }
8803
+ }
8804
+ },
8805
+ "avatar-to-avatar-300": {
8806
+ "component": "avatar",
8807
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8808
+ "sets": {
8809
+ "desktop": {
8810
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8811
+ "value": "-8px",
8812
+ "uuid": "e345324b-640f-4f45-88c6-4765ca97ea22"
8813
+ },
8814
+ "mobile": {
8815
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8816
+ "value": "-9px",
8817
+ "uuid": "04481b80-1c05-416a-95cf-c0c85147ce2e"
8818
+ }
8819
+ }
8820
+ },
8821
+ "avatar-to-avatar-400": {
8822
+ "component": "avatar",
8823
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8824
+ "sets": {
8825
+ "desktop": {
8826
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8827
+ "value": "-9px",
8828
+ "uuid": "63c5deff-94da-4981-ba9a-fd46b4372830"
8829
+ },
8830
+ "mobile": {
8831
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8832
+ "value": "-10px",
8833
+ "uuid": "5c733ac6-d7b9-44f0-8827-1d8232ca5332"
8834
+ }
8835
+ }
8836
+ },
8837
+ "avatar-to-avatar-500": {
8838
+ "component": "avatar",
8839
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8840
+ "sets": {
8841
+ "desktop": {
8842
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8843
+ "value": "-10px",
8844
+ "uuid": "8b6b74b4-e7c3-4f7c-a2b6-f410fcc17a83"
8845
+ },
8846
+ "mobile": {
8847
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8848
+ "value": "-11px",
8849
+ "uuid": "c980c4f4-f2c5-4963-873e-de275f3353d1"
8850
+ }
8851
+ }
8564
8852
  }
8565
8853
  }
package/src/layout.json CHANGED
@@ -2279,6 +2279,11 @@
2279
2279
  "value": "0px",
2280
2280
  "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
2281
2281
  },
2282
+ "drop-shadow-x-300": {
2283
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2284
+ "value": "0px",
2285
+ "uuid": "cb6d74fe-cc32-47ff-bf8b-74597643a8a6"
2286
+ },
2282
2287
  "drop-shadow-y-100": {
2283
2288
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2284
2289
  "value": "1px",
@@ -2289,6 +2294,11 @@
2289
2294
  "value": "2px",
2290
2295
  "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
2291
2296
  },
2297
+ "drop-shadow-y-300": {
2298
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2299
+ "value": "6px",
2300
+ "uuid": "5d09089b-c0c5-4122-a3be-3e989562acda"
2301
+ },
2292
2302
  "drop-shadow-blur-100": {
2293
2303
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2294
2304
  "value": "6px",
@@ -2299,6 +2309,11 @@
2299
2309
  "value": "8px",
2300
2310
  "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
2301
2311
  },
2312
+ "drop-shadow-blur-300": {
2313
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2314
+ "value": "16px",
2315
+ "uuid": "34812e0c-7ccf-49c2-884a-6fecd45f7c5a"
2316
+ },
2302
2317
  "drop-shadow-emphasized-default-x": {
2303
2318
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2304
2319
  "value": "{drop-shadow-x-100}",
@@ -2343,5 +2358,20 @@
2343
2358
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2344
2359
  "value": "{drop-shadow-blur-200}",
2345
2360
  "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
2361
+ },
2362
+ "drop-shadow-dragged-x": {
2363
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2364
+ "value": "{drop-shadow-x-300}",
2365
+ "uuid": "be5c80b4-5769-491b-9550-fcf94f0c762e"
2366
+ },
2367
+ "drop-shadow-dragged-y": {
2368
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2369
+ "value": "{drop-shadow-y-300}",
2370
+ "uuid": "ff8d4fda-72fa-4256-b2c8-f22a9d3e644f"
2371
+ },
2372
+ "drop-shadow-dragged-blur": {
2373
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
2374
+ "value": "{drop-shadow-blur-300}",
2375
+ "uuid": "f6015252-21fb-48f9-aadb-5ad050e3d590"
2346
2376
  }
2347
2377
  }