@aurodesignsystem/design-tokens 4.0.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 +573 -0
- package/LICENSE +201 -0
- package/README.md +97 -0
- package/dist/tokens/CSSCustomProperties--darkmode.css +302 -0
- package/dist/tokens/CSSCustomProperties.css +315 -0
- package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +155 -0
- package/dist/tokens/CSSCustomPropertiesColorRGB.css +168 -0
- package/dist/tokens/CSSOpacityProperties--darkmode.scss +10 -0
- package/dist/tokens/CSSOpacityProperties.scss +10 -0
- package/dist/tokens/CSSSizeCustomProperties--darkmode.css +20 -0
- package/dist/tokens/CSSSizeCustomProperties.css +20 -0
- package/dist/tokens/CSSVariables--darkmode.css +302 -0
- package/dist/tokens/CSSVariablesMapFlat--darkmode.css +368 -0
- package/dist/tokens/JSData--color.js +3665 -0
- package/dist/tokens/JSData--darkmodeColor.js +3254 -0
- package/dist/tokens/JSObject--allDarkTokens.js +7087 -0
- package/dist/tokens/JSObject--allTokens.js +7498 -0
- package/dist/tokens/JSObject--deprecated.js +2788 -0
- package/dist/tokens/JSObject--deprecatedDark.js +675 -0
- package/dist/tokens/JSVariables--color.js +166 -0
- package/dist/tokens/JSVariables--darkmodeColor.js +153 -0
- package/dist/tokens/SCSSOpacityVariables--darkmode.scss +7 -0
- package/dist/tokens/SCSSOpacityVariables.scss +7 -0
- package/dist/tokens/SCSSVariableMap--darkmode.scss +37 -0
- package/dist/tokens/SCSSVariableMap.scss +37 -0
- package/dist/tokens/SCSSVariables--darkmode.scss +299 -0
- package/dist/tokens/SCSSVariables.scss +312 -0
- package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +368 -0
- package/dist/tokens/SCSSVariablesMapFlat.scss +381 -0
- package/dist/tokens/SassCustomProperties--darkmode.scss +302 -0
- package/dist/tokens/SassCustomProperties.scss +315 -0
- package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +155 -0
- package/dist/tokens/SassCustomPropertiesColorRGB.scss +168 -0
- package/dist/tokens/SassSizeCustomProperties--darkmode.scss +20 -0
- package/dist/tokens/SassSizeCustomProperties.scss +20 -0
- package/package.json +92 -0
- package/packageScripts/postinstall.mjs +34 -0
- package/src/animation.json +21 -0
- package/src/asset/font.json +35 -0
- package/src/breakpoint.json +28 -0
- package/src/color/alert.json +175 -0
- package/src/color/background.json +38 -0
- package/src/color/base.json +140 -0
- package/src/color/border.json +214 -0
- package/src/color/brand.json +530 -0
- package/src/color/icon.json +150 -0
- package/src/color/text.json +237 -0
- package/src/color/tier.json +114 -0
- package/src/color/ui.json +165 -0
- package/src/color-darkmode/alert.json +56 -0
- package/src/color-darkmode/background.json +38 -0
- package/src/color-darkmode/base.json +140 -0
- package/src/color-darkmode/border.json +66 -0
- package/src/color-darkmode/brand.json +530 -0
- package/src/color-darkmode/icon.json +46 -0
- package/src/color-darkmode/text.json +66 -0
- package/src/color-darkmode/tier.json +54 -0
- package/src/color-darkmode/ui.json +57 -0
- package/src/comments.json +34 -0
- package/src/depth.json +29 -0
- package/src/elevation.json +22 -0
- package/src/grid-breakpoint.json +29 -0
- package/src/grid-column.json +29 -0
- package/src/grid-gutter.json +29 -0
- package/src/grid-margin.json +29 -0
- package/src/shadow.json +13 -0
- package/src/size/radius.json +9 -0
- package/src/size/scale.json +308 -0
- package/src/size/unitless-scale.json +82 -0
- package/src/text.json +572 -0
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"text": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"onLight": {
|
|
6
|
+
"value": "{color.base.gray.500.value}",
|
|
7
|
+
"public": false,
|
|
8
|
+
"onLight": true,
|
|
9
|
+
"usage": "Primary color for body and header text on light backgrounds",
|
|
10
|
+
"wcag": "AAA",
|
|
11
|
+
"deprecated": true,
|
|
12
|
+
"comment": "Deprecated token",
|
|
13
|
+
"reference": "color-text-primary-default",
|
|
14
|
+
"version": "3.15.0"
|
|
15
|
+
},
|
|
16
|
+
"default": {
|
|
17
|
+
"value": "{color.base.gray.500.value}",
|
|
18
|
+
"public": true,
|
|
19
|
+
"default": true,
|
|
20
|
+
"usage": "Primary color for body and header text light mode and light backgrounds",
|
|
21
|
+
"wcag": "AAA",
|
|
22
|
+
"deprecated": false
|
|
23
|
+
},
|
|
24
|
+
"onDark": {
|
|
25
|
+
"value": "{color.base.white.value}",
|
|
26
|
+
"public": false,
|
|
27
|
+
"onDark": true,
|
|
28
|
+
"usage": "Primary color for body and header text on dark backgrounds",
|
|
29
|
+
"wcag": "AAA",
|
|
30
|
+
"deprecated": true,
|
|
31
|
+
"comment": "Deprecated token",
|
|
32
|
+
"reference": "color-text-primary-inverse",
|
|
33
|
+
"version": "3.15.0"
|
|
34
|
+
},
|
|
35
|
+
"inverse": {
|
|
36
|
+
"value": "{color.base.white.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"inverse": true,
|
|
39
|
+
"usage": "Primary color for body and header text for dark mode and dark backgrounds",
|
|
40
|
+
"wcag": "AAA",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"secondary": {
|
|
45
|
+
"onLight": {
|
|
46
|
+
"value": "{color.base.neutral.500.value}",
|
|
47
|
+
"public": false,
|
|
48
|
+
"onLight": true,
|
|
49
|
+
"usage": "Secondary color for body text on light backgrounds",
|
|
50
|
+
"wcag": "AAA",
|
|
51
|
+
"deprecated": true,
|
|
52
|
+
"comment": "Deprecated token",
|
|
53
|
+
"reference": "color-text-secondary-default",
|
|
54
|
+
"version": "3.15.0"
|
|
55
|
+
},
|
|
56
|
+
"default": {
|
|
57
|
+
"value": "{color.base.neutral.500.value}",
|
|
58
|
+
"public": true,
|
|
59
|
+
"default": true,
|
|
60
|
+
"usage": "Secondary color for body text on light backgrounds",
|
|
61
|
+
"wcag": "AAA",
|
|
62
|
+
"deprecated": false
|
|
63
|
+
},
|
|
64
|
+
"onDark": {
|
|
65
|
+
"value": "{color.base.neutral.400.value}",
|
|
66
|
+
"public": false,
|
|
67
|
+
"onDark": true,
|
|
68
|
+
"usage": "Secondary color for body text on dark backgrounds",
|
|
69
|
+
"wcag": "AAA",
|
|
70
|
+
"deprecated": true,
|
|
71
|
+
"comment": "Deprecated token",
|
|
72
|
+
"reference": "color-text-secondary-inverse",
|
|
73
|
+
"version": "3.15.0"
|
|
74
|
+
},
|
|
75
|
+
"inverse": {
|
|
76
|
+
"value": "{color.base.neutral.400.value}",
|
|
77
|
+
"public": true,
|
|
78
|
+
"inverse": true,
|
|
79
|
+
"usage": "Secondary color for body text on dark backgrounds",
|
|
80
|
+
"wcag": "AAA",
|
|
81
|
+
"deprecated": false
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"link": {
|
|
85
|
+
"onLight": {
|
|
86
|
+
"value": "{color.brand.atlas.400.value}",
|
|
87
|
+
"public": false,
|
|
88
|
+
"onLight": true,
|
|
89
|
+
"usage": "Link text color on light backgrounds",
|
|
90
|
+
"wcag": "AA",
|
|
91
|
+
"deprecated": true,
|
|
92
|
+
"comment": "Deprecated token",
|
|
93
|
+
"reference": "color-text-link-default",
|
|
94
|
+
"version": "3.15.0"
|
|
95
|
+
},
|
|
96
|
+
"default": {
|
|
97
|
+
"value": "{color.brand.atlas.400.value}",
|
|
98
|
+
"public": true,
|
|
99
|
+
"default": true,
|
|
100
|
+
"usage": "Link text color on light backgrounds",
|
|
101
|
+
"wcag": "AA",
|
|
102
|
+
"deprecated": false
|
|
103
|
+
},
|
|
104
|
+
"onDark": {
|
|
105
|
+
"value": "{color.brand.breeze.300.value}",
|
|
106
|
+
"public": false,
|
|
107
|
+
"onDark": true,
|
|
108
|
+
"usage": "Link text color on light backgrounds",
|
|
109
|
+
"wcag": "AA",
|
|
110
|
+
"deprecated": true,
|
|
111
|
+
"reference": "color-text-link-inverse",
|
|
112
|
+
"version": "3.15.0"
|
|
113
|
+
},
|
|
114
|
+
"inverse": {
|
|
115
|
+
"value": "{color.brand.breeze.300.value}",
|
|
116
|
+
"public": true,
|
|
117
|
+
"inverse": true,
|
|
118
|
+
"usage": "Link text color on light backgrounds",
|
|
119
|
+
"wcag": "AA",
|
|
120
|
+
"deprecated": false
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"error": {
|
|
124
|
+
"onLight": {
|
|
125
|
+
"value": "{color.state.error.500.value}",
|
|
126
|
+
"public": false,
|
|
127
|
+
"onLight": true,
|
|
128
|
+
"usage": "Error text color on light backgrounds",
|
|
129
|
+
"wcag": "AA",
|
|
130
|
+
"deprecated": true,
|
|
131
|
+
"comment": "Deprecated token",
|
|
132
|
+
"reference": "color-text-error-default",
|
|
133
|
+
"version": "3.15.0"
|
|
134
|
+
},
|
|
135
|
+
"default": {
|
|
136
|
+
"value": "{color.state.error.500.value}",
|
|
137
|
+
"public": true,
|
|
138
|
+
"default": true,
|
|
139
|
+
"usage": "Error text color on light backgrounds",
|
|
140
|
+
"wcag": "AA",
|
|
141
|
+
"deprecated": false
|
|
142
|
+
},
|
|
143
|
+
"onDark": {
|
|
144
|
+
"value": "{color.state.error.100.value}",
|
|
145
|
+
"public": false,
|
|
146
|
+
"onDark": true,
|
|
147
|
+
"usage": "Error text color on dark backgrounds",
|
|
148
|
+
"wcag": "AA",
|
|
149
|
+
"deprecated": true,
|
|
150
|
+
"comment": "Deprecated token",
|
|
151
|
+
"reference": "color-text-error-inverse",
|
|
152
|
+
"version": "3.15.0"
|
|
153
|
+
},
|
|
154
|
+
"inverse": {
|
|
155
|
+
"value": "{color.state.error.100.value}",
|
|
156
|
+
"public": true,
|
|
157
|
+
"inverse": true,
|
|
158
|
+
"usage": "Error text color on dark backgrounds",
|
|
159
|
+
"wcag": "AA",
|
|
160
|
+
"deprecated": false
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
"disabled": {
|
|
164
|
+
"onLight": {
|
|
165
|
+
"value": "{color.base.gray.200.value}",
|
|
166
|
+
"public": false,
|
|
167
|
+
"onLight": true,
|
|
168
|
+
"usage": "Disabled text color on light backgrounds",
|
|
169
|
+
"wcag": "n/a",
|
|
170
|
+
"deprecated": true,
|
|
171
|
+
"comment": "Deprecated token",
|
|
172
|
+
"reference": "color-text-disabled",
|
|
173
|
+
"version": "3.15.0"
|
|
174
|
+
},
|
|
175
|
+
"default": {
|
|
176
|
+
"value": "{color.base.gray.200.value}",
|
|
177
|
+
"public": true,
|
|
178
|
+
"onLight": true,
|
|
179
|
+
"usage": "Disabled text color on light backgrounds",
|
|
180
|
+
"wcag": "n/a",
|
|
181
|
+
"deprecated": false
|
|
182
|
+
},
|
|
183
|
+
"onDark": {
|
|
184
|
+
"value": "{color.base.gray.200.value}",
|
|
185
|
+
"public": false,
|
|
186
|
+
"onDark": true,
|
|
187
|
+
"usage": "Disabled text color on dark backgrounds",
|
|
188
|
+
"wcag": "n/a",
|
|
189
|
+
"deprecated": true,
|
|
190
|
+
"comment": "Deprecated token",
|
|
191
|
+
"reference": "n/a",
|
|
192
|
+
"version": "3.12.0"
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
"emphasis": {
|
|
196
|
+
"onLight": {
|
|
197
|
+
"value": "{color.brand.midnight.400.value}",
|
|
198
|
+
"public": false,
|
|
199
|
+
"onLight": true,
|
|
200
|
+
"usage": "Emphasized text color on light backgrounds",
|
|
201
|
+
"wcag": "n/a",
|
|
202
|
+
"deprecated": true,
|
|
203
|
+
"comment": "Deprecated token",
|
|
204
|
+
"reference": "color-text-emphasis-default",
|
|
205
|
+
"version": "3.15.0"
|
|
206
|
+
},
|
|
207
|
+
"default": {
|
|
208
|
+
"value": "{color.brand.midnight.400.value}",
|
|
209
|
+
"public": true,
|
|
210
|
+
"default": true,
|
|
211
|
+
"usage": "Emphasized text color on light backgrounds",
|
|
212
|
+
"wcag": "n/a",
|
|
213
|
+
"deprecated": false
|
|
214
|
+
},
|
|
215
|
+
"onDark": {
|
|
216
|
+
"value": "{color.brand.midnight.100.value}",
|
|
217
|
+
"public": false,
|
|
218
|
+
"onDark": true,
|
|
219
|
+
"usage": "Emphasized text color on dark backgrounds",
|
|
220
|
+
"wcag": "n/a",
|
|
221
|
+
"deprecated": true,
|
|
222
|
+
"comment": "Deprecated token",
|
|
223
|
+
"reference": "color-text-emphasis-inverse",
|
|
224
|
+
"version": "3.15.0"
|
|
225
|
+
},
|
|
226
|
+
"inverse": {
|
|
227
|
+
"value": "{color.brand.midnight.100.value}",
|
|
228
|
+
"public": true,
|
|
229
|
+
"inverse": true,
|
|
230
|
+
"usage": "Emphasized text color on dark backgrounds",
|
|
231
|
+
"wcag": "n/a",
|
|
232
|
+
"deprecated": false
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"tier": {
|
|
4
|
+
"alaska": {
|
|
5
|
+
"mvp": {
|
|
6
|
+
"onLight": {
|
|
7
|
+
"value": "{color.brand.goldgray.200.value}",
|
|
8
|
+
"public": false,
|
|
9
|
+
"onLight": true,
|
|
10
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
11
|
+
"wcag": "n/a",
|
|
12
|
+
"deprecated": true,
|
|
13
|
+
"comment": "Deprecated token",
|
|
14
|
+
"reference": "color-tier-alaska-mvp-default",
|
|
15
|
+
"version": "3.15.0"
|
|
16
|
+
},
|
|
17
|
+
"default": {
|
|
18
|
+
"value": "{color.brand.goldgray.200.value}",
|
|
19
|
+
"public": true,
|
|
20
|
+
"default": true,
|
|
21
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
22
|
+
"wcag": "n/a",
|
|
23
|
+
"deprecated": false
|
|
24
|
+
},
|
|
25
|
+
"onDark": {
|
|
26
|
+
"value": "{color.brand.goldgray.100.value}",
|
|
27
|
+
"public": false,
|
|
28
|
+
"onDark": true,
|
|
29
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
30
|
+
"wcag": "n/a",
|
|
31
|
+
"deprecated": true,
|
|
32
|
+
"comment": "Deprecated token",
|
|
33
|
+
"reference": "color-tier-alaska-mvp-inverse",
|
|
34
|
+
"version": "3.15.0"
|
|
35
|
+
},
|
|
36
|
+
"inverse": {
|
|
37
|
+
"value": "{color.brand.goldgray.100.value}",
|
|
38
|
+
"public": true,
|
|
39
|
+
"inverse": true,
|
|
40
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
41
|
+
"wcag": "n/a",
|
|
42
|
+
"deprecated": false
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"mvpgold": {
|
|
46
|
+
"onLight": {
|
|
47
|
+
"value": "{color.brand.gold.200.value}",
|
|
48
|
+
"public": false,
|
|
49
|
+
"onLight": true,
|
|
50
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
51
|
+
"wcag": "n/a",
|
|
52
|
+
"deprecated": true,
|
|
53
|
+
"comment": "Deprecated token",
|
|
54
|
+
"reference": "color-tier-alaska-mvpgold-default",
|
|
55
|
+
"version": "3.15.0"
|
|
56
|
+
},
|
|
57
|
+
"default": {
|
|
58
|
+
"value": "{color.brand.gold.200.value}",
|
|
59
|
+
"public": true,
|
|
60
|
+
"default": true,
|
|
61
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
62
|
+
"wcag": "n/a",
|
|
63
|
+
"deprecated": false
|
|
64
|
+
},
|
|
65
|
+
"onDark": {
|
|
66
|
+
"value": "{color.brand.gold.100.value}",
|
|
67
|
+
"public": false,
|
|
68
|
+
"onDark": true,
|
|
69
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
70
|
+
"wcag": "n/a",
|
|
71
|
+
"deprecated": true,
|
|
72
|
+
"comment": "Deprecated token",
|
|
73
|
+
"reference": "color-tier-alaska-mvpgold-inverse",
|
|
74
|
+
"version": "3.15.0"
|
|
75
|
+
},
|
|
76
|
+
"inverse": {
|
|
77
|
+
"value": "{color.brand.gold.100.value}",
|
|
78
|
+
"public": true,
|
|
79
|
+
"inverse": true,
|
|
80
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
81
|
+
"wcag": "n/a",
|
|
82
|
+
"deprecated": false
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
"oneworld": {
|
|
87
|
+
"emerald": {
|
|
88
|
+
"value": "{color.brand.emerald.value}",
|
|
89
|
+
"public": true,
|
|
90
|
+
"onLight": true,
|
|
91
|
+
"usage": "Emerald tier color for Oneworld",
|
|
92
|
+
"wcag": "n/a",
|
|
93
|
+
"deprecated": false
|
|
94
|
+
},
|
|
95
|
+
"sapphire": {
|
|
96
|
+
"value": "{color.brand.sapphire.value}",
|
|
97
|
+
"public": true,
|
|
98
|
+
"onDark": true,
|
|
99
|
+
"usage": "Sapphire tier color for Oneworld",
|
|
100
|
+
"wcag": "n/a",
|
|
101
|
+
"deprecated": false
|
|
102
|
+
},
|
|
103
|
+
"ruby": {
|
|
104
|
+
"value": "{color.brand.ruby.value}",
|
|
105
|
+
"public": true,
|
|
106
|
+
"onDark": true,
|
|
107
|
+
"usage": "Ruby tier color for Oneworld",
|
|
108
|
+
"wcag": "n/a",
|
|
109
|
+
"deprecated": false
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"ui": {
|
|
4
|
+
"default": {
|
|
5
|
+
"onLight": {
|
|
6
|
+
"value": "{color.brand.atlas.400.value}",
|
|
7
|
+
"public": false,
|
|
8
|
+
"onLight": true,
|
|
9
|
+
"usage": "Default interaction color affordance",
|
|
10
|
+
"wcag": "AAA",
|
|
11
|
+
"deprecated": true,
|
|
12
|
+
"comment": "Deprecated token",
|
|
13
|
+
"reference": "color-ui-default-default",
|
|
14
|
+
"version": "3.15.0"
|
|
15
|
+
},
|
|
16
|
+
"default": {
|
|
17
|
+
"value": "{color.brand.atlas.400.value}",
|
|
18
|
+
"public": true,
|
|
19
|
+
"default": true,
|
|
20
|
+
"usage": "Default interaction color affordance",
|
|
21
|
+
"wcag": "AAA",
|
|
22
|
+
"deprecated": false
|
|
23
|
+
},
|
|
24
|
+
"onDark": {
|
|
25
|
+
"value": "{color.brand.breeze.300.value}",
|
|
26
|
+
"public": false,
|
|
27
|
+
"onDark": true,
|
|
28
|
+
"usage": "OnDark interaction color affordance",
|
|
29
|
+
"wcag": "AAA",
|
|
30
|
+
"deprecated": true,
|
|
31
|
+
"comment": "Deprecated token",
|
|
32
|
+
"reference": "n/a",
|
|
33
|
+
"version": "3.12.0"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"hover": {
|
|
37
|
+
"onLight": {
|
|
38
|
+
"value": "{color.brand.atlas.500.value}",
|
|
39
|
+
"public": false,
|
|
40
|
+
"onLight": true,
|
|
41
|
+
"usage": "Default hover color affordance",
|
|
42
|
+
"wcag": "AAA",
|
|
43
|
+
"deprecated": true,
|
|
44
|
+
"comment": "Deprecated token",
|
|
45
|
+
"reference": "color-ui-hover-default",
|
|
46
|
+
"version": "3.15.0"
|
|
47
|
+
},
|
|
48
|
+
"default": {
|
|
49
|
+
"value": "{color.brand.atlas.500.value}",
|
|
50
|
+
"public": true,
|
|
51
|
+
"default": true,
|
|
52
|
+
"usage": "Default hover color affordance",
|
|
53
|
+
"wcag": "AAA",
|
|
54
|
+
"deprecated": false
|
|
55
|
+
},
|
|
56
|
+
"onDark": {
|
|
57
|
+
"value": "{color.brand.breeze.200.value}",
|
|
58
|
+
"public": false,
|
|
59
|
+
"onDark": true,
|
|
60
|
+
"usage": "Hover interaction color on dark backgrounds",
|
|
61
|
+
"wcag": "AAA",
|
|
62
|
+
"deprecated": true,
|
|
63
|
+
"comment": "Deprecated token",
|
|
64
|
+
"reference": "n/a",
|
|
65
|
+
"version": "3.12.0"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
"active": {
|
|
69
|
+
"onLight": {
|
|
70
|
+
"value": "{color.brand.atlas.500.value}",
|
|
71
|
+
"public": false,
|
|
72
|
+
"onLight": true,
|
|
73
|
+
"usage": "Active state color affordance",
|
|
74
|
+
"wcag": "AAA",
|
|
75
|
+
"deprecated": true,
|
|
76
|
+
"comment": "Deprecated token",
|
|
77
|
+
"reference": "color-ui-active-default",
|
|
78
|
+
"version": "3.15.0"
|
|
79
|
+
},
|
|
80
|
+
"default": {
|
|
81
|
+
"value": "{color.brand.atlas.500.value}",
|
|
82
|
+
"public": true,
|
|
83
|
+
"default": true,
|
|
84
|
+
"usage": "Active state color affordance",
|
|
85
|
+
"wcag": "AAA",
|
|
86
|
+
"deprecated": false
|
|
87
|
+
},
|
|
88
|
+
"onDark": {
|
|
89
|
+
"value": "{color.brand.breeze.200.value}",
|
|
90
|
+
"public": false,
|
|
91
|
+
"onDark": true,
|
|
92
|
+
"usage": "OnDark active state color affordance",
|
|
93
|
+
"wcag": "AAA",
|
|
94
|
+
"deprecated": true,
|
|
95
|
+
"comment": "Deprecated token",
|
|
96
|
+
"reference": "n/a",
|
|
97
|
+
"version": "3.12.0"
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
"disabled": {
|
|
101
|
+
"onLight": {
|
|
102
|
+
"value": "{color.brand.atlas.400-opacity-20.value}",
|
|
103
|
+
"public": false,
|
|
104
|
+
"onLight": true,
|
|
105
|
+
"usage": "Disabled state color affordance",
|
|
106
|
+
"wcag": "n/a",
|
|
107
|
+
"deprecated": true,
|
|
108
|
+
"comment": "Deprecated token",
|
|
109
|
+
"reference": "color-ui-disabled-default",
|
|
110
|
+
"version": "3.15.0"
|
|
111
|
+
},
|
|
112
|
+
"default": {
|
|
113
|
+
"value": "{color.brand.atlas.400-opacity-20.value}",
|
|
114
|
+
"public": true,
|
|
115
|
+
"default": true,
|
|
116
|
+
"usage": "Disabled state color affordance",
|
|
117
|
+
"wcag": "n/a",
|
|
118
|
+
"deprecated": false
|
|
119
|
+
},
|
|
120
|
+
"onDark": {
|
|
121
|
+
"value": "{color.brand.breeze.300-opacity-30.value}",
|
|
122
|
+
"public": false,
|
|
123
|
+
"onDark": true,
|
|
124
|
+
"usage": "OnDark disabled state color affordance",
|
|
125
|
+
"wcag": "n/a",
|
|
126
|
+
"deprecated": true,
|
|
127
|
+
"comment": "Deprecated token",
|
|
128
|
+
"reference": "n/a",
|
|
129
|
+
"version": "3.12.0"
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
"bkg": {
|
|
133
|
+
"hover": {
|
|
134
|
+
"onDark": {
|
|
135
|
+
"value": "5de3f71a",
|
|
136
|
+
"public": false,
|
|
137
|
+
"onDark": true,
|
|
138
|
+
"usage": "Default hover affordance for background colors onDark",
|
|
139
|
+
"deprecated": true,
|
|
140
|
+
"comment": "Deprecated token",
|
|
141
|
+
"reference": "n/a",
|
|
142
|
+
"version": "3.12.0"
|
|
143
|
+
},
|
|
144
|
+
"onLight": {
|
|
145
|
+
"value": "0000000f",
|
|
146
|
+
"public": false,
|
|
147
|
+
"onLight": true,
|
|
148
|
+
"usage": "Default hover affordance for background colors",
|
|
149
|
+
"deprecated": true,
|
|
150
|
+
"comment": "Deprecated token",
|
|
151
|
+
"reference": "color-ui-bkg-hover-default",
|
|
152
|
+
"version": "3.15.0"
|
|
153
|
+
},
|
|
154
|
+
"default": {
|
|
155
|
+
"value": "0000000f",
|
|
156
|
+
"public": true,
|
|
157
|
+
"default": true,
|
|
158
|
+
"usage": "Default hover affordance for background colors",
|
|
159
|
+
"deprecated": false
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"alert": {
|
|
4
|
+
"notification": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.brand.breeze.300.value}",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Notification color on dark backgrounds",
|
|
10
|
+
"wcag": "AAA",
|
|
11
|
+
"deprecated": false
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"warning": {
|
|
15
|
+
"default": {
|
|
16
|
+
"value": "{color.state.warning.500.value}",
|
|
17
|
+
"public": true,
|
|
18
|
+
"default": true,
|
|
19
|
+
"usage": "Warning color on dark backgrounds",
|
|
20
|
+
"wcag": "AAA",
|
|
21
|
+
"deprecated": false
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"error": {
|
|
25
|
+
"default": {
|
|
26
|
+
"value": "{color.state.error.100.value}",
|
|
27
|
+
"public": true,
|
|
28
|
+
"default": true,
|
|
29
|
+
"usage": "Error color on dark backgrounds",
|
|
30
|
+
"wcag": "AAA",
|
|
31
|
+
"deprecated": false
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"success": {
|
|
35
|
+
"default": {
|
|
36
|
+
"value": "{color.state.success.100.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"default": true,
|
|
39
|
+
"usage": "Success color on dark backgrounds",
|
|
40
|
+
"wcag": "AAA",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"advisory": {
|
|
45
|
+
"default": {
|
|
46
|
+
"value": "{color.brand.goldcoast.100.value}",
|
|
47
|
+
"public": true,
|
|
48
|
+
"default": true,
|
|
49
|
+
"usage": "Travel advisory or system maintenance color on dark backgrounds",
|
|
50
|
+
"wcag": "AAA",
|
|
51
|
+
"deprecated": false
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"background": {
|
|
4
|
+
"lightest": {
|
|
5
|
+
"value": "{color.base.white.value}",
|
|
6
|
+
"public": true,
|
|
7
|
+
"neutral": true,
|
|
8
|
+
"usage": "Used for creating light backgrounds",
|
|
9
|
+
"wcag": "n/a",
|
|
10
|
+
"deprecated": false
|
|
11
|
+
},
|
|
12
|
+
"lighter": {
|
|
13
|
+
"value": "{color.base.gray.100.value}",
|
|
14
|
+
"public": true,
|
|
15
|
+
"neutral": true,
|
|
16
|
+
"usage": "Used for creating light backgrounds @ 90% white",
|
|
17
|
+
"wcag": "n/a",
|
|
18
|
+
"deprecated": false
|
|
19
|
+
},
|
|
20
|
+
"darker": {
|
|
21
|
+
"value": "{color.brand.midnight.400.value}",
|
|
22
|
+
"public": true,
|
|
23
|
+
"neutral": true,
|
|
24
|
+
"usage": "Used for creating dark backgrounds",
|
|
25
|
+
"wcag": "n/a",
|
|
26
|
+
"deprecated": false
|
|
27
|
+
},
|
|
28
|
+
"darkest": {
|
|
29
|
+
"value": "{color.brand.midnight.500.value}",
|
|
30
|
+
"public": true,
|
|
31
|
+
"neutral": true,
|
|
32
|
+
"usage": "Used for creating dark backgrounds @ 20% darker",
|
|
33
|
+
"wcag": "n/a",
|
|
34
|
+
"deprecated": false
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|