@aurodesignsystem/design-tokens 5.0.2 → 5.0.3
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 +7 -0
- package/README.md +86 -62
- package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
- package/dist/alaska/SCSSVariables--alaska.scss +63 -0
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
- package/dist/alaska/primitives--alaska.scss +215 -0
- package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
- package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
- package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
- package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
- package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
- package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
- package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
- package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
- package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
- package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
- package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
- package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
- package/dist/hawaiian/primitives--hawaiian.scss +175 -0
- package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
- package/package.json +5 -3
- package/src/primitives/alaska/color.json +796 -0
- package/src/primitives/alaska/typography.json +27 -0
- package/src/primitives/base/color.json +489 -0
- package/src/primitives/base/transparency.json +183 -0
- package/src/primitives/base/typography.json +210 -0
- package/src/primitives/hawaiian/color.json +508 -0
- package/src/primitives/hawaiian/typography.json +28 -0
- package/src/themes/alaska/color.json +394 -0
- package/src/themes/alaska/typography.json +132 -0
- package/src/themes/{excursion → auro-classic}/animation.json +6 -3
- package/src/{color → themes/auro-classic/color}/alert.json +7 -0
- package/src/{color → themes/auro-classic/color}/background.json +53 -25
- package/src/{color → themes/auro-classic/color}/base.json +303 -147
- package/src/{color → themes/auro-classic/color}/border.json +68 -32
- package/src/{color → themes/auro-classic/color}/brand.json +289 -158
- package/src/{color → themes/auro-classic/color}/container.json +101 -50
- package/src/{color → themes/auro-classic/color}/icon.json +129 -64
- package/src/{color → themes/auro-classic/color}/text.json +58 -28
- package/src/{color → themes/auro-classic/color}/tier.json +43 -22
- package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
- package/src/{color → themes/auro-classic/color}/utility.json +60 -30
- package/src/themes/auro-classic/comments.json +50 -0
- package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
- package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
- package/src/{asset → themes/auro-classic}/font.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
- package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
- package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
- package/src/{size → themes/auro-classic/size}/radius.json +2 -1
- package/src/themes/auro-classic/size/scale.json +347 -0
- package/src/themes/auro-classic/size/unitless-scale.json +126 -0
- package/src/{text.json → themes/auro-classic/text.json} +192 -97
- package/src/themes/hawaiian/color.json +394 -0
- package/src/themes/hawaiian/typography.json +132 -0
- package/src/themes/transparent/color/alert.json +7 -0
- package/src/themes/transparent/color/background.json +30 -2
- package/src/themes/transparent/color/base.json +156 -0
- package/src/themes/transparent/color/border.json +36 -0
- package/src/themes/transparent/color/brand.json +167 -36
- package/src/themes/transparent/color/container.json +50 -0
- package/src/themes/transparent/color/icon.json +65 -0
- package/src/themes/transparent/color/text.json +30 -0
- package/src/themes/transparent/color/tier.json +22 -1
- package/src/themes/transparent/color/ui.json +12 -1
- package/src/themes/transparent/color/utility.json +30 -0
- package/src/themes/transparent/elevation.json +3 -0
- package/dist/tokens/JSObject--deprecated.js +0 -3157
- package/dist/tokens/SCSSVariables.scss +0 -1372
- package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
- package/dist/tokens/darkmode/JSDataColor.js +0 -528
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
- package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
- package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
- package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
- package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
- package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
- package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
- package/src/animation.json +0 -21
- package/src/color/ui.json +0 -125
- package/src/color-darkmode/base.json +0 -24
- package/src/color-darkmode/border.json +0 -32
- package/src/color-darkmode/icon.json +0 -32
- package/src/color-darkmode/text.json +0 -71
- package/src/color-darkmode/tier.json +0 -34
- package/src/comments.json +0 -34
- package/src/grid-breakpoint.json +0 -29
- package/src/grid-column.json +0 -29
- package/src/size/scale.json +0 -240
- package/src/size/unitless-scale.json +0 -82
- package/src/themes/excursion/asset/font.json +0 -35
- package/src/themes/excursion/color/alert.json +0 -90
- package/src/themes/excursion/color/background.json +0 -280
- package/src/themes/excursion/color/base.json +0 -1303
- package/src/themes/excursion/color/border.json +0 -288
- package/src/themes/excursion/color/brand.json +0 -1549
- package/src/themes/excursion/color/container.json +0 -464
- package/src/themes/excursion/color/excursion.json +0 -254
- package/src/themes/excursion/color/icon.json +0 -476
- package/src/themes/excursion/color/text.json +0 -270
- package/src/themes/excursion/color/tier.json +0 -180
- package/src/themes/excursion/comments.json +0 -34
- package/src/themes/excursion/depth copy.json +0 -22
- package/src/themes/excursion/elevation.json +0 -22
- package/src/themes/excursion/grid-gutter.json +0 -29
- package/src/themes/excursion/grid-margin.json +0 -29
- package/src/themes/excursion/size/radius.json +0 -9
- package/src/themes/excursion/size/scale.json +0 -234
- package/src/themes/excursion/size/unitless-scale.json +0 -82
- package/src/themes/excursion/text.json +0 -572
- package/src/themes/hawaiian/color/background.json +0 -15
- package/src/themes/hawaiian/color/border.json +0 -18
- package/src/themes/hawaiian/color/container.json +0 -56
- package/src/themes/hawaiian/color/icon.json +0 -24
- package/src/themes/hawaiian/color/text.json +0 -44
|
@@ -5,214 +5,238 @@
|
|
|
5
5
|
"100": {
|
|
6
6
|
"default": {
|
|
7
7
|
"value": "{color.base.white.value}",
|
|
8
|
+
"type": "semantic",
|
|
8
9
|
"public": true,
|
|
9
10
|
"default": true,
|
|
10
11
|
"usage": "Used for creating light backgrounds",
|
|
11
12
|
"wcag": "n/a",
|
|
12
|
-
"deprecated":
|
|
13
|
+
"deprecated": true
|
|
13
14
|
},
|
|
14
15
|
"inverse": {
|
|
15
16
|
"value": "{color.brand.navy.1000.value}",
|
|
17
|
+
"type": "semantic",
|
|
16
18
|
"public": true,
|
|
17
19
|
"inverse": true,
|
|
18
20
|
"usage": "Used for creating dark backgrounds",
|
|
19
21
|
"wcag": "n/a",
|
|
20
|
-
"deprecated":
|
|
22
|
+
"deprecated": true
|
|
21
23
|
}
|
|
22
24
|
},
|
|
23
25
|
"200": {
|
|
24
26
|
"default": {
|
|
25
27
|
"value": "{color.brand.gray.100.value}",
|
|
28
|
+
"type": "semantic",
|
|
26
29
|
"public": true,
|
|
27
30
|
"default": true,
|
|
28
31
|
"usage": "Used for creating light backgrounds",
|
|
29
32
|
"wcag": "n/a",
|
|
30
|
-
"deprecated":
|
|
33
|
+
"deprecated": true
|
|
31
34
|
},
|
|
32
35
|
"inverse": {
|
|
33
36
|
"value": "{color.brand.navy.900.value}",
|
|
37
|
+
"type": "semantic",
|
|
34
38
|
"public": true,
|
|
35
39
|
"inverse": true,
|
|
36
40
|
"usage": "Used for creating dark backgrounds",
|
|
37
41
|
"wcag": "n/a",
|
|
38
|
-
"deprecated":
|
|
42
|
+
"deprecated": true
|
|
39
43
|
}
|
|
40
44
|
},
|
|
41
45
|
"300": {
|
|
42
46
|
"default": {
|
|
43
47
|
"value": "{color.brand.neutral.200.value}",
|
|
48
|
+
"type": "semantic",
|
|
44
49
|
"public": true,
|
|
45
50
|
"default": true,
|
|
46
51
|
"usage": "Used for creating light backgrounds",
|
|
47
52
|
"wcag": "n/a",
|
|
48
|
-
"deprecated":
|
|
53
|
+
"deprecated": true
|
|
49
54
|
},
|
|
50
55
|
"inverse": {
|
|
51
56
|
"value": "{color.brand.navy.800.value}",
|
|
57
|
+
"type": "semantic",
|
|
52
58
|
"public": true,
|
|
53
59
|
"inverse": true,
|
|
54
60
|
"usage": "Used for creating dark backgrounds",
|
|
55
61
|
"wcag": "n/a",
|
|
56
|
-
"deprecated":
|
|
62
|
+
"deprecated": true
|
|
57
63
|
}
|
|
58
64
|
},
|
|
59
65
|
"400": {
|
|
60
66
|
"default": {
|
|
61
67
|
"value": "{color.brand.gray.200.value}",
|
|
68
|
+
"type": "semantic",
|
|
62
69
|
"public": true,
|
|
63
70
|
"default": true,
|
|
64
71
|
"usage": "Used for creating light backgrounds",
|
|
65
72
|
"wcag": "n/a",
|
|
66
|
-
"deprecated":
|
|
73
|
+
"deprecated": true
|
|
67
74
|
},
|
|
68
75
|
"inverse": {
|
|
69
76
|
"value": "{color.brand.navy.700.value}",
|
|
77
|
+
"type": "semantic",
|
|
70
78
|
"public": true,
|
|
71
79
|
"inverse": true,
|
|
72
80
|
"usage": "Used for creating dark backgrounds",
|
|
73
81
|
"wcag": "n/a",
|
|
74
|
-
"deprecated":
|
|
82
|
+
"deprecated": true
|
|
75
83
|
}
|
|
76
84
|
}
|
|
77
85
|
},
|
|
78
86
|
"success": {
|
|
79
87
|
"default": {
|
|
80
88
|
"value": "{color.base.success.100.value}",
|
|
89
|
+
"type": "semantic",
|
|
81
90
|
"public": true,
|
|
82
91
|
"default": true,
|
|
83
92
|
"usage": "Used for creating light backgrounds",
|
|
84
93
|
"wcag": "n/a",
|
|
85
|
-
"deprecated":
|
|
94
|
+
"deprecated": true
|
|
86
95
|
},
|
|
87
96
|
"inverse": {
|
|
88
97
|
"value": "{color.base.success.500.value}",
|
|
98
|
+
"type": "semantic",
|
|
89
99
|
"public": true,
|
|
90
100
|
"inverse": true,
|
|
91
101
|
"usage": "Used for creating dark backgrounds",
|
|
92
102
|
"wcag": "n/a",
|
|
93
|
-
"deprecated":
|
|
103
|
+
"deprecated": true
|
|
94
104
|
}
|
|
95
105
|
},
|
|
96
106
|
"error": {
|
|
97
107
|
"default": {
|
|
98
108
|
"value": "{color.base.error.100.value}",
|
|
109
|
+
"type": "semantic",
|
|
99
110
|
"public": true,
|
|
100
111
|
"default": true,
|
|
101
112
|
"usage": "Used for creating light backgrounds",
|
|
102
113
|
"wcag": "n/a",
|
|
103
|
-
"deprecated":
|
|
114
|
+
"deprecated": true
|
|
104
115
|
},
|
|
105
116
|
"inverse": {
|
|
106
117
|
"value": "{color.base.error.500.value}",
|
|
118
|
+
"type": "semantic",
|
|
107
119
|
"public": true,
|
|
108
120
|
"inverse": true,
|
|
109
121
|
"usage": "Used for creating dark backgrounds",
|
|
110
122
|
"wcag": "n/a",
|
|
111
|
-
"deprecated":
|
|
123
|
+
"deprecated": true
|
|
112
124
|
}
|
|
113
125
|
},
|
|
114
126
|
"warning": {
|
|
115
127
|
"default": {
|
|
116
128
|
"value": "{color.base.warning.100.value}",
|
|
129
|
+
"type": "semantic",
|
|
117
130
|
"public": true,
|
|
118
131
|
"default": true,
|
|
119
132
|
"usage": "Used for creating light backgrounds",
|
|
120
133
|
"wcag": "n/a",
|
|
121
|
-
"deprecated":
|
|
134
|
+
"deprecated": true
|
|
122
135
|
},
|
|
123
136
|
"inverse": {
|
|
124
137
|
"value": "{color.base.warning.500.value}",
|
|
138
|
+
"type": "semantic",
|
|
125
139
|
"public": true,
|
|
126
140
|
"inverse": true,
|
|
127
141
|
"usage": "Used for creating dark backgrounds",
|
|
128
142
|
"wcag": "n/a",
|
|
129
|
-
"deprecated":
|
|
143
|
+
"deprecated": true
|
|
130
144
|
}
|
|
131
145
|
},
|
|
132
146
|
"info": {
|
|
133
147
|
"default": {
|
|
134
148
|
"value": "{color.brand.blue.100.value}",
|
|
149
|
+
"type": "semantic",
|
|
135
150
|
"public": true,
|
|
136
151
|
"default": true,
|
|
137
152
|
"usage": "Used for creating light backgrounds",
|
|
138
153
|
"wcag": "n/a",
|
|
139
|
-
"deprecated":
|
|
154
|
+
"deprecated": true
|
|
140
155
|
},
|
|
141
156
|
"inverse": {
|
|
142
157
|
"value": "{color.brand.blue.900.value}",
|
|
158
|
+
"type": "semantic",
|
|
143
159
|
"public": true,
|
|
144
160
|
"inverse": true,
|
|
145
161
|
"usage": "Used for creating dark backgrounds",
|
|
146
162
|
"wcag": "n/a",
|
|
147
|
-
"deprecated":
|
|
163
|
+
"deprecated": true
|
|
148
164
|
}
|
|
149
165
|
},
|
|
150
166
|
"subtle": {
|
|
151
167
|
"default": {
|
|
152
168
|
"value": "{color.brand.neutral.100.value}",
|
|
169
|
+
"type": "semantic",
|
|
153
170
|
"public": true,
|
|
154
171
|
"default": true,
|
|
155
172
|
"usage": "Used for creating light backgrounds",
|
|
156
173
|
"wcag": "n/a",
|
|
157
|
-
"deprecated":
|
|
174
|
+
"deprecated": true
|
|
158
175
|
},
|
|
159
176
|
"inverse": {
|
|
160
177
|
"value": "{color.brand.gray.1000.value}",
|
|
178
|
+
"type": "semantic",
|
|
161
179
|
"public": true,
|
|
162
180
|
"inverse": true,
|
|
163
181
|
"usage": "Used for creating dark backgrounds",
|
|
164
182
|
"wcag": "n/a",
|
|
165
|
-
"deprecated":
|
|
183
|
+
"deprecated": true
|
|
166
184
|
}
|
|
167
185
|
},
|
|
168
186
|
"accent": {
|
|
169
187
|
"default": {
|
|
170
188
|
"value": "{color.brand.cyan.100.value}",
|
|
189
|
+
"type": "semantic",
|
|
171
190
|
"public": true,
|
|
172
191
|
"default": true,
|
|
173
192
|
"usage": "Used for creating light backgrounds",
|
|
174
193
|
"wcag": "n/a",
|
|
175
|
-
"deprecated":
|
|
194
|
+
"deprecated": true
|
|
176
195
|
},
|
|
177
196
|
"inverse": {
|
|
178
197
|
"value": "{color.base.cyan.800.value}",
|
|
198
|
+
"type": "semantic",
|
|
179
199
|
"public": true,
|
|
180
200
|
"inverse": true,
|
|
181
201
|
"usage": "Used for creating dark backgrounds",
|
|
182
202
|
"wcag": "n/a",
|
|
183
|
-
"deprecated":
|
|
203
|
+
"deprecated": true
|
|
184
204
|
}
|
|
185
205
|
},
|
|
186
206
|
"emphasis": {
|
|
187
207
|
"default": {
|
|
188
208
|
"value": "{color.brand.blue.200.value}",
|
|
209
|
+
"type": "semantic",
|
|
189
210
|
"public": true,
|
|
190
211
|
"default": true,
|
|
191
212
|
"usage": "Used for creating light backgrounds",
|
|
192
213
|
"wcag": "n/a",
|
|
193
|
-
"deprecated":
|
|
214
|
+
"deprecated": true
|
|
194
215
|
},
|
|
195
216
|
"inverse": {
|
|
196
217
|
"value": "{color.brand.blue.800.value}",
|
|
218
|
+
"type": "semantic",
|
|
197
219
|
"public": true,
|
|
198
220
|
"inverse": true,
|
|
199
221
|
"usage": "Used for creating dark backgrounds",
|
|
200
222
|
"wcag": "n/a",
|
|
201
|
-
"deprecated":
|
|
223
|
+
"deprecated": true
|
|
202
224
|
}
|
|
203
225
|
},
|
|
204
226
|
"scrimmed": {
|
|
205
227
|
"default": {
|
|
206
228
|
"value": "{color.base.black-500.value}",
|
|
229
|
+
"type": "semantic",
|
|
207
230
|
"public": true,
|
|
208
231
|
"default": true,
|
|
209
232
|
"usage": "Used for creating light backgrounds",
|
|
210
233
|
"wcag": "n/a",
|
|
211
|
-
"deprecated":
|
|
234
|
+
"deprecated": true
|
|
212
235
|
}
|
|
213
236
|
},
|
|
214
237
|
"lightest": {
|
|
215
238
|
"value": "{color.base.white.value}",
|
|
239
|
+
"type": "semantic",
|
|
216
240
|
"public": true,
|
|
217
241
|
"usage": "Used for creating light backgrounds",
|
|
218
242
|
"wcag": "n/a",
|
|
@@ -222,6 +246,7 @@
|
|
|
222
246
|
},
|
|
223
247
|
"lighter": {
|
|
224
248
|
"value": "{color.base.gray.100.value}",
|
|
249
|
+
"type": "semantic",
|
|
225
250
|
"public": true,
|
|
226
251
|
"usage": "Used for creating light backgrounds @ 90% white",
|
|
227
252
|
"wcag": "n/a",
|
|
@@ -231,6 +256,7 @@
|
|
|
231
256
|
},
|
|
232
257
|
"darker": {
|
|
233
258
|
"value": "{color.brand.midnight.400.value}",
|
|
259
|
+
"type": "semantic",
|
|
234
260
|
"public": true,
|
|
235
261
|
"usage": "Used for creating dark backgrounds",
|
|
236
262
|
"wcag": "n/a",
|
|
@@ -240,6 +266,7 @@
|
|
|
240
266
|
},
|
|
241
267
|
"darkest": {
|
|
242
268
|
"value": "{color.brand.midnight.500.value}",
|
|
269
|
+
"type": "semantic",
|
|
243
270
|
"public": true,
|
|
244
271
|
"usage": "Used for creating dark backgrounds @ 20% darker",
|
|
245
272
|
"wcag": "n/a",
|
|
@@ -250,12 +277,13 @@
|
|
|
250
277
|
"gradient": {
|
|
251
278
|
"default": {
|
|
252
279
|
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
280
|
+
"type": "semantic",
|
|
253
281
|
"public": true,
|
|
254
282
|
"usage": "Used for creating a gradient against all backgrounds",
|
|
255
283
|
"wcag": "n/a",
|
|
256
284
|
"deprecated": true,
|
|
257
|
-
|
|
258
|
-
|
|
285
|
+
"version": "4.5.0",
|
|
286
|
+
"reference": "n/a"
|
|
259
287
|
}
|
|
260
288
|
}
|
|
261
289
|
}
|