@aurodesignsystem/design-tokens 4.10.2 → 4.12.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 (42) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/tokens/CSSCustomProperties.css +2 -1
  3. package/dist/tokens/CSSSizeCustomProperties.css +2 -1
  4. package/dist/tokens/JSData--color.js +1 -1
  5. package/dist/tokens/JSONVariablesFlat.json +1 -0
  6. package/dist/tokens/JSONVariablesNested.json +1 -0
  7. package/dist/tokens/JSObject--allTokens.js +24 -1
  8. package/dist/tokens/JSObject--deprecated.js +1 -1
  9. package/dist/tokens/JSVariables--color.js +1 -1
  10. package/dist/tokens/SCSSVariableMap.scss +3 -1
  11. package/dist/tokens/SCSSVariables.scss +2 -1
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
  13. package/dist/tokens/SassCustomProperties.scss +2 -1
  14. package/dist/tokens/SassSizeCustomProperties.scss +2 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  23. package/dist/tokens/transparent/CSSCustomProperties.css +615 -0
  24. package/package.json +1 -1
  25. package/src/size/scale.json +6 -0
  26. package/src/themes/hawaiian/color/background.json +15 -0
  27. package/src/themes/hawaiian/color/border.json +18 -0
  28. package/src/themes/hawaiian/color/container.json +56 -0
  29. package/src/themes/hawaiian/color/icon.json +24 -0
  30. package/src/themes/hawaiian/color/text.json +44 -0
  31. package/src/themes/transparent/color/alert.json +90 -0
  32. package/src/themes/transparent/color/background.json +263 -0
  33. package/src/themes/transparent/color/base.json +1303 -0
  34. package/src/themes/transparent/color/border.json +341 -0
  35. package/src/themes/transparent/color/brand.json +1561 -0
  36. package/src/themes/transparent/color/container.json +464 -0
  37. package/src/themes/transparent/color/icon.json +602 -0
  38. package/src/themes/transparent/color/text.json +282 -0
  39. package/src/themes/transparent/color/tier.json +194 -0
  40. package/src/themes/transparent/color/ui.json +125 -0
  41. package/src/themes/transparent/color/utility.json +276 -0
  42. package/src/themes/transparent/elevation.json +22 -0
package/dist/tokens/transparent/CSSCustomProperties.css ADDED
@@ -0,0 +1,615 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 03 Dec 2024 00:39:56 GMT
4
+ */
5
+
6
+ :root {
7
+ --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0); /* for the least amount of emphasis */
8
+ --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0); /* for more emphasis than low elevation */
9
+ --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0); /* for maximum emphasis or differentiation */
10
+ --ds-color-alert-notification-default: rgba(0, 0, 0, 0);
11
+ --ds-color-alert-warning-default: rgba(0, 0, 0, 0);
12
+ --ds-color-alert-error-default: rgba(0, 0, 0, 0);
13
+ --ds-color-alert-success-default: rgba(0, 0, 0, 0);
14
+ --ds-color-alert-advisory-default: rgba(0, 0, 0, 0);
15
+ --ds-color-alert-bkg-success-default: #ddf6e8;
16
+ --ds-color-alert-bkg-error-default: #ffedf1;
17
+ --ds-color-background-primary-100-default: rgba(0, 0, 0, 0);
18
+ --ds-color-background-primary-100-inverse: rgba(0, 0, 0, 0);
19
+ --ds-color-background-primary-200-default: rgba(0, 0, 0, 0);
20
+ --ds-color-background-primary-200-inverse: rgba(0, 0, 0, 0);
21
+ --ds-color-background-primary-300-default: rgba(0, 0, 0, 0);
22
+ --ds-color-background-primary-300-inverse: rgba(0, 0, 0, 0);
23
+ --ds-color-background-primary-400-default: rgba(0, 0, 0, 0);
24
+ --ds-color-background-primary-400-inverse: rgba(0, 0, 0, 0);
25
+ --ds-color-background-success-default: rgba(0, 0, 0, 0);
26
+ --ds-color-background-success-inverse: rgba(0, 0, 0, 0);
27
+ --ds-color-background-error-default: rgba(0, 0, 0, 0);
28
+ --ds-color-background-error-inverse: rgba(0, 0, 0, 0);
29
+ --ds-color-background-warning-default: rgba(0, 0, 0, 0);
30
+ --ds-color-background-warning-inverse: rgba(0, 0, 0, 0);
31
+ --ds-color-background-info-default: rgba(0, 0, 0, 0);
32
+ --ds-color-background-info-inverse: rgba(0, 0, 0, 0);
33
+ --ds-color-background-subtle-default: rgba(0, 0, 0, 0);
34
+ --ds-color-background-subtle-inverse: rgba(0, 0, 0, 0);
35
+ --ds-color-background-accent-default: rgba(0, 0, 0, 0);
36
+ --ds-color-background-accent-inverse: rgba(0, 0, 0, 0);
37
+ --ds-color-background-emphasis-default: rgba(0, 0, 0, 0);
38
+ --ds-color-background-emphasis-inverse: rgba(0, 0, 0, 0);
39
+ --ds-color-background-scrimmed-default: rgba(0, 0, 0, 0);
40
+ --ds-color-background-lightest: rgba(0, 0, 0, 0);
41
+ --ds-color-background-lighter: rgba(0, 0, 0, 0);
42
+ --ds-color-background-darker: rgba(0, 0, 0, 0);
43
+ --ds-color-background-darkest: rgba(0, 0, 0, 0);
44
+ --ds-color-background-gradient-default: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
45
+ --ds-color-base-white: rgba(0, 0, 0, 0); /* transparent */
46
+ --ds-color-base-white-100: rgba(0, 0, 0, 0); /* transparent */
47
+ --ds-color-base-white-200: rgba(0, 0, 0, 0); /* transparent */
48
+ --ds-color-base-white-300: rgba(0, 0, 0, 0); /* transparent */
49
+ --ds-color-base-white-400: rgba(0, 0, 0, 0); /* transparent */
50
+ --ds-color-base-white-500: rgba(0, 0, 0, 0); /* transparent */
51
+ --ds-color-base-white-opacity-50: rgba(0, 0, 0, 0); /* transparent */
52
+ --ds-color-base-white-opacity-40: rgba(0, 0, 0, 0); /* transparent */
53
+ --ds-color-base-white-opacity-0: rgba(0, 0, 0, 0); /* transparent */
54
+ --ds-color-base-black: rgba(0, 0, 0, 0); /* transparent */
55
+ --ds-color-base-black-100: rgba(0, 0, 0, 0); /* transparent */
56
+ --ds-color-base-black-200: rgba(0, 0, 0, 0); /* transparent */
57
+ --ds-color-base-black-300: rgba(0, 0, 0, 0); /* transparent */
58
+ --ds-color-base-black-400: rgba(0, 0, 0, 0); /* transparent */
59
+ --ds-color-base-black-500: rgba(0, 0, 0, 0); /* transparent */
60
+ --ds-color-base-black-opacity-15: rgba(0, 0, 0, 0); /* transparent */
61
+ --ds-color-base-blue-100: rgba(0, 0, 0, 0); /* transparent */
62
+ --ds-color-base-blue-200: rgba(0, 0, 0, 0); /* transparent */
63
+ --ds-color-base-blue-300: rgba(0, 0, 0, 0); /* transparent */
64
+ --ds-color-base-blue-400: rgba(0, 0, 0, 0); /* transparent */
65
+ --ds-color-base-blue-500: rgba(0, 0, 0, 0); /* transparent */
66
+ --ds-color-base-blue-600: rgba(0, 0, 0, 0); /* transparent */
67
+ --ds-color-base-blue-700: rgba(0, 0, 0, 0); /* transparent */
68
+ --ds-color-base-blue-800: rgba(0, 0, 0, 0); /* transparent */
69
+ --ds-color-base-blue-900: rgba(0, 0, 0, 0); /* transparent */
70
+ --ds-color-base-blue-1000: rgba(0, 0, 0, 0); /* transparent */
71
+ --ds-color-base-cyan-100: rgba(0, 0, 0, 0); /* transparent */
72
+ --ds-color-base-cyan-200: rgba(0, 0, 0, 0); /* transparent */
73
+ --ds-color-base-cyan-300: rgba(0, 0, 0, 0); /* transparent */
74
+ --ds-color-base-cyan-400: rgba(0, 0, 0, 0); /* transparent */
75
+ --ds-color-base-cyan-500: rgba(0, 0, 0, 0); /* transparent */
76
+ --ds-color-base-cyan-600: rgba(0, 0, 0, 0); /* transparent */
77
+ --ds-color-base-cyan-700: rgba(0, 0, 0, 0); /* transparent */
78
+ --ds-color-base-cyan-800: rgba(0, 0, 0, 0); /* transparent */
79
+ --ds-color-base-cyan-900: rgba(0, 0, 0, 0); /* transparent */
80
+ --ds-color-base-cyan-1000: rgba(0, 0, 0, 0); /* transparent */
81
+ --ds-color-base-error-100: rgba(0, 0, 0, 0); /* transparent */
82
+ --ds-color-base-error-200: rgba(0, 0, 0, 0); /* transparent */
83
+ --ds-color-base-error-300: rgba(0, 0, 0, 0); /* transparent */
84
+ --ds-color-base-error-400: rgba(0, 0, 0, 0); /* transparent */
85
+ --ds-color-base-error-500: rgba(0, 0, 0, 0); /* transparent */
86
+ --ds-color-base-gray-100: rgba(0, 0, 0, 0); /* transparent */
87
+ --ds-color-base-gray-200: rgba(0, 0, 0, 0); /* transparent */
88
+ --ds-color-base-gray-300: rgba(0, 0, 0, 0); /* transparent */
89
+ --ds-color-base-gray-400: rgba(0, 0, 0, 0); /* transparent */
90
+ --ds-color-base-gray-500: rgba(0, 0, 0, 0); /* transparent */
91
+ --ds-color-base-gray-600: rgba(0, 0, 0, 0); /* transparent */
92
+ --ds-color-base-gray-700: rgba(0, 0, 0, 0); /* transparent */
93
+ --ds-color-base-gray-800: rgba(0, 0, 0, 0); /* transparent */
94
+ --ds-color-base-gray-900: rgba(0, 0, 0, 0); /* transparent */
95
+ --ds-color-base-gray-1000: rgba(0, 0, 0, 0); /* transparent */
96
+ --ds-color-base-green-100: rgba(0, 0, 0, 0); /* transparent */
97
+ --ds-color-base-green-200: rgba(0, 0, 0, 0); /* transparent */
98
+ --ds-color-base-green-300: rgba(0, 0, 0, 0); /* transparent */
99
+ --ds-color-base-green-400: rgba(0, 0, 0, 0); /* transparent */
100
+ --ds-color-base-green-500: rgba(0, 0, 0, 0); /* transparent */
101
+ --ds-color-base-green-600: rgba(0, 0, 0, 0); /* transparent */
102
+ --ds-color-base-green-700: rgba(0, 0, 0, 0); /* transparent */
103
+ --ds-color-base-green-800: rgba(0, 0, 0, 0); /* transparent */
104
+ --ds-color-base-green-900: rgba(0, 0, 0, 0); /* transparent */
105
+ --ds-color-base-green-1000: rgba(0, 0, 0, 0); /* transparent */
106
+ --ds-color-base-lime-100: rgba(0, 0, 0, 0); /* transparent */
107
+ --ds-color-base-lime-200: rgba(0, 0, 0, 0); /* transparent */
108
+ --ds-color-base-lime-300: rgba(0, 0, 0, 0); /* transparent */
109
+ --ds-color-base-lime-400: rgba(0, 0, 0, 0); /* transparent */
110
+ --ds-color-base-lime-500: rgba(0, 0, 0, 0); /* transparent */
111
+ --ds-color-base-lime-600: rgba(0, 0, 0, 0); /* transparent */
112
+ --ds-color-base-lime-700: rgba(0, 0, 0, 0); /* transparent */
113
+ --ds-color-base-lime-800: rgba(0, 0, 0, 0); /* transparent */
114
+ --ds-color-base-lime-900: rgba(0, 0, 0, 0); /* transparent */
115
+ --ds-color-base-lime-1000: rgba(0, 0, 0, 0); /* transparent */
116
+ --ds-color-base-navy-100: rgba(0, 0, 0, 0); /* transparent */
117
+ --ds-color-base-navy-200: rgba(0, 0, 0, 0); /* transparent */
118
+ --ds-color-base-navy-300: rgba(0, 0, 0, 0); /* transparent */
119
+ --ds-color-base-navy-400: rgba(0, 0, 0, 0); /* transparent */
120
+ --ds-color-base-navy-500: rgba(0, 0, 0, 0); /* transparent */
121
+ --ds-color-base-navy-600: rgba(0, 0, 0, 0); /* transparent */
122
+ --ds-color-base-navy-700: rgba(0, 0, 0, 0); /* transparent */
123
+ --ds-color-base-navy-800: rgba(0, 0, 0, 0); /* transparent */
124
+ --ds-color-base-navy-900: rgba(0, 0, 0, 0); /* transparent */
125
+ --ds-color-base-navy-1000: rgba(0, 0, 0, 0); /* transparent */
126
+ --ds-color-base-neutral-100: rgba(0, 0, 0, 0); /* transparent */
127
+ --ds-color-base-neutral-200: rgba(0, 0, 0, 0); /* transparent */
128
+ --ds-color-base-neutral-300: rgba(0, 0, 0, 0); /* transparent */
129
+ --ds-color-base-neutral-400: rgba(0, 0, 0, 0); /* transparent */
130
+ --ds-color-base-neutral-500: rgba(0, 0, 0, 0); /* transparent */
131
+ --ds-color-base-neutral-600: rgba(0, 0, 0, 0); /* transparent */
132
+ --ds-color-base-neutral-700: rgba(0, 0, 0, 0); /* transparent */
133
+ --ds-color-base-neutral-800: rgba(0, 0, 0, 0); /* transparent */
134
+ --ds-color-base-neutral-900: rgba(0, 0, 0, 0); /* transparent */
135
+ --ds-color-base-neutral-1000: rgba(0, 0, 0, 0); /* transparent */
136
+ --ds-color-base-pink-100: rgba(0, 0, 0, 0); /* transparent */
137
+ --ds-color-base-pink-200: rgba(0, 0, 0, 0); /* transparent */
138
+ --ds-color-base-pink-300: rgba(0, 0, 0, 0); /* transparent */
139
+ --ds-color-base-pink-400: rgba(0, 0, 0, 0); /* transparent */
140
+ --ds-color-base-pink-500: rgba(0, 0, 0, 0); /* transparent */
141
+ --ds-color-base-pink-600: rgba(0, 0, 0, 0); /* transparent */
142
+ --ds-color-base-pink-700: rgba(0, 0, 0, 0); /* transparent */
143
+ --ds-color-base-pink-800: rgba(0, 0, 0, 0); /* transparent */
144
+ --ds-color-base-pink-900: rgba(0, 0, 0, 0); /* transparent */
145
+ --ds-color-base-pink-1000: rgba(0, 0, 0, 0); /* transparent */
146
+ --ds-color-base-purple-100: rgba(0, 0, 0, 0); /* transparent */
147
+ --ds-color-base-purple-200: rgba(0, 0, 0, 0); /* transparent */
148
+ --ds-color-base-purple-300: rgba(0, 0, 0, 0); /* transparent */
149
+ --ds-color-base-purple-400: rgba(0, 0, 0, 0); /* transparent */
150
+ --ds-color-base-purple-500: rgba(0, 0, 0, 0); /* transparent */
151
+ --ds-color-base-purple-600: rgba(0, 0, 0, 0); /* transparent */
152
+ --ds-color-base-purple-700: rgba(0, 0, 0, 0); /* transparent */
153
+ --ds-color-base-purple-800: rgba(0, 0, 0, 0); /* transparent */
154
+ --ds-color-base-purple-900: rgba(0, 0, 0, 0); /* transparent */
155
+ --ds-color-base-purple-1000: rgba(0, 0, 0, 0); /* transparent */
156
+ --ds-color-base-red-100: rgba(0, 0, 0, 0); /* transparent */
157
+ --ds-color-base-red-200: rgba(0, 0, 0, 0); /* transparent */
158
+ --ds-color-base-red-300: rgba(0, 0, 0, 0); /* transparent */
159
+ --ds-color-base-red-400: rgba(0, 0, 0, 0); /* transparent */
160
+ --ds-color-base-red-500: rgba(0, 0, 0, 0); /* transparent */
161
+ --ds-color-base-red-600: rgba(0, 0, 0, 0); /* transparent */
162
+ --ds-color-base-red-700: rgba(0, 0, 0, 0); /* transparent */
163
+ --ds-color-base-red-800: rgba(0, 0, 0, 0); /* transparent */
164
+ --ds-color-base-red-900: rgba(0, 0, 0, 0); /* transparent */
165
+ --ds-color-base-red-1000: rgba(0, 0, 0, 0); /* transparent */
166
+ --ds-color-base-success-100: rgba(0, 0, 0, 0); /* transparent */
167
+ --ds-color-base-success-200: rgba(0, 0, 0, 0); /* transparent */
168
+ --ds-color-base-success-300: rgba(0, 0, 0, 0); /* transparent */
169
+ --ds-color-base-success-400: rgba(0, 0, 0, 0); /* transparent */
170
+ --ds-color-base-success-500: rgba(0, 0, 0, 0); /* transparent */
171
+ --ds-color-base-turquoise-100: rgba(0, 0, 0, 0); /* transparent */
172
+ --ds-color-base-turquoise-200: rgba(0, 0, 0, 0); /* transparent */
173
+ --ds-color-base-turquoise-300: rgba(0, 0, 0, 0); /* transparent */
174
+ --ds-color-base-turquoise-400: rgba(0, 0, 0, 0); /* transparent */
175
+ --ds-color-base-turquoise-500: rgba(0, 0, 0, 0); /* transparent */
176
+ --ds-color-base-turquoise-600: rgba(0, 0, 0, 0); /* transparent */
177
+ --ds-color-base-turquoise-700: rgba(0, 0, 0, 0); /* transparent */
178
+ --ds-color-base-turquoise-800: rgba(0, 0, 0, 0); /* transparent */
179
+ --ds-color-base-turquoise-900: rgba(0, 0, 0, 0); /* transparent */
180
+ --ds-color-base-turquoise-1000: rgba(0, 0, 0, 0); /* transparent */
181
+ --ds-color-base-yellow-100: rgba(0, 0, 0, 0); /* transparent */
182
+ --ds-color-base-yellow-200: rgba(0, 0, 0, 0); /* transparent */
183
+ --ds-color-base-yellow-300: rgba(0, 0, 0, 0); /* transparent */
184
+ --ds-color-base-yellow-400: rgba(0, 0, 0, 0); /* transparent */
185
+ --ds-color-base-yellow-500: rgba(0, 0, 0, 0); /* transparent */
186
+ --ds-color-base-yellow-600: rgba(0, 0, 0, 0); /* transparent */
187
+ --ds-color-base-yellow-700: rgba(0, 0, 0, 0); /* transparent */
188
+ --ds-color-base-yellow-800: rgba(0, 0, 0, 0); /* transparent */
189
+ --ds-color-base-yellow-900: rgba(0, 0, 0, 0); /* transparent */
190
+ --ds-color-base-yellow-1000: rgba(0, 0, 0, 0); /* transparent */
191
+ --ds-color-base-warning-100: rgba(0, 0, 0, 0); /* transparent */
192
+ --ds-color-base-warning-200: rgba(0, 0, 0, 0); /* transparent */
193
+ --ds-color-base-warning-300: rgba(0, 0, 0, 0); /* transparent */
194
+ --ds-color-base-warning-400: rgba(0, 0, 0, 0); /* transparent */
195
+ --ds-color-base-warning-500: rgba(0, 0, 0, 0); /* transparent */
196
+ --ds-color-state-error-100: rgba(0, 0, 0, 0);
197
+ --ds-color-state-error-500: rgba(0, 0, 0, 0);
198
+ --ds-color-state-success-100: rgba(0, 0, 0, 0);
199
+ --ds-color-state-success-500: rgba(0, 0, 0, 0);
200
+ --ds-color-state-warning-500: rgba(0, 0, 0, 0);
201
+ --ds-color-border-primary-default: rgba(0, 0, 0, 0);
202
+ --ds-color-border-primary-inverse: rgba(0, 0, 0, 0);
203
+ --ds-color-border-secondary-default: rgba(0, 0, 0, 0);
204
+ --ds-color-border-secondary-inverse: rgba(0, 0, 0, 0);
205
+ --ds-color-border-tertiary-default: rgba(0, 0, 0, 0);
206
+ --ds-color-border-tertiary-inverse: rgba(0, 0, 0, 0);
207
+ --ds-color-border-error-default: rgba(0, 0, 0, 0);
208
+ --ds-color-border-error-inverse: rgba(0, 0, 0, 0);
209
+ --ds-color-border-divider-default: rgba(0, 0, 0, 0);
210
+ --ds-color-border-divider-inverse: rgba(0, 0, 0, 0);
211
+ --ds-color-border-subtle-default: rgba(0, 0, 0, 0);
212
+ --ds-color-border-subtle-inverse: rgba(0, 0, 0, 0);
213
+ --ds-color-border-emphasis-default: rgba(0, 0, 0, 0);
214
+ --ds-color-border-emphasis-inverse: rgba(0, 0, 0, 0);
215
+ --ds-color-border-accent-default: rgba(0, 0, 0, 0);
216
+ --ds-color-border-accent-inverse: rgba(0, 0, 0, 0);
217
+ --ds-color-border-success-default: rgba(0, 0, 0, 0);
218
+ --ds-color-border-success-inverse: rgba(0, 0, 0, 0);
219
+ --ds-color-border-warning-default: rgba(0, 0, 0, 0);
220
+ --ds-color-border-warning-inverse: rgba(0, 0, 0, 0);
221
+ --ds-color-border-info-default: rgba(0, 0, 0, 0);
222
+ --ds-color-border-info-inverse: rgba(0, 0, 0, 0);
223
+ --ds-color-border-ui-default-default: rgba(0, 0, 0, 0);
224
+ --ds-color-border-ui-default-inverse: rgba(0, 0, 0, 0);
225
+ --ds-color-border-ui-hover-default: rgba(0, 0, 0, 0);
226
+ --ds-color-border-ui-hover-inverse: rgba(0, 0, 0, 0);
227
+ --ds-color-border-ui-active-default: rgba(0, 0, 0, 0);
228
+ --ds-color-border-ui-active-inverse: rgba(0, 0, 0, 0);
229
+ --ds-color-border-ui-focus-default: rgba(0, 0, 0, 0);
230
+ --ds-color-border-ui-focus-inverse: rgba(0, 0, 0, 0);
231
+ --ds-color-border-ui-disabled-default: rgba(0, 0, 0, 0);
232
+ --ds-color-border-ui-disabled-inverse: rgba(0, 0, 0, 0);
233
+ --ds-color-border-active-default: rgba(0, 0, 0, 0);
234
+ --ds-color-border-active-inverse: rgba(0, 0, 0, 0);
235
+ --ds-color-border-disabled-default: rgba(0, 0, 0, 0);
236
+ --ds-color-border-focus-default: rgba(0, 0, 0, 0);
237
+ --ds-color-brand-neutral-100: rgba(0, 0, 0, 0); /* transparent */
238
+ --ds-color-brand-neutral-200: rgba(0, 0, 0, 0); /* transparent */
239
+ --ds-color-brand-neutral-300: rgba(0, 0, 0, 0); /* transparent */
240
+ --ds-color-brand-neutral-400: rgba(0, 0, 0, 0); /* transparent */
241
+ --ds-color-brand-neutral-500: rgba(0, 0, 0, 0); /* transparent */
242
+ --ds-color-brand-neutral-600: rgba(0, 0, 0, 0); /* transparent */
243
+ --ds-color-brand-neutral-700: rgba(0, 0, 0, 0); /* transparent */
244
+ --ds-color-brand-neutral-800: rgba(0, 0, 0, 0); /* transparent */
245
+ --ds-color-brand-neutral-900: rgba(0, 0, 0, 0); /* transparent */
246
+ --ds-color-brand-neutral-1000: rgba(0, 0, 0, 0); /* transparent */
247
+ --ds-color-brand-gray-100: rgba(0, 0, 0, 0); /* transparent */
248
+ --ds-color-brand-gray-200: rgba(0, 0, 0, 0); /* transparent */
249
+ --ds-color-brand-gray-300: rgba(0, 0, 0, 0); /* transparent */
250
+ --ds-color-brand-gray-400: rgba(0, 0, 0, 0); /* transparent */
251
+ --ds-color-brand-gray-500: rgba(0, 0, 0, 0); /* transparent */
252
+ --ds-color-brand-gray-600: rgba(0, 0, 0, 0); /* transparent */
253
+ --ds-color-brand-gray-700: rgba(0, 0, 0, 0); /* transparent */
254
+ --ds-color-brand-gray-800: rgba(0, 0, 0, 0); /* transparent */
255
+ --ds-color-brand-gray-900: rgba(0, 0, 0, 0); /* transparent */
256
+ --ds-color-brand-gray-1000: rgba(0, 0, 0, 0); /* transparent */
257
+ --ds-color-brand-red-100: rgba(0, 0, 0, 0); /* transparent */
258
+ --ds-color-brand-red-200: rgba(0, 0, 0, 0); /* transparent */
259
+ --ds-color-brand-red-300: rgba(0, 0, 0, 0); /* transparent */
260
+ --ds-color-brand-red-400: rgba(0, 0, 0, 0); /* transparent */
261
+ --ds-color-brand-red-500: rgba(0, 0, 0, 0); /* transparent */
262
+ --ds-color-brand-red-600: rgba(0, 0, 0, 0); /* transparent */
263
+ --ds-color-brand-red-700: rgba(0, 0, 0, 0); /* transparent */
264
+ --ds-color-brand-red-800: rgba(0, 0, 0, 0); /* transparent */
265
+ --ds-color-brand-red-900: rgba(0, 0, 0, 0); /* transparent */
266
+ --ds-color-brand-red-1000: rgba(0, 0, 0, 0); /* transparent */
267
+ --ds-color-brand-yellow-100: rgba(0, 0, 0, 0); /* transparent */
268
+ --ds-color-brand-yellow-200: rgba(0, 0, 0, 0); /* transparent */
269
+ --ds-color-brand-yellow-300: rgba(0, 0, 0, 0); /* transparent */
270
+ --ds-color-brand-yellow-400: rgba(0, 0, 0, 0); /* transparent */
271
+ --ds-color-brand-yellow-500: rgba(0, 0, 0, 0); /* transparent */
272
+ --ds-color-brand-yellow-600: rgba(0, 0, 0, 0); /* transparent */
273
+ --ds-color-brand-yellow-700: rgba(0, 0, 0, 0); /* transparent */
274
+ --ds-color-brand-yellow-800: rgba(0, 0, 0, 0); /* transparent */
275
+ --ds-color-brand-yellow-900: rgba(0, 0, 0, 0); /* transparent */
276
+ --ds-color-brand-yellow-1000: rgba(0, 0, 0, 0); /* transparent */
277
+ --ds-color-brand-lime-100: rgba(0, 0, 0, 0); /* transparent */
278
+ --ds-color-brand-lime-200: rgba(0, 0, 0, 0); /* transparent */
279
+ --ds-color-brand-lime-300: rgba(0, 0, 0, 0); /* transparent */
280
+ --ds-color-brand-lime-400: rgba(0, 0, 0, 0); /* transparent */
281
+ --ds-color-brand-lime-500: rgba(0, 0, 0, 0); /* transparent */
282
+ --ds-color-brand-lime-600: rgba(0, 0, 0, 0); /* transparent */
283
+ --ds-color-brand-lime-700: rgba(0, 0, 0, 0); /* transparent */
284
+ --ds-color-brand-lime-800: rgba(0, 0, 0, 0); /* transparent */
285
+ --ds-color-brand-lime-900: rgba(0, 0, 0, 0); /* transparent */
286
+ --ds-color-brand-lime-1000: rgba(0, 0, 0, 0); /* transparent */
287
+ --ds-color-brand-green-100: rgba(0, 0, 0, 0); /* transparent */
288
+ --ds-color-brand-green-200: rgba(0, 0, 0, 0); /* transparent */
289
+ --ds-color-brand-green-300: rgba(0, 0, 0, 0); /* transparent */
290
+ --ds-color-brand-green-400: rgba(0, 0, 0, 0); /* transparent */
291
+ --ds-color-brand-green-500: rgba(0, 0, 0, 0); /* transparent */
292
+ --ds-color-brand-green-600: rgba(0, 0, 0, 0); /* transparent */
293
+ --ds-color-brand-green-700: rgba(0, 0, 0, 0); /* transparent */
294
+ --ds-color-brand-green-800: rgba(0, 0, 0, 0); /* transparent */
295
+ --ds-color-brand-green-900: rgba(0, 0, 0, 0); /* transparent */
296
+ --ds-color-brand-green-1000: rgba(0, 0, 0, 0); /* transparent */
297
+ --ds-color-brand-turquoise-100: rgba(0, 0, 0, 0); /* transparent */
298
+ --ds-color-brand-turquoise-200: rgba(0, 0, 0, 0); /* transparent */
299
+ --ds-color-brand-turquoise-300: rgba(0, 0, 0, 0); /* transparent */
300
+ --ds-color-brand-turquoise-400: rgba(0, 0, 0, 0); /* transparent */
301
+ --ds-color-brand-turquoise-500: rgba(0, 0, 0, 0); /* transparent */
302
+ --ds-color-brand-turquoise-600: rgba(0, 0, 0, 0); /* transparent */
303
+ --ds-color-brand-turquoise-700: rgba(0, 0, 0, 0); /* transparent */
304
+ --ds-color-brand-turquoise-800: rgba(0, 0, 0, 0); /* transparent */
305
+ --ds-color-brand-turquoise-900: rgba(0, 0, 0, 0); /* transparent */
306
+ --ds-color-brand-turquoise-1000: rgba(0, 0, 0, 0); /* transparent */
307
+ --ds-color-brand-cyan-100: rgba(0, 0, 0, 0); /* transparent */
308
+ --ds-color-brand-cyan-200: rgba(0, 0, 0, 0); /* transparent */
309
+ --ds-color-brand-cyan-300: rgba(0, 0, 0, 0); /* transparent */
310
+ --ds-color-brand-cyan-400: rgba(0, 0, 0, 0); /* transparent */
311
+ --ds-color-brand-cyan-500: rgba(0, 0, 0, 0); /* transparent */
312
+ --ds-color-brand-cyan-600: rgba(0, 0, 0, 0); /* transparent */
313
+ --ds-color-brand-cyan-700: rgba(0, 0, 0, 0); /* transparent */
314
+ --ds-color-brand-cyan-800: rgba(0, 0, 0, 0); /* transparent */
315
+ --ds-color-brand-cyan-900: rgba(0, 0, 0, 0); /* transparent */
316
+ --ds-color-brand-cyan-1000: rgba(0, 0, 0, 0); /* transparent */
317
+ --ds-color-brand-blue-100: rgba(0, 0, 0, 0); /* transparent */
318
+ --ds-color-brand-blue-200: rgba(0, 0, 0, 0); /* transparent */
319
+ --ds-color-brand-blue-300: rgba(0, 0, 0, 0); /* transparent */
320
+ --ds-color-brand-blue-400: rgba(0, 0, 0, 0); /* transparent */
321
+ --ds-color-brand-blue-500: rgba(0, 0, 0, 0); /* transparent */
322
+ --ds-color-brand-blue-600: rgba(0, 0, 0, 0); /* transparent */
323
+ --ds-color-brand-blue-700: rgba(0, 0, 0, 0); /* transparent */
324
+ --ds-color-brand-blue-800: rgba(0, 0, 0, 0); /* transparent */
325
+ --ds-color-brand-blue-900: rgba(0, 0, 0, 0); /* transparent */
326
+ --ds-color-brand-blue-1000: rgba(0, 0, 0, 0); /* transparent */
327
+ --ds-color-brand-navy-100: rgba(0, 0, 0, 0); /* transparent */
328
+ --ds-color-brand-navy-200: rgba(0, 0, 0, 0); /* transparent */
329
+ --ds-color-brand-navy-300: rgba(0, 0, 0, 0); /* transparent */
330
+ --ds-color-brand-navy-400: rgba(0, 0, 0, 0); /* transparent */
331
+ --ds-color-brand-navy-500: rgba(0, 0, 0, 0); /* transparent */
332
+ --ds-color-brand-navy-600: rgba(0, 0, 0, 0); /* transparent */
333
+ --ds-color-brand-navy-700: rgba(0, 0, 0, 0); /* transparent */
334
+ --ds-color-brand-navy-800: rgba(0, 0, 0, 0); /* transparent */
335
+ --ds-color-brand-navy-900: rgba(0, 0, 0, 0); /* transparent */
336
+ --ds-color-brand-navy-1000: rgba(0, 0, 0, 0); /* transparent */
337
+ --ds-color-brand-purple-100: rgba(0, 0, 0, 0); /* transparent */
338
+ --ds-color-brand-purple-200: rgba(0, 0, 0, 0); /* transparent */
339
+ --ds-color-brand-purple-300: rgba(0, 0, 0, 0); /* transparent */
340
+ --ds-color-brand-purple-400: rgba(0, 0, 0, 0); /* transparent */
341
+ --ds-color-brand-purple-500: rgba(0, 0, 0, 0); /* transparent */
342
+ --ds-color-brand-purple-600: rgba(0, 0, 0, 0); /* transparent */
343
+ --ds-color-brand-purple-700: rgba(0, 0, 0, 0); /* transparent */
344
+ --ds-color-brand-purple-800: rgba(0, 0, 0, 0); /* transparent */
345
+ --ds-color-brand-purple-900: rgba(0, 0, 0, 0); /* transparent */
346
+ --ds-color-brand-purple-1000: rgba(0, 0, 0, 0); /* transparent */
347
+ --ds-color-brand-pink-100: rgba(0, 0, 0, 0); /* transparent */
348
+ --ds-color-brand-pink-200: rgba(0, 0, 0, 0); /* transparent */
349
+ --ds-color-brand-pink-300: rgba(0, 0, 0, 0); /* transparent */
350
+ --ds-color-brand-pink-400: rgba(0, 0, 0, 0); /* transparent */
351
+ --ds-color-brand-pink-500: rgba(0, 0, 0, 0); /* transparent */
352
+ --ds-color-brand-pink-600: rgba(0, 0, 0, 0); /* transparent */
353
+ --ds-color-brand-pink-700: rgba(0, 0, 0, 0); /* transparent */
354
+ --ds-color-brand-pink-800: rgba(0, 0, 0, 0); /* transparent */
355
+ --ds-color-brand-pink-900: rgba(0, 0, 0, 0); /* transparent */
356
+ --ds-color-brand-pink-1000: rgba(0, 0, 0, 0); /* transparent */
357
+ --ds-color-brand-midnight-100: rgba(0, 0, 0, 0); /* transparent */
358
+ --ds-color-brand-midnight-200: rgba(0, 0, 0, 0); /* transparent */
359
+ --ds-color-brand-midnight-300: rgba(0, 0, 0, 0); /* transparent */
360
+ --ds-color-brand-midnight-400: rgba(0, 0, 0, 0); /* transparent */
361
+ --ds-color-brand-midnight-500: rgba(0, 0, 0, 0); /* transparent */
362
+ --ds-color-brand-atlas-100: rgba(0, 0, 0, 0); /* transparent */
363
+ --ds-color-brand-atlas-200: rgba(0, 0, 0, 0); /* transparent */
364
+ --ds-color-brand-atlas-300: rgba(0, 0, 0, 0); /* transparent */
365
+ --ds-color-brand-atlas-400: rgba(0, 0, 0, 0); /* transparent */
366
+ --ds-color-brand-atlas-500: rgba(0, 0, 0, 0); /* transparent */
367
+ --ds-color-brand-atlas-400-opacity-20: rgba(0, 0, 0, 0); /* transparent */
368
+ --ds-color-brand-breeze-100: rgba(0, 0, 0, 0); /* transparent */
369
+ --ds-color-brand-breeze-200: rgba(0, 0, 0, 0); /* transparent */
370
+ --ds-color-brand-breeze-300: rgba(0, 0, 0, 0); /* transparent */
371
+ --ds-color-brand-breeze-400: rgba(0, 0, 0, 0); /* transparent */
372
+ --ds-color-brand-breeze-500: rgba(0, 0, 0, 0); /* transparent */
373
+ --ds-color-brand-breeze-300-opacity-30: rgba(0, 0, 0, 0); /* transparent */
374
+ --ds-color-brand-tropical-100: rgba(0, 0, 0, 0); /* transparent */
375
+ --ds-color-brand-tropical-200: rgba(0, 0, 0, 0); /* transparent */
376
+ --ds-color-brand-tropical-300: rgba(0, 0, 0, 0); /* transparent */
377
+ --ds-color-brand-tropical-400: rgba(0, 0, 0, 0); /* transparent */
378
+ --ds-color-brand-tropical-500: rgba(0, 0, 0, 0); /* transparent */
379
+ --ds-color-brand-alpine-100: rgba(0, 0, 0, 0); /* transparent */
380
+ --ds-color-brand-alpine-200: rgba(0, 0, 0, 0); /* transparent */
381
+ --ds-color-brand-alpine-300: rgba(0, 0, 0, 0); /* transparent */
382
+ --ds-color-brand-alpine-400: rgba(0, 0, 0, 0); /* transparent */
383
+ --ds-color-brand-alpine-500: rgba(0, 0, 0, 0); /* transparent */
384
+ --ds-color-brand-flamingo-100: rgba(0, 0, 0, 0); /* transparent */
385
+ --ds-color-brand-flamingo-200: rgba(0, 0, 0, 0); /* transparent */
386
+ --ds-color-brand-flamingo-300: rgba(0, 0, 0, 0); /* transparent */
387
+ --ds-color-brand-flamingo-400: rgba(0, 0, 0, 0); /* transparent */
388
+ --ds-color-brand-flamingo-500: rgba(0, 0, 0, 0); /* transparent */
389
+ --ds-color-brand-canyon-100: rgba(0, 0, 0, 0); /* transparent */
390
+ --ds-color-brand-canyon-200: rgba(0, 0, 0, 0); /* transparent */
391
+ --ds-color-brand-canyon-300: rgba(0, 0, 0, 0); /* transparent */
392
+ --ds-color-brand-canyon-400: rgba(0, 0, 0, 0); /* transparent */
393
+ --ds-color-brand-canyon-500: rgba(0, 0, 0, 0); /* transparent */
394
+ --ds-color-brand-goldcoast-100: rgba(0, 0, 0, 0); /* transparent */
395
+ --ds-color-brand-goldcoast-200: rgba(0, 0, 0, 0); /* transparent */
396
+ --ds-color-brand-goldcoast-300: rgba(0, 0, 0, 0); /* transparent */
397
+ --ds-color-brand-goldcoast-400: rgba(0, 0, 0, 0); /* transparent */
398
+ --ds-color-brand-goldcoast-500: rgba(0, 0, 0, 0); /* transparent */
399
+ --ds-color-brand-goldgray-100: rgba(0, 0, 0, 0);
400
+ --ds-color-brand-goldgray-200: rgba(0, 0, 0, 0);
401
+ --ds-color-brand-gold-100: rgba(0, 0, 0, 0);
402
+ --ds-color-brand-gold-200: rgba(0, 0, 0, 0);
403
+ --ds-color-brand-emerald: rgba(0, 0, 0, 0);
404
+ --ds-color-brand-sapphire: rgba(0, 0, 0, 0);
405
+ --ds-color-brand-ruby: rgba(0, 0, 0, 0);
406
+ --ds-color-brand-lounge: rgba(0, 0, 0, 0);
407
+ --ds-color-brand-loungeplus: rgba(0, 0, 0, 0);
408
+ --ds-color-container-accent-default: rgba(0, 0, 0, 0);
409
+ --ds-color-container-accent-inverse: rgba(0, 0, 0, 0);
410
+ --ds-color-container-emphasis-default: rgba(0, 0, 0, 0);
411
+ --ds-color-container-emphasis-inverse: rgba(0, 0, 0, 0);
412
+ --ds-color-container-error-default: rgba(0, 0, 0, 0);
413
+ --ds-color-container-error-inverse: rgba(0, 0, 0, 0);
414
+ --ds-color-container-info-default: rgba(0, 0, 0, 0);
415
+ --ds-color-container-info-inverse: rgba(0, 0, 0, 0);
416
+ --ds-color-container-primary-default: rgba(0, 0, 0, 0);
417
+ --ds-color-container-primary-inverse: rgba(0, 0, 0, 0);
418
+ --ds-color-container-secondary-default: rgba(0, 0, 0, 0);
419
+ --ds-color-container-secondary-inverse: rgba(0, 0, 0, 0);
420
+ --ds-color-container-subtle-default: rgba(0, 0, 0, 0);
421
+ --ds-color-container-subtle-inverse: rgba(0, 0, 0, 0);
422
+ --ds-color-container-success-default: rgba(0, 0, 0, 0);
423
+ --ds-color-container-success-inverse: rgba(0, 0, 0, 0);
424
+ --ds-color-container-tertiary-default: rgba(0, 0, 0, 0);
425
+ --ds-color-container-tertiary-inverse: rgba(0, 0, 0, 0);
426
+ --ds-color-container-warning-default: rgba(0, 0, 0, 0);
427
+ --ds-color-container-warning-inverse: rgba(0, 0, 0, 0);
428
+ --ds-color-container-ui-primary-active-default: rgba(0, 0, 0, 0);
429
+ --ds-color-container-ui-primary-active-inverse: rgba(0, 0, 0, 0);
430
+ --ds-color-container-ui-primary-default-default: rgba(0, 0, 0, 0);
431
+ --ds-color-container-ui-primary-default-inverse: rgba(0, 0, 0, 0);
432
+ --ds-color-container-ui-primary-disabled-default: rgba(0, 0, 0, 0);
433
+ --ds-color-container-ui-primary-disabled-inverse: rgba(0, 0, 0, 0);
434
+ --ds-color-container-ui-primary-focus-default: rgba(0, 0, 0, 0);
435
+ --ds-color-container-ui-primary-focus-inverse: rgba(0, 0, 0, 0);
436
+ --ds-color-container-ui-primary-hover-default: rgba(0, 0, 0, 0);
437
+ --ds-color-container-ui-primary-hover-inverse: rgba(0, 0, 0, 0);
438
+ --ds-color-container-ui-secondary-active-default: rgba(0, 0, 0, 0);
439
+ --ds-color-container-ui-secondary-active-inverse: rgba(0, 0, 0, 0);
440
+ --ds-color-container-ui-secondary-default-default: rgba(0, 0, 0, 0);
441
+ --ds-color-container-ui-secondary-default-inverse: rgba(0, 0, 0, 0);
442
+ --ds-color-container-ui-secondary-disabled-default: rgba(0, 0, 0, 0);
443
+ --ds-color-container-ui-secondary-disabled-inverse: rgba(0, 0, 0, 0);
444
+ --ds-color-container-ui-secondary-focus-default: rgba(0, 0, 0, 0);
445
+ --ds-color-container-ui-secondary-focus-inverse: rgba(0, 0, 0, 0);
446
+ --ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0);
447
+ --ds-color-container-ui-secondary-hover-inverse: rgba(0, 0, 0, 0);
448
+ --ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0);
449
+ --ds-color-container-ui-tertiary-active-inverse: rgba(0, 0, 0, 0);
450
+ --ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0);
451
+ --ds-color-container-ui-tertiary-default-inverse: rgba(0, 0, 0, 0);
452
+ --ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0);
453
+ --ds-color-container-ui-tertiary-disabled-inverse: rgba(0, 0, 0, 0);
454
+ --ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0);
455
+ --ds-color-container-ui-tertiary-focus-inverse: rgba(0, 0, 0, 0);
456
+ --ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0);
457
+ --ds-color-container-ui-tertiary-hover-inverse: rgba(0, 0, 0, 0);
458
+ --ds-color-icon-primary-default: rgba(0, 0, 0, 0);
459
+ --ds-color-icon-primary-inverse: rgba(0, 0, 0, 0);
460
+ --ds-color-icon-secondary-default: rgba(0, 0, 0, 0);
461
+ --ds-color-icon-secondary-inverse: rgba(0, 0, 0, 0);
462
+ --ds-color-icon-tertiary-default: rgba(0, 0, 0, 0);
463
+ --ds-color-icon-tertiary-inverse: rgba(0, 0, 0, 0);
464
+ --ds-color-icon-emphasis-default: rgba(0, 0, 0, 0);
465
+ --ds-color-icon-emphasis-inverse: rgba(0, 0, 0, 0);
466
+ --ds-color-icon-accent-default: rgba(0, 0, 0, 0);
467
+ --ds-color-icon-accent-inverse: rgba(0, 0, 0, 0);
468
+ --ds-color-icon-info-default: rgba(0, 0, 0, 0);
469
+ --ds-color-icon-info-inverse: rgba(0, 0, 0, 0);
470
+ --ds-color-icon-error-default: rgba(0, 0, 0, 0);
471
+ --ds-color-icon-error-inverse: rgba(0, 0, 0, 0);
472
+ --ds-color-icon-warning-default: rgba(0, 0, 0, 0);
473
+ --ds-color-icon-warning-inverse: rgba(0, 0, 0, 0);
474
+ --ds-color-icon-success-default: rgba(0, 0, 0, 0);
475
+ --ds-color-icon-success-inverse: rgba(0, 0, 0, 0);
476
+ --ds-color-icon-subtle-default: rgba(0, 0, 0, 0);
477
+ --ds-color-icon-subtle-inverse: rgba(0, 0, 0, 0);
478
+ --ds-color-icon-ui-primary-default-default: rgba(0, 0, 0, 0);
479
+ --ds-color-icon-ui-primary-default-inverse: rgba(0, 0, 0, 0);
480
+ --ds-color-icon-ui-primary-hover-default: rgba(0, 0, 0, 0);
481
+ --ds-color-icon-ui-primary-hover-inverse: rgba(0, 0, 0, 0);
482
+ --ds-color-icon-ui-primary-active-default: rgba(0, 0, 0, 0);
483
+ --ds-color-icon-ui-primary-active-inverse: rgba(0, 0, 0, 0);
484
+ --ds-color-icon-ui-primary-disabled-default: rgba(0, 0, 0, 0);
485
+ --ds-color-icon-ui-primary-disabled-inverse: rgba(0, 0, 0, 0);
486
+ --ds-color-icon-ui-primary-focus-default: rgba(0, 0, 0, 0);
487
+ --ds-color-icon-ui-primary-focus-inverse: rgba(0, 0, 0, 0);
488
+ --ds-color-icon-ui-secondary-active-default: rgba(0, 0, 0, 0);
489
+ --ds-color-icon-ui-secondary-active-inverse: rgba(0, 0, 0, 0);
490
+ --ds-color-icon-ui-secondary-default-default: rgba(0, 0, 0, 0);
491
+ --ds-color-icon-ui-secondary-default-inverse: rgba(0, 0, 0, 0);
492
+ --ds-color-icon-ui-secondary-disabled-default: rgba(0, 0, 0, 0);
493
+ --ds-color-icon-ui-secondary-disabled-inverse: rgba(0, 0, 0, 0);
494
+ --ds-color-icon-ui-secondary-focus-default: rgba(0, 0, 0, 0);
495
+ --ds-color-icon-ui-secondary-focus-inverse: rgba(0, 0, 0, 0);
496
+ --ds-color-icon-ui-secondary-hover-default: rgba(0, 0, 0, 0);
497
+ --ds-color-icon-ui-secondary-hover-inverse: rgba(0, 0, 0, 0);
498
+ --ds-color-icon-brand-red-default: rgba(0, 0, 0, 0);
499
+ --ds-color-icon-brand-red-inverse: rgba(0, 0, 0, 0);
500
+ --ds-color-icon-brand-yellow-default: rgba(0, 0, 0, 0);
501
+ --ds-color-icon-brand-yellow-inverse: rgba(0, 0, 0, 0);
502
+ --ds-color-icon-brand-pink-default: rgba(0, 0, 0, 0);
503
+ --ds-color-icon-brand-pink-inverse: rgba(0, 0, 0, 0);
504
+ --ds-color-icon-brand-purple-default: rgba(0, 0, 0, 0);
505
+ --ds-color-icon-brand-purple-inverse: rgba(0, 0, 0, 0);
506
+ --ds-color-icon-brand-lime-default: rgba(0, 0, 0, 0);
507
+ --ds-color-icon-brand-lime-inverse: rgba(0, 0, 0, 0);
508
+ --ds-color-icon-brand-green-default: rgba(0, 0, 0, 0);
509
+ --ds-color-icon-brand-green-inverse: rgba(0, 0, 0, 0);
510
+ --ds-color-icon-brand-turquoise-default: rgba(0, 0, 0, 0);
511
+ --ds-color-icon-brand-turquoise-inverse: rgba(0, 0, 0, 0);
512
+ --ds-color-icon-brand-navy-default: rgba(0, 0, 0, 0);
513
+ --ds-color-icon-brand-navy-inverse: rgba(0, 0, 0, 0);
514
+ --ds-color-icon-brand-blue-default: rgba(0, 0, 0, 0);
515
+ --ds-color-icon-brand-blue-inverse: rgba(0, 0, 0, 0);
516
+ --ds-color-icon-brand-cyan-default: rgba(0, 0, 0, 0);
517
+ --ds-color-icon-brand-cyan-inverse: rgba(0, 0, 0, 0);
518
+ --ds-color-icon-brand-gray-default: rgba(0, 0, 0, 0);
519
+ --ds-color-icon-brand-gray-inverse: rgba(0, 0, 0, 0);
520
+ --ds-color-icon-brand-neutral-default: rgba(0, 0, 0, 0);
521
+ --ds-color-icon-brand-neutral-inverse: rgba(0, 0, 0, 0);
522
+ --ds-color-icon-disabled-default: rgba(0, 0, 0, 0);
523
+ --ds-color-text-primary-default: rgba(0, 0, 0, 0);
524
+ --ds-color-text-primary-inverse: rgba(0, 0, 0, 0);
525
+ --ds-color-text-secondary-default: rgba(0, 0, 0, 0);
526
+ --ds-color-text-secondary-inverse: rgba(0, 0, 0, 0);
527
+ --ds-color-text-tertiary-default: rgba(0, 0, 0, 0);
528
+ --ds-color-text-tertiary-inverse: rgba(0, 0, 0, 0);
529
+ --ds-color-text-error-default: rgba(0, 0, 0, 0);
530
+ --ds-color-text-error-inverse: rgba(0, 0, 0, 0);
531
+ --ds-color-text-emphasis-default: rgba(0, 0, 0, 0);
532
+ --ds-color-text-emphasis-inverse: rgba(0, 0, 0, 0);
533
+ --ds-color-text-accent-default: rgba(0, 0, 0, 0);
534
+ --ds-color-text-accent-inverse: rgba(0, 0, 0, 0);
535
+ --ds-color-text-info-default: rgba(0, 0, 0, 0);
536
+ --ds-color-text-info-inverse: rgba(0, 0, 0, 0);
537
+ --ds-color-text-subtle-default: rgba(0, 0, 0, 0);
538
+ --ds-color-text-subtle-inverse: rgba(0, 0, 0, 0);
539
+ --ds-color-text-success-default: rgba(0, 0, 0, 0);
540
+ --ds-color-text-success-inverse: rgba(0, 0, 0, 0);
541
+ --ds-color-text-ui-active-default: rgba(0, 0, 0, 0);
542
+ --ds-color-text-ui-active-inverse: rgba(0, 0, 0, 0);
543
+ --ds-color-text-ui-default-default: rgba(0, 0, 0, 0);
544
+ --ds-color-text-ui-default-inverse: rgba(0, 0, 0, 0);
545
+ --ds-color-text-ui-disabled-default: rgba(0, 0, 0, 0);
546
+ --ds-color-text-ui-disabled-inverse: rgba(0, 0, 0, 0);
547
+ --ds-color-text-ui-focus-default: rgba(0, 0, 0, 0);
548
+ --ds-color-text-ui-focus-inverse: rgba(0, 0, 0, 0);
549
+ --ds-color-text-ui-hover-default: rgba(0, 0, 0, 0);
550
+ --ds-color-text-ui-hover-inverse: rgba(0, 0, 0, 0);
551
+ --ds-color-text-link-default: rgba(0, 0, 0, 0);
552
+ --ds-color-text-link-inverse: rgba(0, 0, 0, 0);
553
+ --ds-color-tier-alaska-mvp-default: #726e6c;
554
+ --ds-color-tier-alaska-mvp-inverse: #c5c1bf;
555
+ --ds-color-tier-alaska-mvpgold-default: #7f682e;
556
+ --ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;
557
+ --ds-color-tier-alaska-mvpgold75k-default: #7f682e;
558
+ --ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;
559
+ --ds-color-tier-alaska-mvpgold100k-default: #7f682e;
560
+ --ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;
561
+ --ds-color-tier-alaska-lounge: rgba(0, 0, 0, 0);
562
+ --ds-color-tier-alaska-loungeplus: rgba(0, 0, 0, 0);
563
+ --ds-color-tier-fare-business-default: #005154;
564
+ --ds-color-tier-fare-business-inverse: rgba(0, 0, 0, 0);
565
+ --ds-color-tier-fare-economy-default: rgba(0, 0, 0, 0);
566
+ --ds-color-tier-fare-economy-inverse: rgba(0, 0, 0, 0);
567
+ --ds-color-tier-fare-first-class-default: #002c4e;
568
+ --ds-color-tier-fare-first-class-inverse: rgba(0, 0, 0, 0);
569
+ --ds-color-tier-fare-saver-default: rgba(0, 0, 0, 0);
570
+ --ds-color-tier-fare-saver-inverse: rgba(0, 0, 0, 0);
571
+ --ds-color-tier-oneworld-emerald: #139142;
572
+ --ds-color-tier-oneworld-sapphire: #015daa;
573
+ --ds-color-tier-oneworld-ruby: #a41d4a;
574
+ --ds-color-ui-default-default: rgba(0, 0, 0, 0);
575
+ --ds-color-ui-default-inverse: rgba(0, 0, 0, 0);
576
+ --ds-color-ui-hover-default: rgba(0, 0, 0, 0);
577
+ --ds-color-ui-hover-inverse: rgba(0, 0, 0, 0);
578
+ --ds-color-ui-active-default: rgba(0, 0, 0, 0);
579
+ --ds-color-ui-active-inverse: rgba(0, 0, 0, 0);
580
+ --ds-color-ui-disabled-default: rgba(0, 0, 0, 0);
581
+ --ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0);
582
+ --ds-color-ui-bkg-default-inverse: rgba(0, 0, 0, 0);
583
+ --ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0);
584
+ --ds-color-ui-bkg-hover-inverse: rgba(0, 0, 0, 0);
585
+ --ds-color-utility-blue-default: rgba(0, 0, 0, 0);
586
+ --ds-color-utility-blue-inverse: rgba(0, 0, 0, 0);
587
+ --ds-color-utility-cyan-default: rgba(0, 0, 0, 0);
588
+ --ds-color-utility-cyan-inverse: rgba(0, 0, 0, 0);
589
+ --ds-color-utility-green-default: rgba(0, 0, 0, 0);
590
+ --ds-color-utility-green-inverse: rgba(0, 0, 0, 0);
591
+ --ds-color-utility-gray-default: rgba(0, 0, 0, 0);
592
+ --ds-color-utility-gray-inverse: rgba(0, 0, 0, 0);
593
+ --ds-color-utility-lime-default: rgba(0, 0, 0, 0);
594
+ --ds-color-utility-lime-inverse: rgba(0, 0, 0, 0);
595
+ --ds-color-utility-navy-default: rgba(0, 0, 0, 0);
596
+ --ds-color-utility-navy-inverse: rgba(0, 0, 0, 0);
597
+ --ds-color-utility-neutral-default: rgba(0, 0, 0, 0);
598
+ --ds-color-utility-neutral-inverse: rgba(0, 0, 0, 0);
599
+ --ds-color-utility-pink-default: rgba(0, 0, 0, 0);
600
+ --ds-color-utility-pink-inverse: rgba(0, 0, 0, 0);
601
+ --ds-color-utility-purple-default: rgba(0, 0, 0, 0);
602
+ --ds-color-utility-purple-inverse: rgba(0, 0, 0, 0);
603
+ --ds-color-utility-red-default: rgba(0, 0, 0, 0);
604
+ --ds-color-utility-red-inverse: rgba(0, 0, 0, 0);
605
+ --ds-color-utility-turquoise-default: rgba(0, 0, 0, 0);
606
+ --ds-color-utility-turquoise-inverse: rgba(0, 0, 0, 0);
607
+ --ds-color-utility-yellow-default: rgba(0, 0, 0, 0);
608
+ --ds-color-utility-yellow-inverse: rgba(0, 0, 0, 0);
609
+ --ds-color-utility-error-default: rgba(0, 0, 0, 0);
610
+ --ds-color-utility-error-inverse: rgba(0, 0, 0, 0);
611
+ --ds-color-utility-warning-default: rgba(0, 0, 0, 0);
612
+ --ds-color-utility-warning-inverse: rgba(0, 0, 0, 0);
613
+ --ds-color-utility-success-default: rgba(0, 0, 0, 0);
614
+ --ds-color-utility-success-inverse: rgba(0, 0, 0, 0);
615
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "4.10.2",
3
+ "version": "4.12.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
package/src/size/scale.json CHANGED
@@ -182,6 +182,12 @@
182
182
  "public": true,
183
183
  "deprecated": false
184
184
  },
185
+ "250": {
186
+ "value": 1.25,
187
+ "comment": "20px",
188
+ "public": true,
189
+ "deprecated": false
190
+ },
185
191
  "300": {
186
192
  "value": 1.50,
187
193
  "comment": "24px",
package/src/themes/hawaiian/color/background.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "color": {
3
+ "background": {
4
+ "lightest": {
5
+ "value": "#F1F3F3",
6
+ "public": true,
7
+ "usage": "Used for creating light backgrounds",
8
+ "wcag": "n/a",
9
+ "deprecated": true,
10
+ "version": "4.5.0",
11
+ "reference": "n/a"
12
+ }
13
+ }
14
+ }
15
+ }