@aurodesignsystem/design-tokens 4.4.0 → 4.6.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 +28 -0
- package/README.md +30 -23
- package/dist/tokens/CSSCustomProperties.css +1541 -64
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +16463 -2038
- package/dist/tokens/JSONVariablesFlat.json +470 -33
- package/dist/tokens/JSONVariablesNested.json +735 -48
- package/dist/tokens/JSObject--allTokens.js +13406 -2117
- 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 +736 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
- package/package.json +5 -5
- package/src/color/alert.json +18 -103
- package/src/color/background.json +215 -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/animation.json +21 -0
- package/src/themes/excursion/asset/font.json +35 -0
- package/src/themes/excursion/color/alert.json +90 -0
- package/src/themes/excursion/color/background.json +280 -0
- package/src/themes/excursion/color/base.json +1303 -0
- package/src/themes/excursion/color/border.json +288 -0
- package/src/themes/excursion/color/brand.json +1549 -0
- package/src/themes/excursion/color/container.json +464 -0
- package/src/themes/excursion/color/excursion.json +254 -0
- package/src/themes/excursion/color/icon.json +476 -0
- package/src/themes/excursion/color/text.json +270 -0
- package/src/themes/excursion/color/tier.json +180 -0
- package/src/themes/excursion/color/ui.json +125 -0
- package/src/themes/excursion/comments.json +34 -0
- package/src/themes/excursion/depth copy.json +22 -0
- package/src/themes/excursion/elevation.json +22 -0
- package/src/themes/excursion/grid-breakpoint.json +29 -0
- package/src/themes/excursion/grid-column.json +29 -0
- package/src/themes/excursion/grid-gutter.json +29 -0
- package/src/themes/excursion/grid-margin.json +29 -0
- package/src/themes/excursion/size/radius.json +9 -0
- package/src/themes/excursion/size/scale.json +234 -0
- package/src/themes/excursion/size/unitless-scale.json +82 -0
- package/src/themes/excursion/text.json +572 -0
- package/src/breakpoint.json +0 -28
- package/src/shadow.json +0 -13
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 28 May 2024 17:33:10 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DsColorAlertNotificationDefault = "#0074c8";
|
|
@@ -10,33 +10,612 @@ export const DsColorAlertSuccessDefault = "#00805d";
|
|
|
10
10
|
export const DsColorAlertAdvisoryDefault = "#fff0cd";
|
|
11
11
|
export const DsColorAlertBkgSuccessDefault = "#ddf6e8";
|
|
12
12
|
export const DsColorAlertBkgErrorDefault = "#ffedf1";
|
|
13
|
+
export const DsColorBackgroundPrimary100Default = "#ffffff";
|
|
14
|
+
export const DsColorBackgroundPrimary100Inverse = "#0e2b4f";
|
|
15
|
+
export const DsColorBackgroundPrimary200Default = "#f7f7f7";
|
|
16
|
+
export const DsColorBackgroundPrimary200Inverse = "#194069";
|
|
17
|
+
export const DsColorBackgroundPrimary300Default = "#e4e8ec";
|
|
18
|
+
export const DsColorBackgroundPrimary300Inverse = "#265688";
|
|
19
|
+
export const DsColorBackgroundPrimary400Default = "#dddddd";
|
|
20
|
+
export const DsColorBackgroundPrimary400Inverse = "#326aa5";
|
|
21
|
+
export const DsColorBackgroundSuccessDefault = "#eef8f5";
|
|
22
|
+
export const DsColorBackgroundSuccessInverse = "#173c30";
|
|
23
|
+
export const DsColorBackgroundErrorDefault = "#fff4f4";
|
|
24
|
+
export const DsColorBackgroundErrorInverse = "#74110e";
|
|
25
|
+
export const DsColorBackgroundWarningDefault = "#fef8e9";
|
|
26
|
+
export const DsColorBackgroundWarningInverse = "#5d4514";
|
|
27
|
+
export const DsColorBackgroundInfoDefault = "#f0f7fd";
|
|
28
|
+
export const DsColorBackgroundInfoInverse = "#193d73";
|
|
29
|
+
export const DsColorBackgroundSubtleDefault = "#f7f8fa";
|
|
30
|
+
export const DsColorBackgroundSubtleInverse = "#2a2a2a";
|
|
31
|
+
export const DsColorBackgroundAccentDefault = "#ebfafd";
|
|
32
|
+
export const DsColorBackgroundAccentInverse = "#275b72";
|
|
33
|
+
export const DsColorBackgroundEmphasisDefault = "#c9e0f7";
|
|
34
|
+
export const DsColorBackgroundEmphasisInverse = "#225296";
|
|
13
35
|
export const DsColorBackgroundLightest = "#ffffff";
|
|
14
|
-
export const DsColorBackgroundLighter = "#
|
|
36
|
+
export const DsColorBackgroundLighter = "#f7f7f7";
|
|
15
37
|
export const DsColorBackgroundDarker = "#01426a";
|
|
16
38
|
export const DsColorBackgroundDarkest = "#00274a";
|
|
17
39
|
export const DsColorBackgroundGradientDefault = "linear-gradient(180deg, #ffffff, #ffffff)";
|
|
18
40
|
export const DsColorBaseWhite = "#ffffff"; //
|
|
19
41
|
// Base value for token support; should not use in code!
|
|
42
|
+
export const DsColorBaseWhite100 = "#ffffff"; //
|
|
43
|
+
// Base value for token support; should not use in code!
|
|
44
|
+
export const DsColorBaseWhite200 = "#ffffff"; //
|
|
45
|
+
// Base value for token support; should not use in code!
|
|
46
|
+
export const DsColorBaseWhite300 = "#ffffff"; //
|
|
47
|
+
// Base value for token support; should not use in code!
|
|
48
|
+
export const DsColorBaseWhite400 = "#ffffff"; //
|
|
49
|
+
// Base value for token support; should not use in code!
|
|
50
|
+
export const DsColorBaseWhite500 = "#ffffff"; //
|
|
51
|
+
// Base value for token support; should not use in code!
|
|
20
52
|
export const DsColorBaseWhiteOpacity50 = "#ffffff"; // white @ 50%
|
|
21
53
|
export const DsColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
|
|
22
54
|
export const DsColorBaseWhiteOpacity0 = "#ffffff"; // white @ 0%
|
|
23
55
|
export const DsColorBaseBlack = "#000000"; //
|
|
24
56
|
// Base value for token support; should not use in code!
|
|
57
|
+
export const DsColorBaseBlack100 = "#000000"; //
|
|
58
|
+
// Base value for token support; should not use in code!
|
|
59
|
+
export const DsColorBaseBlack200 = "#000000"; //
|
|
60
|
+
// Base value for token support; should not use in code!
|
|
61
|
+
export const DsColorBaseBlack300 = "#000000"; //
|
|
62
|
+
// Base value for token support; should not use in code!
|
|
63
|
+
export const DsColorBaseBlack400 = "#000000"; //
|
|
64
|
+
// Base value for token support; should not use in code!
|
|
65
|
+
export const DsColorBaseBlack500 = "#000000"; //
|
|
66
|
+
// Base value for token support; should not use in code!
|
|
25
67
|
export const DsColorBaseBlackOpacity15 = "#000000"; // black @ 15%
|
|
68
|
+
export const DsColorBaseBlue100 = "#f0f7fd"; //
|
|
69
|
+
// Base value for token support; should not use in code!
|
|
70
|
+
export const DsColorBaseBlue200 = "#c9e0f7"; //
|
|
71
|
+
// Base value for token support; should not use in code!
|
|
72
|
+
export const DsColorBaseBlue300 = "#a0c9f1"; //
|
|
73
|
+
// Base value for token support; should not use in code!
|
|
74
|
+
export const DsColorBaseBlue400 = "#79b2ec"; //
|
|
75
|
+
// Base value for token support; should not use in code!
|
|
76
|
+
export const DsColorBaseBlue500 = "#5398e6"; //
|
|
77
|
+
// Base value for token support; should not use in code!
|
|
78
|
+
export const DsColorBaseBlue600 = "#3b7fd2"; //
|
|
79
|
+
// Base value for token support; should not use in code!
|
|
80
|
+
export const DsColorBaseBlue700 = "#2c67b5"; //
|
|
81
|
+
// Base value for token support; should not use in code!
|
|
82
|
+
export const DsColorBaseBlue800 = "#225296"; //
|
|
83
|
+
// Base value for token support; should not use in code!
|
|
84
|
+
export const DsColorBaseBlue900 = "#193d73"; //
|
|
85
|
+
// Base value for token support; should not use in code!
|
|
86
|
+
export const DsColorBaseBlue1000 = "#102a51"; //
|
|
87
|
+
// Base value for token support; should not use in code!
|
|
88
|
+
export const DsColorBaseCyan100 = "#ebfafd"; //
|
|
89
|
+
// Base value for token support; should not use in code!
|
|
90
|
+
export const DsColorBaseCyan200 = "#a8e9f7"; //
|
|
91
|
+
// Base value for token support; should not use in code!
|
|
92
|
+
export const DsColorBaseCyan300 = "#6ad5ef"; //
|
|
93
|
+
// Base value for token support; should not use in code!
|
|
94
|
+
export const DsColorBaseCyan400 = "#56bbde"; //
|
|
95
|
+
// Base value for token support; should not use in code!
|
|
96
|
+
export const DsColorBaseCyan500 = "#4aa2c7"; //
|
|
97
|
+
// Base value for token support; should not use in code!
|
|
98
|
+
export const DsColorBaseCyan600 = "#3e89aa"; //
|
|
99
|
+
// Base value for token support; should not use in code!
|
|
100
|
+
export const DsColorBaseCyan700 = "#32718e"; //
|
|
101
|
+
// Base value for token support; should not use in code!
|
|
102
|
+
export const DsColorBaseCyan800 = "#275b72"; //
|
|
103
|
+
// Base value for token support; should not use in code!
|
|
104
|
+
export const DsColorBaseCyan900 = "#1d4658"; //
|
|
105
|
+
// Base value for token support; should not use in code!
|
|
106
|
+
export const DsColorBaseCyan1000 = "#12303d"; //
|
|
107
|
+
// Base value for token support; should not use in code!
|
|
108
|
+
export const DsColorBaseError100 = "#fff4f4"; //
|
|
109
|
+
// Base value for token support; should not use in code!
|
|
110
|
+
export const DsColorBaseError200 = "#f9aca6"; //
|
|
111
|
+
// Base value for token support; should not use in code!
|
|
112
|
+
export const DsColorBaseError300 = "#f16359"; //
|
|
113
|
+
// Base value for token support; should not use in code!
|
|
114
|
+
export const DsColorBaseError400 = "#cc1816"; //
|
|
115
|
+
// Base value for token support; should not use in code!
|
|
116
|
+
export const DsColorBaseError500 = "#74110e"; //
|
|
117
|
+
// Base value for token support; should not use in code!
|
|
118
|
+
export const DsColorBaseGray100 = "#f7f7f7"; //
|
|
119
|
+
// Base value for token support; should not use in code!
|
|
120
|
+
export const DsColorBaseGray200 = "#dddddd"; //
|
|
121
|
+
// Base value for token support; should not use in code!
|
|
122
|
+
export const DsColorBaseGray300 = "#c5c5c5"; //
|
|
123
|
+
// Base value for token support; should not use in code!
|
|
124
|
+
export const DsColorBaseGray400 = "#adadad"; //
|
|
125
|
+
// Base value for token support; should not use in code!
|
|
126
|
+
export const DsColorBaseGray500 = "#959595"; //
|
|
127
|
+
// Base value for token support; should not use in code!
|
|
128
|
+
export const DsColorBaseGray600 = "#7e7e7e"; //
|
|
129
|
+
// Base value for token support; should not use in code!
|
|
130
|
+
export const DsColorBaseGray700 = "#676767"; //
|
|
131
|
+
// Base value for token support; should not use in code!
|
|
132
|
+
export const DsColorBaseGray800 = "#525252"; //
|
|
133
|
+
// Base value for token support; should not use in code!
|
|
134
|
+
export const DsColorBaseGray900 = "#3d3d3d"; //
|
|
135
|
+
// Base value for token support; should not use in code!
|
|
136
|
+
export const DsColorBaseGray1000 = "#2a2a2a"; //
|
|
137
|
+
// Base value for token support; should not use in code!
|
|
138
|
+
export const DsColorBaseGreen100 = "#f3faf7"; //
|
|
139
|
+
// Base value for token support; should not use in code!
|
|
140
|
+
export const DsColorBaseGreen200 = "#000000"; //
|
|
141
|
+
// Base value for token support; should not use in code!
|
|
142
|
+
export const DsColorBaseGreen300 = "#addbca"; //
|
|
143
|
+
// Base value for token support; should not use in code!
|
|
144
|
+
export const DsColorBaseGreen400 = "#7ec6ac"; //
|
|
145
|
+
// Base value for token support; should not use in code!
|
|
146
|
+
export const DsColorBaseGreen500 = "#51ae8c"; //
|
|
147
|
+
// Base value for token support; should not use in code!
|
|
148
|
+
export const DsColorBaseGreen600 = "#459578"; //
|
|
149
|
+
// Base value for token support; should not use in code!
|
|
150
|
+
export const DsColorBaseGreen700 = "#3a7d64"; //
|
|
151
|
+
// Base value for token support; should not use in code!
|
|
152
|
+
export const DsColorBaseGreen800 = "#306854"; //
|
|
153
|
+
// Base value for token support; should not use in code!
|
|
154
|
+
export const DsColorBaseGreen900 = "#285545"; //
|
|
155
|
+
// Base value for token support; should not use in code!
|
|
156
|
+
export const DsColorBaseGreen1000 = "#1f4436"; //
|
|
157
|
+
// Base value for token support; should not use in code!
|
|
158
|
+
export const DsColorBaseLime100 = "#f5fbeb"; //
|
|
159
|
+
// Base value for token support; should not use in code!
|
|
160
|
+
export const DsColorBaseLime200 = "#d8efb4"; //
|
|
161
|
+
// Base value for token support; should not use in code!
|
|
162
|
+
export const DsColorBaseLime300 = "#badd81"; //
|
|
163
|
+
// Base value for token support; should not use in code!
|
|
164
|
+
export const DsColorBaseLime400 = "#a2c270"; //
|
|
165
|
+
// Base value for token support; should not use in code!
|
|
166
|
+
export const DsColorBaseLime500 = "#8ca761"; //
|
|
167
|
+
// Base value for token support; should not use in code!
|
|
168
|
+
export const DsColorBaseLime600 = "#778f53"; //
|
|
169
|
+
// Base value for token support; should not use in code!
|
|
170
|
+
export const DsColorBaseLime700 = "#647845"; //
|
|
171
|
+
// Base value for token support; should not use in code!
|
|
172
|
+
export const DsColorBaseLime800 = "#53643a"; //
|
|
173
|
+
// Base value for token support; should not use in code!
|
|
174
|
+
export const DsColorBaseLime900 = "#44522f"; //
|
|
175
|
+
// Base value for token support; should not use in code!
|
|
176
|
+
export const DsColorBaseLime1000 = "#364126"; //
|
|
177
|
+
// Base value for token support; should not use in code!
|
|
178
|
+
export const DsColorBaseNavy100 = "#f2f7fb"; //
|
|
179
|
+
// Base value for token support; should not use in code!
|
|
180
|
+
export const DsColorBaseNavy200 = "#cfe0ef"; //
|
|
181
|
+
// Base value for token support; should not use in code!
|
|
182
|
+
export const DsColorBaseNavy300 = "#acc9e2"; //
|
|
183
|
+
// Base value for token support; should not use in code!
|
|
184
|
+
export const DsColorBaseNavy400 = "#89b2d4"; //
|
|
185
|
+
// Base value for token support; should not use in code!
|
|
186
|
+
export const DsColorBaseNavy500 = "#6899c6"; //
|
|
187
|
+
// Base value for token support; should not use in code!
|
|
188
|
+
export const DsColorBaseNavy600 = "#4a82b7"; //
|
|
189
|
+
// Base value for token support; should not use in code!
|
|
190
|
+
export const DsColorBaseNavy700 = "#326aa5"; //
|
|
191
|
+
// Base value for token support; should not use in code!
|
|
192
|
+
export const DsColorBaseNavy800 = "#265688"; //
|
|
193
|
+
// Base value for token support; should not use in code!
|
|
194
|
+
export const DsColorBaseNavy900 = "#194069"; //
|
|
195
|
+
// Base value for token support; should not use in code!
|
|
196
|
+
export const DsColorBaseNavy1000 = "#0e2b4f"; //
|
|
197
|
+
// Base value for token support; should not use in code!
|
|
198
|
+
export const DsColorBaseNeutral100 = "#f7f8fa"; //
|
|
199
|
+
// Base value for token support; should not use in code!
|
|
200
|
+
export const DsColorBaseNeutral200 = "#e4e8ec"; //
|
|
201
|
+
// Base value for token support; should not use in code!
|
|
202
|
+
export const DsColorBaseNeutral300 = "#ccd2db"; //
|
|
203
|
+
// Base value for token support; should not use in code!
|
|
204
|
+
export const DsColorBaseNeutral400 = "#afb9c6"; //
|
|
205
|
+
// Base value for token support; should not use in code!
|
|
206
|
+
export const DsColorBaseNeutral500 = "#939fad"; //
|
|
207
|
+
// Base value for token support; should not use in code!
|
|
208
|
+
export const DsColorBaseNeutral600 = "#7e8894"; //
|
|
209
|
+
// Base value for token support; should not use in code!
|
|
210
|
+
export const DsColorBaseNeutral700 = "#6a717c"; //
|
|
211
|
+
// Base value for token support; should not use in code!
|
|
212
|
+
export const DsColorBaseNeutral800 = "#585e67"; //
|
|
213
|
+
// Base value for token support; should not use in code!
|
|
214
|
+
export const DsColorBaseNeutral900 = "#484d55"; //
|
|
215
|
+
// Base value for token support; should not use in code!
|
|
216
|
+
export const DsColorBaseNeutral1000 = "#393d43"; //
|
|
217
|
+
// Base value for token support; should not use in code!
|
|
218
|
+
export const DsColorBasePink100 = "#fff7f8"; //
|
|
219
|
+
// Base value for token support; should not use in code!
|
|
220
|
+
export const DsColorBasePink200 = "#fde0e6"; //
|
|
221
|
+
// Base value for token support; should not use in code!
|
|
222
|
+
export const DsColorBasePink300 = "#fcc2ce"; //
|
|
223
|
+
// Base value for token support; should not use in code!
|
|
224
|
+
export const DsColorBasePink400 = "#fa9db0"; //
|
|
225
|
+
// Base value for token support; should not use in code!
|
|
226
|
+
export const DsColorBasePink500 = "#f7738e"; //
|
|
227
|
+
// Base value for token support; should not use in code!
|
|
228
|
+
export const DsColorBasePink600 = "#e45472"; //
|
|
229
|
+
// Base value for token support; should not use in code!
|
|
230
|
+
export const DsColorBasePink700 = "#bf475f"; //
|
|
231
|
+
// Base value for token support; should not use in code!
|
|
232
|
+
export const DsColorBasePink800 = "#a03b50"; //
|
|
233
|
+
// Base value for token support; should not use in code!
|
|
234
|
+
export const DsColorBasePink900 = "#833142"; //
|
|
235
|
+
// Base value for token support; should not use in code!
|
|
236
|
+
export const DsColorBasePink1000 = "#692734"; //
|
|
237
|
+
// Base value for token support; should not use in code!
|
|
238
|
+
export const DsColorBasePurple100 = "#fbf8fe"; //
|
|
239
|
+
// Base value for token support; should not use in code!
|
|
240
|
+
export const DsColorBasePurple200 = "#ede3fd"; //
|
|
241
|
+
// Base value for token support; should not use in code!
|
|
242
|
+
export const DsColorBasePurple300 = "#ddc9fb"; //
|
|
243
|
+
// Base value for token support; should not use in code!
|
|
244
|
+
export const DsColorBasePurple400 = "#c9a9f8"; //
|
|
245
|
+
// Base value for token support; should not use in code!
|
|
246
|
+
export const DsColorBasePurple500 = "#b588f5"; //
|
|
247
|
+
// Base value for token support; should not use in code!
|
|
248
|
+
export const DsColorBasePurple600 = "#a268f3"; //
|
|
249
|
+
// Base value for token support; should not use in code!
|
|
250
|
+
export const DsColorBasePurple700 = "#8d47f0"; //
|
|
251
|
+
// Base value for token support; should not use in code!
|
|
252
|
+
export const DsColorBasePurple800 = "#7633d7"; //
|
|
253
|
+
// Base value for token support; should not use in code!
|
|
254
|
+
export const DsColorBasePurple900 = "#622ab2"; //
|
|
255
|
+
// Base value for token support; should not use in code!
|
|
256
|
+
export const DsColorBasePurple1000 = "#4e228d"; //
|
|
257
|
+
// Base value for token support; should not use in code!
|
|
258
|
+
export const DsColorBaseRed100 = "#fef7f5"; //
|
|
259
|
+
// Base value for token support; should not use in code!
|
|
260
|
+
export const DsColorBaseRed200 = "#fae2da"; //
|
|
261
|
+
// Base value for token support; should not use in code!
|
|
262
|
+
export const DsColorBaseRed300 = "#f5c7b8"; //
|
|
263
|
+
// Base value for token support; should not use in code!
|
|
264
|
+
export const DsColorBaseRed400 = "#f0a68d"; //
|
|
265
|
+
// Base value for token support; should not use in code!
|
|
266
|
+
export const DsColorBaseRed500 = "#e9815e"; //
|
|
267
|
+
// Base value for token support; should not use in code!
|
|
268
|
+
export const DsColorBaseRed600 = "#e35c2f"; //
|
|
269
|
+
// Base value for token support; should not use in code!
|
|
270
|
+
export const DsColorBaseRed700 = "#d03a08"; //
|
|
271
|
+
// Base value for token support; should not use in code!
|
|
272
|
+
export const DsColorBaseRed800 = "#ae3007"; //
|
|
273
|
+
// Base value for token support; should not use in code!
|
|
274
|
+
export const DsColorBaseRed900 = "#902806"; //
|
|
275
|
+
// Base value for token support; should not use in code!
|
|
276
|
+
export const DsColorBaseRed1000 = "#732005"; //
|
|
277
|
+
// Base value for token support; should not use in code!
|
|
278
|
+
export const DsColorBaseSuccess100 = "#eef8f5"; //
|
|
279
|
+
// Base value for token support; should not use in code!
|
|
280
|
+
export const DsColorBaseSuccess200 = "#8eceb9"; //
|
|
281
|
+
// Base value for token support; should not use in code!
|
|
282
|
+
export const DsColorBaseSuccess300 = "#40a080"; //
|
|
283
|
+
// Base value for token support; should not use in code!
|
|
284
|
+
export const DsColorBaseSuccess400 = "#0b6f4d"; //
|
|
285
|
+
// Base value for token support; should not use in code!
|
|
286
|
+
export const DsColorBaseSuccess500 = "#173c30"; //
|
|
287
|
+
// Base value for token support; should not use in code!
|
|
288
|
+
export const DsColorBaseTurquoise100 = "#f7fafa"; //
|
|
289
|
+
// Base value for token support; should not use in code!
|
|
290
|
+
export const DsColorBaseTurquoise200 = "#dfe9ea"; //
|
|
291
|
+
// Base value for token support; should not use in code!
|
|
292
|
+
export const DsColorBaseTurquoise300 = "#c2d5d6"; //
|
|
293
|
+
// Base value for token support; should not use in code!
|
|
294
|
+
export const DsColorBaseTurquoise400 = "#9fbdbe"; //
|
|
295
|
+
// Base value for token support; should not use in code!
|
|
296
|
+
export const DsColorBaseTurquoise500 = "#7ba5a6"; //
|
|
297
|
+
// Base value for token support; should not use in code!
|
|
298
|
+
export const DsColorBaseTurquoise600 = "#5c8f91"; //
|
|
299
|
+
// Base value for token support; should not use in code!
|
|
300
|
+
export const DsColorBaseTurquoise700 = "#3d7a7d"; //
|
|
301
|
+
// Base value for token support; should not use in code!
|
|
302
|
+
export const DsColorBaseTurquoise800 = "#21686a"; //
|
|
303
|
+
// Base value for token support; should not use in code!
|
|
304
|
+
export const DsColorBaseTurquoise900 = "#085659"; //
|
|
305
|
+
// Base value for token support; should not use in code!
|
|
306
|
+
export const DsColorBaseTurquoise1000 = "#004447"; //
|
|
307
|
+
// Base value for token support; should not use in code!
|
|
308
|
+
export const DsColorBaseYellow100 = "#fff9df"; //
|
|
309
|
+
// Base value for token support; should not use in code!
|
|
310
|
+
export const DsColorBaseYellow200 = "#ffe87e"; //
|
|
311
|
+
// Base value for token support; should not use in code!
|
|
312
|
+
export const DsColorBaseYellow300 = "#f9ce06"; //
|
|
313
|
+
// Base value for token support; should not use in code!
|
|
314
|
+
export const DsColorBaseYellow400 = "#d6b622"; //
|
|
315
|
+
// Base value for token support; should not use in code!
|
|
316
|
+
export const DsColorBaseYellow500 = "#b49d35"; //
|
|
317
|
+
// Base value for token support; should not use in code!
|
|
318
|
+
export const DsColorBaseYellow600 = "#96873e"; //
|
|
319
|
+
// Base value for token support; should not use in code!
|
|
320
|
+
export const DsColorBaseYellow700 = "#7c7140"; //
|
|
321
|
+
// Base value for token support; should not use in code!
|
|
322
|
+
export const DsColorBaseYellow800 = "#665e3d"; //
|
|
323
|
+
// Base value for token support; should not use in code!
|
|
324
|
+
export const DsColorBaseYellow900 = "#524e38"; //
|
|
325
|
+
// Base value for token support; should not use in code!
|
|
326
|
+
export const DsColorBaseYellow1000 = "#403d30"; //
|
|
327
|
+
// Base value for token support; should not use in code!
|
|
328
|
+
export const DsColorBaseWarning100 = "#fef8e9"; //
|
|
329
|
+
// Base value for token support; should not use in code!
|
|
330
|
+
export const DsColorBaseWarning200 = "#f2c153"; //
|
|
331
|
+
// Base value for token support; should not use in code!
|
|
332
|
+
export const DsColorBaseWarning300 = "#c49432"; //
|
|
333
|
+
// Base value for token support; should not use in code!
|
|
334
|
+
export const DsColorBaseWarning400 = "#8e6b22"; //
|
|
335
|
+
// Base value for token support; should not use in code!
|
|
336
|
+
export const DsColorBaseWarning500 = "#5d4514"; //
|
|
337
|
+
// Base value for token support; should not use in code!
|
|
26
338
|
export const DsColorStateError100 = "#ff999b";
|
|
27
339
|
export const DsColorStateError500 = "#df0b37";
|
|
28
340
|
export const DsColorStateSuccess100 = "#69cf96";
|
|
29
341
|
export const DsColorStateSuccess500 = "#00805d";
|
|
30
342
|
export const DsColorStateWarning500 = "#de750c";
|
|
31
|
-
export const DsColorBorderPrimaryDefault = "#
|
|
32
|
-
export const DsColorBorderPrimaryInverse = "#
|
|
33
|
-
export const
|
|
34
|
-
export const
|
|
35
|
-
export const
|
|
36
|
-
export const
|
|
37
|
-
export const
|
|
343
|
+
export const DsColorBorderPrimaryDefault = "#585e67";
|
|
344
|
+
export const DsColorBorderPrimaryInverse = "#afb9c6";
|
|
345
|
+
export const DsColorBorderSecondaryDefault = "#939fad";
|
|
346
|
+
export const DsColorBorderSecondaryInverse = "#7e8894";
|
|
347
|
+
export const DsColorBorderTertiaryDefault = "#dddddd";
|
|
348
|
+
export const DsColorBorderTertiaryInverse = "#676767";
|
|
349
|
+
export const DsColorBorderErrorDefault = "#cc1816";
|
|
350
|
+
export const DsColorBorderErrorInverse = "#f9aca6";
|
|
38
351
|
export const DsColorBorderDividerDefault = "#000000";
|
|
39
352
|
export const DsColorBorderDividerInverse = "#ffffff";
|
|
353
|
+
export const DsColorBorderSubtleDefault = "#f0f7fd";
|
|
354
|
+
export const DsColorBorderSubtleInverse = "#326aa5";
|
|
355
|
+
export const DsColorBorderEmphasisDefault = "#194069";
|
|
356
|
+
export const DsColorBorderEmphasisInverse = "#f2d7fb";
|
|
357
|
+
export const DsColorBorderAccentDefault = "#badd81";
|
|
358
|
+
export const DsColorBorderAccentInverse = "#a2c270";
|
|
359
|
+
export const DsColorBorderSuccessDefault = "#0b6f4d";
|
|
360
|
+
export const DsColorBorderSuccessInverse = "#8eceb9";
|
|
361
|
+
export const DsColorBorderWarningDefault = "#fef8e9";
|
|
362
|
+
export const DsColorBorderWarningInverse = "#f2c153";
|
|
363
|
+
export const DsColorBorderInfoDefault = "#326aa5";
|
|
364
|
+
export const DsColorBorderInfoInverse = "#89b2d4";
|
|
365
|
+
export const DsColorBorderUiDefaultDefault = "#2c67b5";
|
|
366
|
+
export const DsColorBorderUiDefaultInverse = "#56bbde";
|
|
367
|
+
export const DsColorBorderUiHoverDefault = "#193d73";
|
|
368
|
+
export const DsColorBorderUiHoverInverse = "#a8e9f7";
|
|
369
|
+
export const DsColorBorderUiActiveDefault = "#225296";
|
|
370
|
+
export const DsColorBorderUiActiveInverse = "#6ad5ef";
|
|
371
|
+
export const DsColorBorderUiFocusDefault = "#2c67b5";
|
|
372
|
+
export const DsColorBorderUiFocusInverse = "#56bbde";
|
|
373
|
+
export const DsColorBorderUiDisabledDefault = "#adadad";
|
|
374
|
+
export const DsColorBorderUiDisabledInverse = "#7e7e7e";
|
|
375
|
+
export const DsColorBorderActiveDefault = "#0074c8";
|
|
376
|
+
export const DsColorBorderActiveInverse = "#00cff0";
|
|
377
|
+
export const DsColorBorderDisabledDefault = "#dddddd";
|
|
378
|
+
export const DsColorBorderFocusDefault = "#959595";
|
|
379
|
+
export const DsColorBrandNeutral100 = "#f7f8fa"; //
|
|
380
|
+
// Please consider descriptive token prior to using brand token
|
|
381
|
+
export const DsColorBrandNeutral200 = "#e4e8ec"; //
|
|
382
|
+
// Please consider descriptive token prior to using brand token
|
|
383
|
+
export const DsColorBrandNeutral300 = "#ccd2db"; //
|
|
384
|
+
// Please consider descriptive token prior to using brand token
|
|
385
|
+
export const DsColorBrandNeutral400 = "#afb9c6"; //
|
|
386
|
+
// Please consider descriptive token prior to using brand token
|
|
387
|
+
export const DsColorBrandNeutral500 = "#939fad"; //
|
|
388
|
+
// Please consider descriptive token prior to using brand token
|
|
389
|
+
export const DsColorBrandNeutral600 = "#7e8894"; //
|
|
390
|
+
// Please consider descriptive token prior to using brand token
|
|
391
|
+
export const DsColorBrandNeutral700 = "#6a717c"; //
|
|
392
|
+
// Please consider descriptive token prior to using brand token
|
|
393
|
+
export const DsColorBrandNeutral800 = "#585e67"; //
|
|
394
|
+
// Please consider descriptive token prior to using brand token
|
|
395
|
+
export const DsColorBrandNeutral900 = "#484d55"; //
|
|
396
|
+
// Please consider descriptive token prior to using brand token
|
|
397
|
+
export const DsColorBrandNeutral1000 = "#393d43"; //
|
|
398
|
+
// Please consider descriptive token prior to using brand token
|
|
399
|
+
export const DsColorBrandGray100 = "#f7f7f7"; //
|
|
400
|
+
// Please consider descriptive token prior to using brand token
|
|
401
|
+
export const DsColorBrandGray200 = "#dddddd"; //
|
|
402
|
+
// Please consider descriptive token prior to using brand token
|
|
403
|
+
export const DsColorBrandGray300 = "#c5c5c5"; //
|
|
404
|
+
// Please consider descriptive token prior to using brand token
|
|
405
|
+
export const DsColorBrandGray400 = "#adadad"; //
|
|
406
|
+
// Please consider descriptive token prior to using brand token
|
|
407
|
+
export const DsColorBrandGray500 = "#959595"; //
|
|
408
|
+
// Please consider descriptive token prior to using brand token
|
|
409
|
+
export const DsColorBrandGray600 = "#7e7e7e"; //
|
|
410
|
+
// Please consider descriptive token prior to using brand token
|
|
411
|
+
export const DsColorBrandGray700 = "#676767"; //
|
|
412
|
+
// Please consider descriptive token prior to using brand token
|
|
413
|
+
export const DsColorBrandGray800 = "#525252"; //
|
|
414
|
+
// Please consider descriptive token prior to using brand token
|
|
415
|
+
export const DsColorBrandGray900 = "#3d3d3d"; //
|
|
416
|
+
// Please consider descriptive token prior to using brand token
|
|
417
|
+
export const DsColorBrandGray1000 = "#2a2a2a"; //
|
|
418
|
+
// Please consider descriptive token prior to using brand token
|
|
419
|
+
export const DsColorBrandRed100 = "#fef7f5"; //
|
|
420
|
+
// Please consider descriptive token prior to using brand token
|
|
421
|
+
export const DsColorBrandRed200 = "#fae2da"; //
|
|
422
|
+
// Please consider descriptive token prior to using brand token
|
|
423
|
+
export const DsColorBrandRed300 = "#f5c7b8"; //
|
|
424
|
+
// Please consider descriptive token prior to using brand token
|
|
425
|
+
export const DsColorBrandRed400 = "#f0a68d"; //
|
|
426
|
+
// Please consider descriptive token prior to using brand token
|
|
427
|
+
export const DsColorBrandRed500 = "#e9815e"; //
|
|
428
|
+
// Please consider descriptive token prior to using brand token
|
|
429
|
+
export const DsColorBrandRed600 = "#e35c2f"; //
|
|
430
|
+
// Please consider descriptive token prior to using brand token
|
|
431
|
+
export const DsColorBrandRed700 = "#d03a08"; //
|
|
432
|
+
// Please consider descriptive token prior to using brand token
|
|
433
|
+
export const DsColorBrandRed800 = "#ae3007"; //
|
|
434
|
+
// Please consider descriptive token prior to using brand token
|
|
435
|
+
export const DsColorBrandRed900 = "#902806"; //
|
|
436
|
+
// Please consider descriptive token prior to using brand token
|
|
437
|
+
export const DsColorBrandRed1000 = "#732005"; //
|
|
438
|
+
// Please consider descriptive token prior to using brand token
|
|
439
|
+
export const DsColorBrandYellow100 = "#fff9df"; //
|
|
440
|
+
// Please consider descriptive token prior to using brand token
|
|
441
|
+
export const DsColorBrandYellow200 = "#ffe87e"; //
|
|
442
|
+
// Please consider descriptive token prior to using brand token
|
|
443
|
+
export const DsColorBrandYellow300 = "#f9ce06"; //
|
|
444
|
+
// Please consider descriptive token prior to using brand token
|
|
445
|
+
export const DsColorBrandYellow400 = "#d6b622"; //
|
|
446
|
+
// Please consider descriptive token prior to using brand token
|
|
447
|
+
export const DsColorBrandYellow500 = "#b49d35"; //
|
|
448
|
+
// Please consider descriptive token prior to using brand token
|
|
449
|
+
export const DsColorBrandYellow600 = "#96873e"; //
|
|
450
|
+
// Please consider descriptive token prior to using brand token
|
|
451
|
+
export const DsColorBrandYellow700 = "#7c7140"; //
|
|
452
|
+
// Please consider descriptive token prior to using brand token
|
|
453
|
+
export const DsColorBrandYellow800 = "#665e3d"; //
|
|
454
|
+
// Please consider descriptive token prior to using brand token
|
|
455
|
+
export const DsColorBrandYellow900 = "#524e38"; //
|
|
456
|
+
// Please consider descriptive token prior to using brand token
|
|
457
|
+
export const DsColorBrandYellow1000 = "#403d30"; //
|
|
458
|
+
// Please consider descriptive token prior to using brand token
|
|
459
|
+
export const DsColorBrandLime100 = "#f5fbeb"; //
|
|
460
|
+
// Please consider descriptive token prior to using brand token
|
|
461
|
+
export const DsColorBrandLime200 = "#d8efb4"; //
|
|
462
|
+
// Please consider descriptive token prior to using brand token
|
|
463
|
+
export const DsColorBrandLime300 = "#badd81"; //
|
|
464
|
+
// Please consider descriptive token prior to using brand token
|
|
465
|
+
export const DsColorBrandLime400 = "#a2c270"; //
|
|
466
|
+
// Please consider descriptive token prior to using brand token
|
|
467
|
+
export const DsColorBrandLime500 = "#8ca761"; //
|
|
468
|
+
// Please consider descriptive token prior to using brand token
|
|
469
|
+
export const DsColorBrandLime600 = "#778f53"; //
|
|
470
|
+
// Please consider descriptive token prior to using brand token
|
|
471
|
+
export const DsColorBrandLime700 = "#647845"; //
|
|
472
|
+
// Please consider descriptive token prior to using brand token
|
|
473
|
+
export const DsColorBrandLime800 = "#53643a"; //
|
|
474
|
+
// Please consider descriptive token prior to using brand token
|
|
475
|
+
export const DsColorBrandLime900 = "#44522f"; //
|
|
476
|
+
// Please consider descriptive token prior to using brand token
|
|
477
|
+
export const DsColorBrandLime1000 = "#364126"; //
|
|
478
|
+
// Please consider descriptive token prior to using brand token
|
|
479
|
+
export const DsColorBrandGreen100 = "#f3faf7"; //
|
|
480
|
+
// Please consider descriptive token prior to using brand token
|
|
481
|
+
export const DsColorBrandGreen200 = "#d4ece4"; //
|
|
482
|
+
// Please consider descriptive token prior to using brand token
|
|
483
|
+
export const DsColorBrandGreen300 = "#addbca"; //
|
|
484
|
+
// Please consider descriptive token prior to using brand token
|
|
485
|
+
export const DsColorBrandGreen400 = "#7ec6ac"; //
|
|
486
|
+
// Please consider descriptive token prior to using brand token
|
|
487
|
+
export const DsColorBrandGreen500 = "#51ae8c"; //
|
|
488
|
+
// Please consider descriptive token prior to using brand token
|
|
489
|
+
export const DsColorBrandGreen600 = "#459578"; //
|
|
490
|
+
// Please consider descriptive token prior to using brand token
|
|
491
|
+
export const DsColorBrandGreen700 = "#3a7d64"; //
|
|
492
|
+
// Please consider descriptive token prior to using brand token
|
|
493
|
+
export const DsColorBrandGreen800 = "#306854"; //
|
|
494
|
+
// Please consider descriptive token prior to using brand token
|
|
495
|
+
export const DsColorBrandGreen900 = "#285545"; //
|
|
496
|
+
// Please consider descriptive token prior to using brand token
|
|
497
|
+
export const DsColorBrandGreen1000 = "#1f4436"; //
|
|
498
|
+
// Please consider descriptive token prior to using brand token
|
|
499
|
+
export const DsColorBrandTurquoise100 = "#f7fafa"; //
|
|
500
|
+
// Please consider descriptive token prior to using brand token
|
|
501
|
+
export const DsColorBrandTurquoise200 = "#dfe9ea"; //
|
|
502
|
+
// Please consider descriptive token prior to using brand token
|
|
503
|
+
export const DsColorBrandTurquoise300 = "#c2d5d6"; //
|
|
504
|
+
// Please consider descriptive token prior to using brand token
|
|
505
|
+
export const DsColorBrandTurquoise400 = "#9fbdbe"; //
|
|
506
|
+
// Please consider descriptive token prior to using brand token
|
|
507
|
+
export const DsColorBrandTurquoise500 = "#7ba5a6"; //
|
|
508
|
+
// Please consider descriptive token prior to using brand token
|
|
509
|
+
export const DsColorBrandTurquoise600 = "#5c8f91"; //
|
|
510
|
+
// Please consider descriptive token prior to using brand token
|
|
511
|
+
export const DsColorBrandTurquoise700 = "#3d7a7d"; //
|
|
512
|
+
// Please consider descriptive token prior to using brand token
|
|
513
|
+
export const DsColorBrandTurquoise800 = "#21686a"; //
|
|
514
|
+
// Please consider descriptive token prior to using brand token
|
|
515
|
+
export const DsColorBrandTurquoise900 = "#085659"; //
|
|
516
|
+
// Please consider descriptive token prior to using brand token
|
|
517
|
+
export const DsColorBrandTurquoise1000 = "#004447"; //
|
|
518
|
+
// Please consider descriptive token prior to using brand token
|
|
519
|
+
export const DsColorBrandCyan100 = "#ebfafd"; //
|
|
520
|
+
// Please consider descriptive token prior to using brand token
|
|
521
|
+
export const DsColorBrandCyan200 = "#a8e9f7"; //
|
|
522
|
+
// Please consider descriptive token prior to using brand token
|
|
523
|
+
export const DsColorBrandCyan300 = "#6ad5ef"; //
|
|
524
|
+
// Please consider descriptive token prior to using brand token
|
|
525
|
+
export const DsColorBrandCyan400 = "#56bbde"; //
|
|
526
|
+
// Please consider descriptive token prior to using brand token
|
|
527
|
+
export const DsColorBrandCyan500 = "#4aa2c7"; //
|
|
528
|
+
// Please consider descriptive token prior to using brand token
|
|
529
|
+
export const DsColorBrandCyan600 = "#3e89aa"; //
|
|
530
|
+
// Please consider descriptive token prior to using brand token
|
|
531
|
+
export const DsColorBrandCyan700 = "#32718e"; //
|
|
532
|
+
// Please consider descriptive token prior to using brand token
|
|
533
|
+
export const DsColorBrandCyan800 = "#275b72"; //
|
|
534
|
+
// Please consider descriptive token prior to using brand token
|
|
535
|
+
export const DsColorBrandCyan900 = "#1d4658"; //
|
|
536
|
+
// Please consider descriptive token prior to using brand token
|
|
537
|
+
export const DsColorBrandCyan1000 = "#12303d"; //
|
|
538
|
+
// Please consider descriptive token prior to using brand token
|
|
539
|
+
export const DsColorBrandBlue100 = "#f0f7fd"; //
|
|
540
|
+
// Please consider descriptive token prior to using brand token
|
|
541
|
+
export const DsColorBrandBlue200 = "#c9e0f7"; //
|
|
542
|
+
// Please consider descriptive token prior to using brand token
|
|
543
|
+
export const DsColorBrandBlue300 = "#a0c9f1"; //
|
|
544
|
+
// Please consider descriptive token prior to using brand token
|
|
545
|
+
export const DsColorBrandBlue400 = "#79b2ec"; //
|
|
546
|
+
// Please consider descriptive token prior to using brand token
|
|
547
|
+
export const DsColorBrandBlue500 = "#5398e6"; //
|
|
548
|
+
// Please consider descriptive token prior to using brand token
|
|
549
|
+
export const DsColorBrandBlue600 = "#3b7fd2"; //
|
|
550
|
+
// Please consider descriptive token prior to using brand token
|
|
551
|
+
export const DsColorBrandBlue700 = "#2c67b5"; //
|
|
552
|
+
// Please consider descriptive token prior to using brand token
|
|
553
|
+
export const DsColorBrandBlue800 = "#225296"; //
|
|
554
|
+
// Please consider descriptive token prior to using brand token
|
|
555
|
+
export const DsColorBrandBlue900 = "#193d73"; //
|
|
556
|
+
// Please consider descriptive token prior to using brand token
|
|
557
|
+
export const DsColorBrandBlue1000 = "#102a51"; //
|
|
558
|
+
// Please consider descriptive token prior to using brand token
|
|
559
|
+
export const DsColorBrandNavy100 = "#f2d7fb"; //
|
|
560
|
+
// Please consider descriptive token prior to using brand token
|
|
561
|
+
export const DsColorBrandNavy200 = "#cfe0ef"; //
|
|
562
|
+
// Please consider descriptive token prior to using brand token
|
|
563
|
+
export const DsColorBrandNavy300 = "#acc9e2"; //
|
|
564
|
+
// Please consider descriptive token prior to using brand token
|
|
565
|
+
export const DsColorBrandNavy400 = "#89b2d4"; //
|
|
566
|
+
// Please consider descriptive token prior to using brand token
|
|
567
|
+
export const DsColorBrandNavy500 = "#6899c6"; //
|
|
568
|
+
// Please consider descriptive token prior to using brand token
|
|
569
|
+
export const DsColorBrandNavy600 = "#4a82b7"; //
|
|
570
|
+
// Please consider descriptive token prior to using brand token
|
|
571
|
+
export const DsColorBrandNavy700 = "#326aa5"; //
|
|
572
|
+
// Please consider descriptive token prior to using brand token
|
|
573
|
+
export const DsColorBrandNavy800 = "#265688"; //
|
|
574
|
+
// Please consider descriptive token prior to using brand token
|
|
575
|
+
export const DsColorBrandNavy900 = "#194069"; //
|
|
576
|
+
// Please consider descriptive token prior to using brand token
|
|
577
|
+
export const DsColorBrandNavy1000 = "#0e2b4f"; //
|
|
578
|
+
// Please consider descriptive token prior to using brand token
|
|
579
|
+
export const DsColorBrandPurple100 = "#fbf8fe"; //
|
|
580
|
+
// Please consider descriptive token prior to using brand token
|
|
581
|
+
export const DsColorBrandPurple200 = "#ede3fd"; //
|
|
582
|
+
// Please consider descriptive token prior to using brand token
|
|
583
|
+
export const DsColorBrandPurple300 = "#ddc9fb"; //
|
|
584
|
+
// Please consider descriptive token prior to using brand token
|
|
585
|
+
export const DsColorBrandPurple400 = "#c9a9f8"; //
|
|
586
|
+
// Please consider descriptive token prior to using brand token
|
|
587
|
+
export const DsColorBrandPurple500 = "#b588f5"; //
|
|
588
|
+
// Please consider descriptive token prior to using brand token
|
|
589
|
+
export const DsColorBrandPurple600 = "#a268f3"; //
|
|
590
|
+
// Please consider descriptive token prior to using brand token
|
|
591
|
+
export const DsColorBrandPurple700 = "#8d47f0"; //
|
|
592
|
+
// Please consider descriptive token prior to using brand token
|
|
593
|
+
export const DsColorBrandPurple800 = "#7633d7"; //
|
|
594
|
+
// Please consider descriptive token prior to using brand token
|
|
595
|
+
export const DsColorBrandPurple900 = "#622ab2"; //
|
|
596
|
+
// Please consider descriptive token prior to using brand token
|
|
597
|
+
export const DsColorBrandPurple1000 = "#4e228d"; //
|
|
598
|
+
// Please consider descriptive token prior to using brand token
|
|
599
|
+
export const DsColorBrandPink100 = "#fff7f8"; //
|
|
600
|
+
// Please consider descriptive token prior to using brand token
|
|
601
|
+
export const DsColorBrandPink200 = "#fde0e6"; //
|
|
602
|
+
// Please consider descriptive token prior to using brand token
|
|
603
|
+
export const DsColorBrandPink300 = "#fcc2ce"; //
|
|
604
|
+
// Please consider descriptive token prior to using brand token
|
|
605
|
+
export const DsColorBrandPink400 = "#fa9db0"; //
|
|
606
|
+
// Please consider descriptive token prior to using brand token
|
|
607
|
+
export const DsColorBrandPink500 = "#f7738e"; //
|
|
608
|
+
// Please consider descriptive token prior to using brand token
|
|
609
|
+
export const DsColorBrandPink600 = "#e45472"; //
|
|
610
|
+
// Please consider descriptive token prior to using brand token
|
|
611
|
+
export const DsColorBrandPink700 = "#bf475f"; //
|
|
612
|
+
// Please consider descriptive token prior to using brand token
|
|
613
|
+
export const DsColorBrandPink800 = "#a03b50"; //
|
|
614
|
+
// Please consider descriptive token prior to using brand token
|
|
615
|
+
export const DsColorBrandPink900 = "#833142"; //
|
|
616
|
+
// Please consider descriptive token prior to using brand token
|
|
617
|
+
export const DsColorBrandPink1000 = "#692734"; //
|
|
618
|
+
// Please consider descriptive token prior to using brand token
|
|
40
619
|
export const DsColorBrandMidnight100 = "#c1daf0"; //
|
|
41
620
|
// Please consider descriptive token prior to using brand token
|
|
42
621
|
export const DsColorBrandMidnight200 = "#569ed7"; //
|
|
@@ -57,6 +636,7 @@ export const DsColorBrandAtlas400 = "#0074c8"; //
|
|
|
57
636
|
// Please consider descriptive token prior to using brand token
|
|
58
637
|
export const DsColorBrandAtlas500 = "#054687"; //
|
|
59
638
|
// Please consider descriptive token prior to using brand token
|
|
639
|
+
export const DsColorBrandAtlas400Opacity20 = "#0074c8"; // color brand atlas 400 @ 20%
|
|
60
640
|
export const DsColorBrandBreeze100 = "#c0f7ff"; //
|
|
61
641
|
// Please consider descriptive token prior to using brand token
|
|
62
642
|
export const DsColorBrandBreeze200 = "#5de3f7"; //
|
|
@@ -67,6 +647,7 @@ export const DsColorBrandBreeze400 = "#099dc5"; //
|
|
|
67
647
|
// Please consider descriptive token prior to using brand token
|
|
68
648
|
export const DsColorBrandBreeze500 = "#0b5575"; //
|
|
69
649
|
// Please consider descriptive token prior to using brand token
|
|
650
|
+
export const DsColorBrandBreeze300Opacity30 = "#00cff0"; // breeze 300 @ 30%
|
|
70
651
|
export const DsColorBrandTropical100 = "#e2ffcd"; //
|
|
71
652
|
// Please consider descriptive token prior to using brand token
|
|
72
653
|
export const DsColorBrandTropical200 = "#d0fba6"; //
|
|
@@ -117,21 +698,6 @@ export const DsColorBrandGoldcoast400 = "#e5ad07"; //
|
|
|
117
698
|
// Please consider descriptive token prior to using brand token
|
|
118
699
|
export const DsColorBrandGoldcoast500 = "#b88624"; //
|
|
119
700
|
// Please consider descriptive token prior to using brand token
|
|
120
|
-
export const DsColorBrandNeutral100 = "#f9fbfc"; //
|
|
121
|
-
// Please consider descriptive token prior to using brand token
|
|
122
|
-
export const DsColorBrandNeutral200 = "#e2eaef"; //
|
|
123
|
-
// Please consider descriptive token prior to using brand token
|
|
124
|
-
export const DsColorBrandNeutral300 = "#cbd8e2"; //
|
|
125
|
-
// Please consider descriptive token prior to using brand token
|
|
126
|
-
export const DsColorBrandNeutral400 = "#9fabbb"; //
|
|
127
|
-
// Please consider descriptive token prior to using brand token
|
|
128
|
-
export const DsColorBrandNeutral500 = "#626b79"; //
|
|
129
|
-
// Please consider descriptive token prior to using brand token
|
|
130
|
-
export const DsColorBrandGray100 = "#f8f8f8";
|
|
131
|
-
export const DsColorBrandGray200 = "#dbdbdb";
|
|
132
|
-
export const DsColorBrandGray300 = "#b2b2b2";
|
|
133
|
-
export const DsColorBrandGray400 = "#767676";
|
|
134
|
-
export const DsColorBrandGray500 = "#222222";
|
|
135
701
|
export const DsColorBrandGoldgray100 = "#c5c1bf";
|
|
136
702
|
export const DsColorBrandGoldgray200 = "#726e6c";
|
|
137
703
|
export const DsColorBrandGold100 = "#ccbc94";
|
|
@@ -139,30 +705,161 @@ export const DsColorBrandGold200 = "#7f682e";
|
|
|
139
705
|
export const DsColorBrandEmerald = "#139142";
|
|
140
706
|
export const DsColorBrandSapphire = "#015daa";
|
|
141
707
|
export const DsColorBrandRuby = "#a41d4a";
|
|
142
|
-
export const
|
|
143
|
-
export const
|
|
144
|
-
export const
|
|
708
|
+
export const DsColorContainerAccentDefault = "#f5fbeb";
|
|
709
|
+
export const DsColorContainerAccentInverse = "#badd81";
|
|
710
|
+
export const DsColorContainerEmphasisDefault = "#ebfafd";
|
|
711
|
+
export const DsColorContainerEmphasisInverse = "#6ad5ef";
|
|
712
|
+
export const DsColorContainerErrorDefault = "#fff4f4";
|
|
713
|
+
export const DsColorContainerErrorInverse = "#74110e";
|
|
714
|
+
export const DsColorContainerInfoDefault = "#f0f7fd";
|
|
715
|
+
export const DsColorContainerInfoInverse = "#193d73";
|
|
716
|
+
export const DsColorContainerPrimaryDefault = "#ffffff";
|
|
717
|
+
export const DsColorContainerPrimaryInverse = "#0e2b4f";
|
|
718
|
+
export const DsColorContainerSecondaryDefault = "#f7f7f7";
|
|
719
|
+
export const DsColorContainerSecondaryInverse = "#194069";
|
|
720
|
+
export const DsColorContainerSubtleDefault = "#f7f8fa";
|
|
721
|
+
export const DsColorContainerSubtleInverse = "#393d43";
|
|
722
|
+
export const DsColorContainerSuccessDefault = "#eef8f5";
|
|
723
|
+
export const DsColorContainerSuccessInverse = "#173c30";
|
|
724
|
+
export const DsColorContainerTertiaryDefault = "#000000";
|
|
725
|
+
export const DsColorContainerTertiaryInverse = "#ffffff";
|
|
726
|
+
export const DsColorContainerWarningDefault = "#fef8e9";
|
|
727
|
+
export const DsColorContainerWarningInverse = "#5d4514";
|
|
728
|
+
export const DsColorContainerUiPrimaryActiveDefault = "#225296";
|
|
729
|
+
export const DsColorContainerUiPrimaryActiveInverse = "#6ad5ef";
|
|
730
|
+
export const DsColorContainerUiPrimaryDefaultDefault = "#2c67b5";
|
|
731
|
+
export const DsColorContainerUiPrimaryDefaultInverse = "#56bbde";
|
|
732
|
+
export const DsColorContainerUiPrimaryDisabledDefault = "#a0c9f1";
|
|
733
|
+
export const DsColorContainerUiPrimaryDisabledInverse = "#275b72";
|
|
734
|
+
export const DsColorContainerUiPrimaryFocusDefault = "#2c67b5";
|
|
735
|
+
export const DsColorContainerUiPrimaryFocusInverse = "#56bbde";
|
|
736
|
+
export const DsColorContainerUiPrimaryHoverDefault = "#193d73";
|
|
737
|
+
export const DsColorContainerUiPrimaryHoverInverse = "#a8e9f7";
|
|
738
|
+
export const DsColorContainerUiSecondaryActiveDefault = "#f0f7fd";
|
|
739
|
+
export const DsColorContainerUiSecondaryActiveInverse = "#ffffff";
|
|
740
|
+
export const DsColorContainerUiSecondaryDefaultDefault = "#ffffff";
|
|
741
|
+
export const DsColorContainerUiSecondaryDefaultInverse = "#ffffff";
|
|
742
|
+
export const DsColorContainerUiSecondaryDisabledDefault = "#f7f7f7";
|
|
743
|
+
export const DsColorContainerUiSecondaryDisabledInverse = "#ffffff";
|
|
744
|
+
export const DsColorContainerUiSecondaryFocusDefault = "#ffffff";
|
|
745
|
+
export const DsColorContainerUiSecondaryFocusInverse = "#ffffff";
|
|
746
|
+
export const DsColorContainerUiSecondaryHoverDefault = "#000000";
|
|
747
|
+
export const DsColorContainerUiSecondaryHoverInverse = "#ffffff";
|
|
748
|
+
export const DsColorContainerUiTertiaryActiveDefault = "#000000";
|
|
749
|
+
export const DsColorContainerUiTertiaryActiveInverse = "#ffffff";
|
|
750
|
+
export const DsColorContainerUiTertiaryDefaultDefault = "#000000";
|
|
751
|
+
export const DsColorContainerUiTertiaryDefaultInverse = "#ffffff";
|
|
752
|
+
export const DsColorContainerUiTertiaryDisabledDefault = "#000000";
|
|
753
|
+
export const DsColorContainerUiTertiaryDisabledInverse = "#ffffff";
|
|
754
|
+
export const DsColorContainerUiTertiaryFocusDefault = "#000000";
|
|
755
|
+
export const DsColorContainerUiTertiaryFocusInverse = "#ffffff";
|
|
756
|
+
export const DsColorContainerUiTertiaryHoverDefault = "#000000";
|
|
757
|
+
export const DsColorContainerUiTertiaryHoverInverse = "#ffffff";
|
|
758
|
+
export const DsColorIconPrimaryDefault = "#676767";
|
|
759
|
+
export const DsColorIconPrimaryInverse = "#f7f7f7";
|
|
760
|
+
export const DsColorIconSecondaryDefault = "#7e8894";
|
|
761
|
+
export const DsColorIconSecondaryInverse = "#ccd2db";
|
|
762
|
+
export const DsColorIconTertiaryDefault = "#afb9c6";
|
|
763
|
+
export const DsColorIconTertiaryInverse = "#939fad";
|
|
764
|
+
export const DsColorIconEmphasisDefault = "#2a2a2a";
|
|
145
765
|
export const DsColorIconEmphasisInverse = "#ffffff";
|
|
146
|
-
export const DsColorIconAccentDefault = "#
|
|
766
|
+
export const DsColorIconAccentDefault = "#a2c270";
|
|
767
|
+
export const DsColorIconAccentInverse = "#badd81";
|
|
768
|
+
export const DsColorIconInfoDefault = "#326aa5";
|
|
769
|
+
export const DsColorIconInfoInverse = "#89b2d4";
|
|
770
|
+
export const DsColorIconErrorDefault = "#cc1816";
|
|
771
|
+
export const DsColorIconErrorInverse = "#f9aca6";
|
|
772
|
+
export const DsColorIconWarningDefault = "#fef8e9";
|
|
773
|
+
export const DsColorIconWarningInverse = "#f2c153";
|
|
774
|
+
export const DsColorIconSuccessDefault = "#eef8f5";
|
|
775
|
+
export const DsColorIconSuccessInverse = "#8eceb9";
|
|
776
|
+
export const DsColorIconSubtleDefault = "#a0c9f1";
|
|
777
|
+
export const DsColorIconSubtleInverse = "#326aa5";
|
|
778
|
+
export const DsColorIconUiDefaultDefault = "#2c67b5";
|
|
779
|
+
export const DsColorIconUiDefaultInverse = "#56bbde";
|
|
780
|
+
export const DsColorIconUiHoverDefault = "#193d73";
|
|
781
|
+
export const DsColorIconUiHoverInverse = "#a8e9f7";
|
|
782
|
+
export const DsColorIconUiActiveDefault = "#225296";
|
|
783
|
+
export const DsColorIconUiActiveInverse = "#6ad5ef";
|
|
784
|
+
export const DsColorIconUiDisabledDefault = "#adadad";
|
|
785
|
+
export const DsColorIconUiDisabledInverse = "#7e7e7e";
|
|
786
|
+
export const DsColorIconUiFocusDefault = "#2c67b5";
|
|
787
|
+
export const DsColorIconUiFocusInverse = "#56bbde";
|
|
788
|
+
export const DsColorIconBrandRedDefault = "#d03a08";
|
|
789
|
+
export const DsColorIconBrandRedInverse = "#e9815e";
|
|
790
|
+
export const DsColorIconBrandYellowDefault = "#7c7140";
|
|
791
|
+
export const DsColorIconBrandYellowInverse = "#f9ce06";
|
|
792
|
+
export const DsColorIconBrandPinkDefault = "#bf475f";
|
|
793
|
+
export const DsColorIconBrandPinkInverse = "#f7738e";
|
|
794
|
+
export const DsColorIconBrandPurpleDefault = "#8d47f0";
|
|
795
|
+
export const DsColorIconBrandPurpleInverse = "#b588f5";
|
|
796
|
+
export const DsColorIconBrandLimeDefault = "#647845";
|
|
797
|
+
export const DsColorIconBrandLimeInverse = "#badd81";
|
|
798
|
+
export const DsColorIconBrandGreenDefault = "#3a7d64";
|
|
799
|
+
export const DsColorIconBrandGreenInverse = "#51ae8c";
|
|
800
|
+
export const DsColorIconBrandTurquoiseDefault = "#3d7a7d";
|
|
801
|
+
export const DsColorIconBrandTurquoiseInverse = "#7ba5a6";
|
|
802
|
+
export const DsColorIconBrandNavyDefault = "#265688";
|
|
803
|
+
export const DsColorIconBrandNavyInverse = "#6899c6";
|
|
804
|
+
export const DsColorIconBrandBlueDefault = "#2c67b5";
|
|
805
|
+
export const DsColorIconBrandBlueInverse = "#5398e6";
|
|
806
|
+
export const DsColorIconBrandCyanDefault = "#32718e";
|
|
807
|
+
export const DsColorIconBrandCyanInverse = "#6ad5ef";
|
|
808
|
+
export const DsColorIconBrandGrayDefault = "#676767";
|
|
809
|
+
export const DsColorIconBrandGrayInverse = "#c5c5c5";
|
|
810
|
+
export const DsColorIconBrandNeutralDefault = "#6a717c";
|
|
811
|
+
export const DsColorIconBrandNeutralInverse = "#afb9c6";
|
|
147
812
|
export const DsColorIconDisabledDefault = "#000000";
|
|
148
|
-
export const DsColorTextPrimaryDefault = "#
|
|
813
|
+
export const DsColorTextPrimaryDefault = "#2a2a2a";
|
|
149
814
|
export const DsColorTextPrimaryInverse = "#ffffff";
|
|
150
|
-
export const DsColorTextSecondaryDefault = "#
|
|
151
|
-
export const DsColorTextSecondaryInverse = "#
|
|
815
|
+
export const DsColorTextSecondaryDefault = "#525252";
|
|
816
|
+
export const DsColorTextSecondaryInverse = "#dddddd";
|
|
817
|
+
export const DsColorTextTertiaryDefault = "#6a717c";
|
|
818
|
+
export const DsColorTextTertiaryInverse = "#525252";
|
|
819
|
+
export const DsColorTextErrorDefault = "#cc1816";
|
|
820
|
+
export const DsColorTextErrorInverse = "#f9aca6";
|
|
821
|
+
export const DsColorTextDisabledDefault = "#dddddd";
|
|
822
|
+
export const DsColorTextEmphasisDefault = "#265688";
|
|
823
|
+
export const DsColorTextEmphasisInverse = "#cfe0ef";
|
|
824
|
+
export const DsColorTextAccentDefault = "#647845";
|
|
825
|
+
export const DsColorTextAccentInverse = "#badd81";
|
|
826
|
+
export const DsColorTextInfoDefault = "#326aa5";
|
|
827
|
+
export const DsColorTextInfoInverse = "#acc9e2";
|
|
828
|
+
export const DsColorTextSubtleDefault = "#32718e";
|
|
829
|
+
export const DsColorTextSubtleInverse = "#56bbde";
|
|
830
|
+
export const DsColorTextSuccessDefault = "#0b6f4d";
|
|
831
|
+
export const DsColorTextSuccessInverse = "#0b6f4d";
|
|
832
|
+
export const DsColorTextUiActiveDefault = "#225296";
|
|
833
|
+
export const DsColorTextUiActiveInverse = "#6ad5ef";
|
|
834
|
+
export const DsColorTextUiDefaultDefault = "#2c67b5";
|
|
835
|
+
export const DsColorTextUiDefaultInverse = "#56bbde";
|
|
836
|
+
export const DsColorTextUiDisabledDefault = "#adadad";
|
|
837
|
+
export const DsColorTextUiDisabledInverse = "#7e7e7e";
|
|
838
|
+
export const DsColorTextUiFocusDefault = "#2c67b5";
|
|
839
|
+
export const DsColorTextUiFocusInverse = "#56bbde";
|
|
840
|
+
export const DsColorTextUiHoverDefault = "#193d73";
|
|
841
|
+
export const DsColorTextUiHoverInverse = "#a8e9f7";
|
|
152
842
|
export const DsColorTextLinkDefault = "#0074c8";
|
|
153
843
|
export const DsColorTextLinkInverse = "#00cff0";
|
|
154
|
-
export const DsColorTextErrorDefault = "#df0b37";
|
|
155
|
-
export const DsColorTextErrorInverse = "#ff999b";
|
|
156
|
-
export const DsColorTextDisabledDefault = "#dbdbdb";
|
|
157
|
-
export const DsColorTextEmphasisDefault = "#01426a";
|
|
158
|
-
export const DsColorTextEmphasisInverse = "#c1daf0";
|
|
159
844
|
export const DsColorTierAlaskaMvpDefault = "#726e6c";
|
|
160
845
|
export const DsColorTierAlaskaMvpInverse = "#c5c1bf";
|
|
161
846
|
export const DsColorTierAlaskaMvpgoldDefault = "#7f682e";
|
|
162
|
-
export const DsColorTierAlaskaMvpgoldInverse = "#
|
|
847
|
+
export const DsColorTierAlaskaMvpgoldInverse = "#c5c1bf";
|
|
848
|
+
export const DsColorTierAlaskaMvpgold75kDefault = "#7f682e";
|
|
849
|
+
export const DsColorTierAlaskaMvpgold75kInverse = "#c5c1bf";
|
|
850
|
+
export const DsColorTierAlaskaMvpgold100kDefault = "#7f682e";
|
|
851
|
+
export const DsColorTierAlaskaMvpgold100kInverse = "#c5c1bf";
|
|
852
|
+
export const DsColorTierFareBusinessDefault = "#005154";
|
|
853
|
+
export const DsColorTierFareBusinessInverse = "#9fbdbe";
|
|
854
|
+
export const DsColorTierFareEconomyDefault = "#2c67b5";
|
|
855
|
+
export const DsColorTierFareEconomyInverse = "#a0c9f1";
|
|
856
|
+
export const DsColorTierFareFirstClassDefault = "#002c4e";
|
|
857
|
+
export const DsColorTierFareFirstClassInverse = "#f7f7f7";
|
|
858
|
+
export const DsColorTierFareSaverDefault = "#4aa2c7";
|
|
859
|
+
export const DsColorTierFareSaverInverse = "#a8e9f7";
|
|
163
860
|
export const DsColorTierOneworldEmerald = "#139142";
|
|
164
|
-
export const DsColorTierOneworldSapphire = "#
|
|
165
|
-
export const DsColorTierOneworldRuby = "#
|
|
861
|
+
export const DsColorTierOneworldSapphire = "#a41d4a";
|
|
862
|
+
export const DsColorTierOneworldRuby = "#015daa";
|
|
166
863
|
export const DsColorUiDefaultDefault = "#0074c8";
|
|
167
864
|
export const DsColorUiDefaultInverse = "#00cff0";
|
|
168
865
|
export const DsColorUiHoverDefault = "#054687";
|