@aurodesignsystem/design-tokens 4.4.0 → 4.5.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.
- package/CHANGELOG.md +14 -0
- package/README.md +26 -23
- package/dist/tokens/CSSCustomProperties.css +1541 -64
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +16496 -2089
- package/dist/tokens/JSONVariablesFlat.json +470 -33
- package/dist/tokens/JSONVariablesNested.json +733 -48
- package/dist/tokens/JSObject--allTokens.js +13602 -2331
- package/dist/tokens/JSObject--deprecated.js +2266 -1897
- package/dist/tokens/JSVariables--color.js +736 -39
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +1003 -46
- package/dist/tokens/SCSSVariablesMapFlat.scss +1006 -47
- package/dist/tokens/SassCustomProperties.scss +1541 -64
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
- package/dist/tokens/darkmode/JSDataColor.js +94 -30
- package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +107 -43
- package/dist/tokens/darkmode/JSVariablesColor.js +4 -4
- package/dist/tokens/darkmode/SCSSVariables.scss +4 -4
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +4 -4
- package/dist/tokens/darkmode/SassCustomProperties.scss +4 -4
- package/dist/tokens/excursion/JSONVariablesFlat.json +67 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +105 -0
- package/package.json +5 -5
- package/src/color/alert.json +18 -103
- package/src/color/background.json +213 -10
- package/src/color/base.json +1219 -70
- package/src/color/border.json +253 -133
- package/src/color/brand.json +1204 -185
- package/src/color/container.json +464 -0
- package/src/color/icon.json +449 -91
- package/src/color/text.json +200 -145
- package/src/color/tier.json +118 -52
- package/src/color/ui.json +29 -115
- package/src/color-darkmode/base.json +6 -2
- package/src/color-darkmode/border.json +6 -2
- package/src/color-darkmode/icon.json +6 -2
- package/src/color-darkmode/text.json +15 -5
- package/src/color-darkmode/tier.json +6 -2
- package/src/depth.json +0 -7
- package/src/size/scale.json +0 -80
- package/src/themes/excursion/color/background.json +73 -0
- package/src/themes/excursion/color/base.json +234 -0
- package/src/themes/excursion/color/brand.json +254 -0
- package/src/breakpoint.json +0 -28
- package/src/shadow.json +0 -13
package/src/color/alert.json
CHANGED
|
@@ -2,162 +2,75 @@
|
|
|
2
2
|
"color": {
|
|
3
3
|
"alert": {
|
|
4
4
|
"notification": {
|
|
5
|
-
"onLight": {
|
|
6
|
-
"value": "{color.brand.atlas.400.value}",
|
|
7
|
-
"public": false,
|
|
8
|
-
"onLight": true,
|
|
9
|
-
"usage": "Notification color on light backgrounds",
|
|
10
|
-
"wcag": "AAA",
|
|
11
|
-
"deprecated": true,
|
|
12
|
-
"comment": "Deprecated token",
|
|
13
|
-
"reference": "color-alert-notification-default",
|
|
14
|
-
"version": "3.15.0"
|
|
15
|
-
},
|
|
16
5
|
"default": {
|
|
17
6
|
"value": "{color.brand.atlas.400.value}",
|
|
18
7
|
"public": true,
|
|
19
8
|
"default": true,
|
|
20
9
|
"usage": "Notification color on light backgrounds",
|
|
21
10
|
"wcag": "AAA",
|
|
22
|
-
"deprecated": false
|
|
23
|
-
},
|
|
24
|
-
"onDark": {
|
|
25
|
-
"value": "{color.brand.breeze.300.value}",
|
|
26
|
-
"public": false,
|
|
27
|
-
"onDark": true,
|
|
28
|
-
"usage": "Notification color on dark backgrounds",
|
|
29
|
-
"wcag": "AAA",
|
|
30
11
|
"deprecated": true,
|
|
31
|
-
"
|
|
32
|
-
"reference": "n/a"
|
|
33
|
-
"version": "3.12.0"
|
|
12
|
+
"version": "4.5.0",
|
|
13
|
+
"reference": "n/a"
|
|
34
14
|
}
|
|
35
15
|
},
|
|
36
16
|
"warning": {
|
|
37
|
-
"onLight": {
|
|
38
|
-
"value": "{color.state.warning.500.value}",
|
|
39
|
-
"public": false,
|
|
40
|
-
"onLight": true,
|
|
41
|
-
"usage": "Warning color on light backgrounds",
|
|
42
|
-
"wcag": "AAA",
|
|
43
|
-
"deprecated": true,
|
|
44
|
-
"comment": "Deprecated token",
|
|
45
|
-
"reference": "n/a",
|
|
46
|
-
"version": "3.12.0"
|
|
47
|
-
},
|
|
48
17
|
"default": {
|
|
49
18
|
"value": "{color.state.warning.500.value}",
|
|
50
19
|
"public": true,
|
|
51
20
|
"default": true,
|
|
52
21
|
"usage": "Warning color on light backgrounds",
|
|
53
22
|
"wcag": "AAA",
|
|
54
|
-
"deprecated":
|
|
23
|
+
"deprecated": true,
|
|
24
|
+
"version": "4.5.0",
|
|
25
|
+
"reference": "n/a"
|
|
55
26
|
}
|
|
56
27
|
},
|
|
57
28
|
"error": {
|
|
58
|
-
"onLight": {
|
|
59
|
-
"value": "{color.state.error.500.value}",
|
|
60
|
-
"public": false,
|
|
61
|
-
"onLight": true,
|
|
62
|
-
"usage": "Error color on light backgrounds",
|
|
63
|
-
"wcag": "AAA",
|
|
64
|
-
"deprecated": true,
|
|
65
|
-
"comment": "Deprecated token",
|
|
66
|
-
"reference": "color-alert-error-default",
|
|
67
|
-
"version": "3.15.0"
|
|
68
|
-
},
|
|
69
29
|
"default": {
|
|
70
30
|
"value": "{color.state.error.500.value}",
|
|
71
31
|
"public": true,
|
|
72
32
|
"default": true,
|
|
73
33
|
"usage": "Error color on light backgrounds",
|
|
74
34
|
"wcag": "AAA",
|
|
75
|
-
"deprecated": false
|
|
76
|
-
},
|
|
77
|
-
"onDark": {
|
|
78
|
-
"value": "{color.state.error.100.value}",
|
|
79
|
-
"public": false,
|
|
80
|
-
"onDark": true,
|
|
81
|
-
"usage": "Error color on dark backgrounds",
|
|
82
|
-
"wcag": "AAA",
|
|
83
35
|
"deprecated": true,
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"version": "3.12.0"
|
|
36
|
+
"version": "4.5.0",
|
|
37
|
+
"reference": "n/a"
|
|
87
38
|
}
|
|
88
39
|
},
|
|
89
40
|
"success": {
|
|
90
|
-
"onLight": {
|
|
91
|
-
"value": "{color.state.success.500.value}",
|
|
92
|
-
"public": false,
|
|
93
|
-
"onLight": true,
|
|
94
|
-
"usage": "Success color on light backgrounds",
|
|
95
|
-
"wcag": "AAA",
|
|
96
|
-
"deprecated": true,
|
|
97
|
-
"comment": "Deprecated token",
|
|
98
|
-
"reference": "color-alert-success-default",
|
|
99
|
-
"version": "3.15.0"
|
|
100
|
-
},
|
|
101
41
|
"default": {
|
|
102
42
|
"value": "{color.state.success.500.value}",
|
|
103
43
|
"public": true,
|
|
104
44
|
"default": true,
|
|
105
45
|
"usage": "Success color on light backgrounds",
|
|
106
46
|
"wcag": "AAA",
|
|
107
|
-
"deprecated": false
|
|
108
|
-
},
|
|
109
|
-
"onDark": {
|
|
110
|
-
"value": "{color.state.success.100.value}",
|
|
111
|
-
"public": false,
|
|
112
|
-
"onDark": true,
|
|
113
|
-
"usage": "Success color on dark backgrounds",
|
|
114
|
-
"wcag": "AAA",
|
|
115
47
|
"deprecated": true,
|
|
116
|
-
"
|
|
117
|
-
"reference": "n/a"
|
|
118
|
-
"version": "3.12.0"
|
|
48
|
+
"version": "4.5.0",
|
|
49
|
+
"reference": "n/a"
|
|
119
50
|
}
|
|
120
51
|
},
|
|
121
52
|
"advisory": {
|
|
122
|
-
"onLight": {
|
|
123
|
-
"value": "{color.brand.goldcoast.100.value}",
|
|
124
|
-
"public": false,
|
|
125
|
-
"onLight": true,
|
|
126
|
-
"usage": "Travel advisory or system maintenance color on light backgrounds",
|
|
127
|
-
"wcag": "AAA",
|
|
128
|
-
"deprecated": true,
|
|
129
|
-
"comment": "Deprecated token",
|
|
130
|
-
"reference": "color-alert-advisory-default",
|
|
131
|
-
"version": "3.15.0"
|
|
132
|
-
},
|
|
133
53
|
"default": {
|
|
134
54
|
"value": "{color.brand.goldcoast.100.value}",
|
|
135
55
|
"public": true,
|
|
136
56
|
"default": true,
|
|
137
57
|
"usage": "Travel advisory or system maintenance color on light backgrounds",
|
|
138
58
|
"wcag": "AAA",
|
|
139
|
-
"deprecated": false
|
|
140
|
-
},
|
|
141
|
-
"onDark": {
|
|
142
|
-
"value": "{color.brand.goldcoast.100.value}",
|
|
143
|
-
"public": false,
|
|
144
|
-
"onDark": true,
|
|
145
|
-
"usage": "Travel advisory or system maintenance color on dark backgrounds",
|
|
146
|
-
"wcag": "AAA",
|
|
147
59
|
"deprecated": true,
|
|
148
|
-
"
|
|
149
|
-
"reference": "n/a"
|
|
150
|
-
"version": "3.12.0"
|
|
60
|
+
"version": "4.5.0",
|
|
61
|
+
"reference": "n/a"
|
|
151
62
|
}
|
|
152
63
|
},
|
|
153
64
|
"bkgSuccess": {
|
|
154
65
|
"default": {
|
|
155
66
|
"value": "DDF6E8",
|
|
156
67
|
"public": true,
|
|
157
|
-
"
|
|
68
|
+
"default": true,
|
|
158
69
|
"usage": "Background success color on light backgrounds",
|
|
159
70
|
"wcag": "AAA",
|
|
160
|
-
"deprecated":
|
|
71
|
+
"deprecated": true,
|
|
72
|
+
"version": "4.5.0",
|
|
73
|
+
"reference": "n/a"
|
|
161
74
|
}
|
|
162
75
|
},
|
|
163
76
|
"bkgError": {
|
|
@@ -167,7 +80,9 @@
|
|
|
167
80
|
"default": true,
|
|
168
81
|
"usage": "Background error color on light backgrounds",
|
|
169
82
|
"wcag": "AAA",
|
|
170
|
-
"deprecated":
|
|
83
|
+
"deprecated": true,
|
|
84
|
+
"version": "4.5.0",
|
|
85
|
+
"reference": "n/a"
|
|
171
86
|
}
|
|
172
87
|
}
|
|
173
88
|
}
|
|
@@ -1,46 +1,249 @@
|
|
|
1
1
|
{
|
|
2
2
|
"color": {
|
|
3
3
|
"background": {
|
|
4
|
+
"100": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.base.white.value}",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Used for creating light backgrounds",
|
|
10
|
+
"wcag": "n/a",
|
|
11
|
+
"deprecated": false
|
|
12
|
+
},
|
|
13
|
+
"inverse": {
|
|
14
|
+
"value": "{color.brand.navy.1000.value}",
|
|
15
|
+
"public": true,
|
|
16
|
+
"inverse": true,
|
|
17
|
+
"usage": "Used for creating dark backgrounds",
|
|
18
|
+
"wcag": "n/a",
|
|
19
|
+
"deprecated": false
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"200": {
|
|
23
|
+
"default": {
|
|
24
|
+
"value": "{color.brand.gray.100.value}",
|
|
25
|
+
"public": true,
|
|
26
|
+
"default": true,
|
|
27
|
+
"usage": "Used for creating light backgrounds",
|
|
28
|
+
"wcag": "n/a",
|
|
29
|
+
"deprecated": false
|
|
30
|
+
},
|
|
31
|
+
"inverse": {
|
|
32
|
+
"value": "{color.brand.navy.900.value}",
|
|
33
|
+
"public": true,
|
|
34
|
+
"inverse": true,
|
|
35
|
+
"usage": "Used for creating dark backgrounds",
|
|
36
|
+
"wcag": "n/a",
|
|
37
|
+
"deprecated": false
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"300": {
|
|
41
|
+
"default": {
|
|
42
|
+
"value": "{color.brand.neutral.200.value}",
|
|
43
|
+
"public": true,
|
|
44
|
+
"default": true,
|
|
45
|
+
"usage": "Used for creating light backgrounds",
|
|
46
|
+
"wcag": "n/a",
|
|
47
|
+
"deprecated": false
|
|
48
|
+
},
|
|
49
|
+
"inverse": {
|
|
50
|
+
"value": "{color.brand.navy.800.value}",
|
|
51
|
+
"public": true,
|
|
52
|
+
"inverse": true,
|
|
53
|
+
"usage": "Used for creating dark backgrounds",
|
|
54
|
+
"wcag": "n/a",
|
|
55
|
+
"deprecated": false
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"400": {
|
|
59
|
+
"default": {
|
|
60
|
+
"value": "{color.brand.gray.200.value}",
|
|
61
|
+
"public": true,
|
|
62
|
+
"default": true,
|
|
63
|
+
"usage": "Used for creating light backgrounds",
|
|
64
|
+
"wcag": "n/a",
|
|
65
|
+
"deprecated": false
|
|
66
|
+
},
|
|
67
|
+
"inverse": {
|
|
68
|
+
"value": "{color.brand.navy.700.value}",
|
|
69
|
+
"public": true,
|
|
70
|
+
"inverse": true,
|
|
71
|
+
"usage": "Used for creating dark backgrounds",
|
|
72
|
+
"wcag": "n/a",
|
|
73
|
+
"deprecated": false
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"success": {
|
|
77
|
+
"default": {
|
|
78
|
+
"value": "{color.base.success.100.value}",
|
|
79
|
+
"public": true,
|
|
80
|
+
"default": true,
|
|
81
|
+
"usage": "Used for creating light backgrounds",
|
|
82
|
+
"wcag": "n/a",
|
|
83
|
+
"deprecated": false
|
|
84
|
+
},
|
|
85
|
+
"inverse": {
|
|
86
|
+
"value": "{color.base.success.500.value}",
|
|
87
|
+
"public": true,
|
|
88
|
+
"inverse": true,
|
|
89
|
+
"usage": "Used for creating dark backgrounds",
|
|
90
|
+
"wcag": "n/a",
|
|
91
|
+
"deprecated": false
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"error": {
|
|
95
|
+
"default": {
|
|
96
|
+
"value": "{color.base.error.100.value}",
|
|
97
|
+
"public": true,
|
|
98
|
+
"default": true,
|
|
99
|
+
"usage": "Used for creating light backgrounds",
|
|
100
|
+
"wcag": "n/a",
|
|
101
|
+
"deprecated": false
|
|
102
|
+
},
|
|
103
|
+
"inverse": {
|
|
104
|
+
"value": "{color.base.error.500.value}",
|
|
105
|
+
"public": true,
|
|
106
|
+
"inverse": true,
|
|
107
|
+
"usage": "Used for creating dark backgrounds",
|
|
108
|
+
"wcag": "n/a",
|
|
109
|
+
"deprecated": false
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"warning": {
|
|
113
|
+
"default": {
|
|
114
|
+
"value": "{color.base.warning.100.value}",
|
|
115
|
+
"public": true,
|
|
116
|
+
"default": true,
|
|
117
|
+
"usage": "Used for creating light backgrounds",
|
|
118
|
+
"wcag": "n/a",
|
|
119
|
+
"deprecated": false
|
|
120
|
+
},
|
|
121
|
+
"inverse": {
|
|
122
|
+
"value": "{color.base.warning.500.value}",
|
|
123
|
+
"public": true,
|
|
124
|
+
"inverse": true,
|
|
125
|
+
"usage": "Used for creating dark backgrounds",
|
|
126
|
+
"wcag": "n/a",
|
|
127
|
+
"deprecated": false
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
"info": {
|
|
131
|
+
"default": {
|
|
132
|
+
"value": "{color.brand.blue.100.value}",
|
|
133
|
+
"public": true,
|
|
134
|
+
"default": true,
|
|
135
|
+
"usage": "Used for creating light backgrounds",
|
|
136
|
+
"wcag": "n/a",
|
|
137
|
+
"deprecated": false
|
|
138
|
+
},
|
|
139
|
+
"inverse": {
|
|
140
|
+
"value": "{color.brand.blue.900.value}",
|
|
141
|
+
"public": true,
|
|
142
|
+
"inverse": true,
|
|
143
|
+
"usage": "Used for creating dark backgrounds",
|
|
144
|
+
"wcag": "n/a",
|
|
145
|
+
"deprecated": false
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
"subtle": {
|
|
149
|
+
"default": {
|
|
150
|
+
"value": "{color.brand.neutral.100.value}",
|
|
151
|
+
"public": true,
|
|
152
|
+
"default": true,
|
|
153
|
+
"usage": "Used for creating light backgrounds",
|
|
154
|
+
"wcag": "n/a",
|
|
155
|
+
"deprecated": false
|
|
156
|
+
},
|
|
157
|
+
"inverse": {
|
|
158
|
+
"value": "{color.brand.gray.1000.value}",
|
|
159
|
+
"public": true,
|
|
160
|
+
"inverse": true,
|
|
161
|
+
"usage": "Used for creating dark backgrounds",
|
|
162
|
+
"wcag": "n/a",
|
|
163
|
+
"deprecated": false
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
"accent": {
|
|
167
|
+
"default": {
|
|
168
|
+
"value": "{color.brand.cyan.100.value}",
|
|
169
|
+
"public": true,
|
|
170
|
+
"default": true,
|
|
171
|
+
"usage": "Used for creating light backgrounds",
|
|
172
|
+
"wcag": "n/a",
|
|
173
|
+
"deprecated": false
|
|
174
|
+
},
|
|
175
|
+
"inverse": {
|
|
176
|
+
"value": "{color.base.cyan.800.value}",
|
|
177
|
+
"public": true,
|
|
178
|
+
"inverse": true,
|
|
179
|
+
"usage": "Used for creating dark backgrounds",
|
|
180
|
+
"wcag": "n/a",
|
|
181
|
+
"deprecated": false
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
"emphasis": {
|
|
185
|
+
"default": {
|
|
186
|
+
"value": "{color.brand.blue.200.value}",
|
|
187
|
+
"public": true,
|
|
188
|
+
"default": true,
|
|
189
|
+
"usage": "Used for creating light backgrounds",
|
|
190
|
+
"wcag": "n/a",
|
|
191
|
+
"deprecated": false
|
|
192
|
+
},
|
|
193
|
+
"inverse": {
|
|
194
|
+
"value": "{color.brand.blue.800.value}",
|
|
195
|
+
"public": true,
|
|
196
|
+
"inverse": true,
|
|
197
|
+
"usage": "Used for creating dark backgrounds",
|
|
198
|
+
"wcag": "n/a",
|
|
199
|
+
"deprecated": false
|
|
200
|
+
}
|
|
201
|
+
},
|
|
4
202
|
"lightest": {
|
|
5
203
|
"value": "{color.base.white.value}",
|
|
6
204
|
"public": true,
|
|
7
|
-
"neutral": true,
|
|
8
205
|
"usage": "Used for creating light backgrounds",
|
|
9
206
|
"wcag": "n/a",
|
|
10
|
-
"deprecated":
|
|
207
|
+
"deprecated": true,
|
|
208
|
+
"version": "4.5.0",
|
|
209
|
+
"reference": "n/a"
|
|
11
210
|
},
|
|
12
211
|
"lighter": {
|
|
13
212
|
"value": "{color.base.gray.100.value}",
|
|
14
213
|
"public": true,
|
|
15
|
-
"neutral": true,
|
|
16
214
|
"usage": "Used for creating light backgrounds @ 90% white",
|
|
17
215
|
"wcag": "n/a",
|
|
18
|
-
"deprecated":
|
|
216
|
+
"deprecated": true,
|
|
217
|
+
"version": "4.5.0",
|
|
218
|
+
"reference": "n/a"
|
|
19
219
|
},
|
|
20
220
|
"darker": {
|
|
21
221
|
"value": "{color.brand.midnight.400.value}",
|
|
22
222
|
"public": true,
|
|
23
|
-
"neutral": true,
|
|
24
223
|
"usage": "Used for creating dark backgrounds",
|
|
25
224
|
"wcag": "n/a",
|
|
26
|
-
"deprecated":
|
|
225
|
+
"deprecated": true,
|
|
226
|
+
"version": "4.5.0",
|
|
227
|
+
"reference": "n/a"
|
|
27
228
|
},
|
|
28
229
|
"darkest": {
|
|
29
230
|
"value": "{color.brand.midnight.500.value}",
|
|
30
231
|
"public": true,
|
|
31
|
-
"neutral": true,
|
|
32
232
|
"usage": "Used for creating dark backgrounds @ 20% darker",
|
|
33
233
|
"wcag": "n/a",
|
|
34
|
-
"deprecated":
|
|
234
|
+
"deprecated": true,
|
|
235
|
+
"version": "4.5.0",
|
|
236
|
+
"reference": "n/a"
|
|
35
237
|
},
|
|
36
238
|
"gradient": {
|
|
37
239
|
"default": {
|
|
38
240
|
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
39
241
|
"public": true,
|
|
40
|
-
"neutral": true,
|
|
41
242
|
"usage": "Used for creating a gradient against all backgrounds",
|
|
42
243
|
"wcag": "n/a",
|
|
43
|
-
"deprecated":
|
|
244
|
+
"deprecated": true,
|
|
245
|
+
"version": "4.5.0",
|
|
246
|
+
"reference": "n/a"
|
|
44
247
|
}
|
|
45
248
|
}
|
|
46
249
|
}
|