@adobe/spectrum-tokens 12.9.0 → 12.10.0

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 (11) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/json/variables.json +8576 -4288
  3. package/package.json +2 -2
  4. package/src/color-aliases.json +610 -305
  5. package/src/color-component.json +68 -34
  6. package/src/color-palette.json +1584 -792
  7. package/src/layout-component.json +1307 -657
  8. package/src/layout.json +604 -302
  9. package/src/semantic-color-palette.json +168 -84
  10. package/src/typography.json +550 -275
  11. package/tasks/addIds.js +79 -0
package/src/color-component.json CHANGED
@@ -1,133 +1,164 @@
1
1
  {
2
2
  "swatch-border-color": {
3
3
  "component": "swatch",
4
- "value": "{gray-900}"
4
+ "value": "{gray-900}",
5
+ "uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
5
6
  },
6
7
  "swatch-border-opacity": {
7
8
  "component": "swatch",
8
- "value": "0.51"
9
+ "value": "0.51",
10
+ "uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
9
11
  },
10
12
  "swatch-disabled-icon-border-color": {
11
13
  "component": "swatch",
12
- "value": "{black}"
14
+ "value": "{black}",
15
+ "uuid": "c49cd7ae-7657-458b-871a-6b4f28bca535"
13
16
  },
14
17
  "swatch-disabled-icon-border-opacity": {
15
18
  "component": "swatch",
16
- "value": "0.51"
19
+ "value": "0.51",
20
+ "uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
17
21
  },
18
22
  "thumbnail-border-color": {
19
23
  "component": "thumbnail",
20
- "value": "{gray-800}"
24
+ "value": "{gray-800}",
25
+ "uuid": "5bd226f1-0a6b-42bc-80af-4a9dde99e9e9"
21
26
  },
22
27
  "thumbnail-border-opacity": {
23
28
  "component": "thumbnail",
24
- "value": "0.1"
29
+ "value": "0.1",
30
+ "uuid": "58bd04e9-5b85-44d8-8474-96e157701070"
25
31
  },
26
32
  "thumbnail-opacity-disabled": {
27
33
  "component": "thumbnail",
28
- "value": "{opacity-disabled}"
34
+ "value": "{opacity-disabled}",
35
+ "uuid": "92418bcd-5f0f-4f26-9a96-51f8c9e871bf"
29
36
  },
30
37
  "opacity-checkerboard-square-light": {
31
38
  "component": "opacity-checkerboard",
32
- "value": "{white}"
39
+ "value": "{white}",
40
+ "uuid": "c7e50676-3f61-49c3-a35f-2532fdb02360"
33
41
  },
34
42
  "opacity-checkerboard-square-dark": {
35
43
  "component": "opacity-checkerboard",
36
44
  "sets": {
37
45
  "light": {
38
- "value": "{gray-200}"
46
+ "value": "{gray-200}",
47
+ "uuid": "84a7cd5e-bb2b-4bb5-bb5f-f5839ae3a761"
39
48
  },
40
49
  "dark": {
41
- "value": "{gray-800}"
50
+ "value": "{gray-800}",
51
+ "uuid": "5dbb3e96-fe86-43a2-be8b-3ceecfe2d5ba"
42
52
  },
43
53
  "darkest": {
44
- "value": "{gray-800}"
54
+ "value": "{gray-800}",
55
+ "uuid": "f783b8cb-d31f-46c2-b550-990639752510"
45
56
  }
46
57
  }
47
58
  },
48
59
  "avatar-opacity-disabled": {
49
60
  "component": "avatar",
50
- "value": "{opacity-disabled}"
61
+ "value": "{opacity-disabled}",
62
+ "uuid": "84d25d1b-f9e4-4a9e-8cd0-92367ff00637"
51
63
  },
52
64
  "color-area-border-color": {
53
65
  "component": "color-area",
54
- "value": "{gray-900}"
66
+ "value": "{gray-900}",
67
+ "uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
55
68
  },
56
69
  "color-area-border-opacity": {
57
70
  "component": "color-area",
58
- "value": "0.1"
71
+ "value": "0.1",
72
+ "uuid": "fba1851e-0056-4cdf-938d-6d61550bbe3c"
59
73
  },
60
74
  "color-slider-border-color": {
61
75
  "component": "color-slider",
62
- "value": "{gray-900}"
76
+ "value": "{gray-900}",
77
+ "uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
63
78
  },
64
79
  "color-slider-border-opacity": {
65
80
  "component": "color-slider",
66
- "value": "0.1"
81
+ "value": "0.1",
82
+ "uuid": "8271b69e-6542-4b17-b0f0-72567e16c41b"
67
83
  },
68
84
  "color-loupe-drop-shadow-color": {
69
85
  "component": "color-loupe",
70
- "value": "{transparent-black-300}"
86
+ "value": "{transparent-black-300}",
87
+ "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
71
88
  },
72
89
  "color-loupe-drop-shadow-y": {
73
90
  "component": "color-loupe",
74
- "value": "2px"
91
+ "value": "2px",
92
+ "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
75
93
  },
76
94
  "color-loupe-drop-shadow-blur": {
77
95
  "component": "color-loupe",
78
- "value": "8px"
96
+ "value": "8px",
97
+ "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
79
98
  },
80
99
  "color-loupe-inner-border": {
81
100
  "component": "color-loupe",
82
- "value": "{transparent-black-200}"
101
+ "value": "{transparent-black-200}",
102
+ "uuid": "d2c4cb48-8a90-461d-95bc-d882ba01472b"
83
103
  },
84
104
  "color-loupe-outer-border": {
85
105
  "component": "color-loupe",
86
- "value": "{white}"
106
+ "value": "{white}",
107
+ "uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
87
108
  },
88
109
  "card-selection-background-color": {
89
110
  "component": "cards",
90
- "value": "{gray-100}"
111
+ "value": "{gray-100}",
112
+ "uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
91
113
  },
92
114
  "card-selection-background-color-opacity": {
93
115
  "component": "cards",
94
- "value": "0.95"
116
+ "value": "0.95",
117
+ "uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
95
118
  },
96
119
  "drop-zone-background-color": {
97
120
  "component": "drop-zone",
98
- "value": "{accent-visual-color}"
121
+ "value": "{accent-visual-color}",
122
+ "uuid": "866f3613-c12f-4475-87b1-ad86ef2ce153"
99
123
  },
100
124
  "drop-zone-background-color-opacity": {
101
125
  "component": "drop-zone",
102
- "value": "0.1"
126
+ "value": "0.1",
127
+ "uuid": "ee5ed78b-230c-4b37-9d76-1787a975bb63"
103
128
  },
104
129
  "drop-zone-background-color-opacity-filled": {
105
130
  "component": "drop-zone",
106
- "value": "0.3"
131
+ "value": "0.3",
132
+ "uuid": "ca70550a-b11a-438f-9c70-ff1eeba532cc"
107
133
  },
108
134
  "coach-mark-pagination-color": {
109
135
  "component": "coach-mark",
110
- "value": "{gray-600}"
136
+ "value": "{gray-600}",
137
+ "uuid": "f8cefe70-db2c-489e-bbbe-964050e96ab6"
111
138
  },
112
139
  "color-handle-inner-border-color": {
113
140
  "component": "color-handle",
114
- "value": "{black}"
141
+ "value": "{black}",
142
+ "uuid": "0c93f310-d7c6-474b-8f07-0e8e76e2756e"
115
143
  },
116
144
  "color-handle-inner-border-opacity": {
117
145
  "component": "color-handle",
118
- "value": "0.42"
146
+ "value": "0.42",
147
+ "uuid": "72b473c6-ec9b-4830-a0f8-48b80070e7b8"
119
148
  },
120
149
  "color-handle-outer-border-color": {
121
150
  "component": "color-handle",
122
151
  "sets": {
123
152
  "spectrum": {
124
- "value": "{black}"
153
+ "value": "{black}",
154
+ "uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
125
155
  }
126
156
  }
127
157
  },
128
158
  "color-handle-outer-border-opacity": {
129
159
  "component": "color-handle",
130
- "value": "{color-handle-inner-border-opacity}"
160
+ "value": "{color-handle-inner-border-opacity}",
161
+ "uuid": "0a0eff89-7e7d-4b7f-bcfa-a85e33e5798a"
131
162
  },
132
163
  "color-handle-drop-shadow-color": {
133
164
  "component": "color-handle",
@@ -135,18 +166,21 @@
135
166
  "deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
136
167
  "sets": {
137
168
  "express": {
138
- "value": "{drop-shadow-color}"
169
+ "value": "{drop-shadow-color}",
170
+ "uuid": "97dfaf7f-ac2d-4517-84cc-6f692f712fc5"
139
171
  }
140
172
  }
141
173
  },
142
174
  "floating-action-button-drop-shadow-color": {
143
175
  "component": "floating-action-button",
144
- "value": "{transparent-black-300}"
176
+ "value": "{transparent-black-300}",
177
+ "uuid": "d66d3a56-1ba0-4ce7-a263-eb46a4d17af0"
145
178
  },
146
179
  "floating-action-button-shadow-color": {
147
180
  "component": "floating-action-button",
148
181
  "deprecated": true,
149
182
  "deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead",
150
- "value": "{floating-action-button-drop-shadow-color}"
183
+ "value": "{floating-action-button-drop-shadow-color}",
184
+ "uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575"
151
185
  }
152
186
  }