@aurodesignsystem/design-tokens 4.1.1 → 4.2.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 +8 -0
- package/README.md +17 -0
- package/dist/tokens/CSSCustomProperties.css +239 -95
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +88 -1
- package/dist/tokens/JSObject--allTokens.js +88 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +4 -1
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +145 -95
- package/dist/tokens/SCSSVariablesMapFlat.scss +6 -1
- package/dist/tokens/SassCustomProperties.scss +239 -95
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +11 -5
- package/dist/tokens/darkmode/JSDataColor.js +1 -1
- package/dist/tokens/darkmode/JSObject--allDarkTokens.js +1 -1
- package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
- package/dist/tokens/darkmode/SCSSVariables.scss +7 -5
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
- package/dist/tokens/darkmode/SassCustomProperties.scss +11 -5
- package/package.json +2 -2
- package/src/color/background.json +10 -0
- package/src/color/base.json +14 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 07 Nov 2023 23:11:08 GMT
|
|
4
4
|
|
|
5
5
|
$ds-asset-font-circular-family-name: "AS Circular";
|
|
6
6
|
$ds-asset-font-circular-filename: "ASCircularWeb";
|
|
@@ -160,11 +160,16 @@ $ds-color-background-lightest: #ffffff;
|
|
|
160
160
|
$ds-color-background-lighter: #f8f8f8;
|
|
161
161
|
$ds-color-background-darker: #01426a;
|
|
162
162
|
$ds-color-background-darkest: #00274a;
|
|
163
|
-
$ds-color-
|
|
164
|
-
|
|
163
|
+
$ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
|
|
164
|
+
//
|
|
165
|
+
// // Base value for token support; should not use in code!
|
|
166
|
+
$ds-color-base-white: #ffffff;
|
|
167
|
+
$ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5); // white @ 50%
|
|
165
168
|
$ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4); // white @ 40%
|
|
166
|
-
$ds-color-base-
|
|
167
|
-
|
|
169
|
+
$ds-color-base-white-opacity-0: rgba(255, 255, 255, 0); // white @ 0%
|
|
170
|
+
//
|
|
171
|
+
// // Base value for token support; should not use in code!
|
|
172
|
+
$ds-color-base-black: #000000;
|
|
168
173
|
$ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); // black @ 15%
|
|
169
174
|
$ds-color-state-error-100: #ff999b;
|
|
170
175
|
$ds-color-state-error-500: #df0b37;
|
|
@@ -179,96 +184,141 @@ $ds-color-border-disabled-default: #dbdbdb;
|
|
|
179
184
|
$ds-color-border-focus-default: #222222;
|
|
180
185
|
$ds-color-border-divider-default: rgba(0, 0, 0, 0.15);
|
|
181
186
|
$ds-color-border-divider-inverse: #ffffff;
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
$ds-color-brand-midnight-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
$ds-color-brand-midnight-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
$ds-color-brand-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
$ds-color-brand-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
$ds-color-brand-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
$ds-color-brand-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
$ds-color-brand-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
$ds-color-brand-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
$ds-color-brand-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
$ds-color-brand-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
$ds-color-brand-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
$ds-color-brand-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
$ds-color-brand-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
$ds-color-brand-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
$ds-color-brand-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
187
|
+
//
|
|
188
|
+
// // Please consider descriptive token prior to using brand token
|
|
189
|
+
$ds-color-brand-midnight-100: #c1daf0;
|
|
190
|
+
//
|
|
191
|
+
// // Please consider descriptive token prior to using brand token
|
|
192
|
+
$ds-color-brand-midnight-200: #569ed7;
|
|
193
|
+
//
|
|
194
|
+
// // Please consider descriptive token prior to using brand token
|
|
195
|
+
$ds-color-brand-midnight-300: #156fad;
|
|
196
|
+
//
|
|
197
|
+
// // Please consider descriptive token prior to using brand token
|
|
198
|
+
$ds-color-brand-midnight-400: #01426a;
|
|
199
|
+
//
|
|
200
|
+
// // Please consider descriptive token prior to using brand token
|
|
201
|
+
$ds-color-brand-midnight-500: #00274a;
|
|
202
|
+
//
|
|
203
|
+
// // Please consider descriptive token prior to using brand token
|
|
204
|
+
$ds-color-brand-atlas-100: #cde6ff;
|
|
205
|
+
//
|
|
206
|
+
// // Please consider descriptive token prior to using brand token
|
|
207
|
+
$ds-color-brand-atlas-200: #6bb7fb;
|
|
208
|
+
//
|
|
209
|
+
// // Please consider descriptive token prior to using brand token
|
|
210
|
+
$ds-color-brand-atlas-300: #2492eb;
|
|
211
|
+
//
|
|
212
|
+
// // Please consider descriptive token prior to using brand token
|
|
213
|
+
$ds-color-brand-atlas-400: #0074c8;
|
|
214
|
+
//
|
|
215
|
+
// // Please consider descriptive token prior to using brand token
|
|
216
|
+
$ds-color-brand-atlas-500: #054687;
|
|
217
|
+
//
|
|
218
|
+
// // Please consider descriptive token prior to using brand token
|
|
219
|
+
$ds-color-brand-breeze-100: #c0f7ff;
|
|
220
|
+
//
|
|
221
|
+
// // Please consider descriptive token prior to using brand token
|
|
222
|
+
$ds-color-brand-breeze-200: #5de3f7;
|
|
223
|
+
//
|
|
224
|
+
// // Please consider descriptive token prior to using brand token
|
|
225
|
+
$ds-color-brand-breeze-300: #00cff0;
|
|
226
|
+
//
|
|
227
|
+
// // Please consider descriptive token prior to using brand token
|
|
228
|
+
$ds-color-brand-breeze-400: #099dc5;
|
|
229
|
+
//
|
|
230
|
+
// // Please consider descriptive token prior to using brand token
|
|
231
|
+
$ds-color-brand-breeze-500: #0b5575;
|
|
232
|
+
//
|
|
233
|
+
// // Please consider descriptive token prior to using brand token
|
|
234
|
+
$ds-color-brand-tropical-100: #e2ffcd;
|
|
235
|
+
//
|
|
236
|
+
// // Please consider descriptive token prior to using brand token
|
|
237
|
+
$ds-color-brand-tropical-200: #d0fba6;
|
|
238
|
+
//
|
|
239
|
+
// // Please consider descriptive token prior to using brand token
|
|
240
|
+
$ds-color-brand-tropical-300: #c0e585;
|
|
241
|
+
//
|
|
242
|
+
// // Please consider descriptive token prior to using brand token
|
|
243
|
+
$ds-color-brand-tropical-400: #91be62;
|
|
244
|
+
//
|
|
245
|
+
// // Please consider descriptive token prior to using brand token
|
|
246
|
+
$ds-color-brand-tropical-500: #5e8741;
|
|
247
|
+
//
|
|
248
|
+
// // Please consider descriptive token prior to using brand token
|
|
249
|
+
$ds-color-brand-alpine-100: #bcaae6;
|
|
250
|
+
//
|
|
251
|
+
// // Please consider descriptive token prior to using brand token
|
|
252
|
+
$ds-color-brand-alpine-200: #9e73ea;
|
|
253
|
+
//
|
|
254
|
+
// // Please consider descriptive token prior to using brand token
|
|
255
|
+
$ds-color-brand-alpine-300: #8439ef;
|
|
256
|
+
//
|
|
257
|
+
// // Please consider descriptive token prior to using brand token
|
|
258
|
+
$ds-color-brand-alpine-400: #631db8;
|
|
259
|
+
//
|
|
260
|
+
// // Please consider descriptive token prior to using brand token
|
|
261
|
+
$ds-color-brand-alpine-500: #39115c;
|
|
262
|
+
//
|
|
263
|
+
// // Please consider descriptive token prior to using brand token
|
|
264
|
+
$ds-color-brand-flamingo-100: #ffebee;
|
|
265
|
+
//
|
|
266
|
+
// // Please consider descriptive token prior to using brand token
|
|
267
|
+
$ds-color-brand-flamingo-200: #ffc0ca;
|
|
268
|
+
//
|
|
269
|
+
// // Please consider descriptive token prior to using brand token
|
|
270
|
+
$ds-color-brand-flamingo-300: #ff94a7;
|
|
271
|
+
//
|
|
272
|
+
// // Please consider descriptive token prior to using brand token
|
|
273
|
+
$ds-color-brand-flamingo-400: #f65b7b;
|
|
274
|
+
//
|
|
275
|
+
// // Please consider descriptive token prior to using brand token
|
|
276
|
+
$ds-color-brand-flamingo-500: #b82b47;
|
|
277
|
+
//
|
|
278
|
+
// // Please consider descriptive token prior to using brand token
|
|
279
|
+
$ds-color-brand-canyon-100: #ffcab6;
|
|
280
|
+
//
|
|
281
|
+
// // Please consider descriptive token prior to using brand token
|
|
282
|
+
$ds-color-brand-canyon-200: #f99574;
|
|
283
|
+
//
|
|
284
|
+
// // Please consider descriptive token prior to using brand token
|
|
285
|
+
$ds-color-brand-canyon-300: #f26135;
|
|
286
|
+
//
|
|
287
|
+
// // Please consider descriptive token prior to using brand token
|
|
288
|
+
$ds-color-brand-canyon-400: #de3e09;
|
|
289
|
+
//
|
|
290
|
+
// // Please consider descriptive token prior to using brand token
|
|
291
|
+
$ds-color-brand-canyon-500: #b83302;
|
|
292
|
+
//
|
|
293
|
+
// // Please consider descriptive token prior to using brand token
|
|
294
|
+
$ds-color-brand-goldcoast-100: #fff0cd;
|
|
295
|
+
//
|
|
296
|
+
// // Please consider descriptive token prior to using brand token
|
|
297
|
+
$ds-color-brand-goldcoast-200: #ffdb67;
|
|
298
|
+
//
|
|
299
|
+
// // Please consider descriptive token prior to using brand token
|
|
300
|
+
$ds-color-brand-goldcoast-300: #ffd200;
|
|
301
|
+
//
|
|
302
|
+
// // Please consider descriptive token prior to using brand token
|
|
303
|
+
$ds-color-brand-goldcoast-400: #e5ad07;
|
|
304
|
+
//
|
|
305
|
+
// // Please consider descriptive token prior to using brand token
|
|
306
|
+
$ds-color-brand-goldcoast-500: #b88624;
|
|
307
|
+
//
|
|
308
|
+
// // Please consider descriptive token prior to using brand token
|
|
309
|
+
$ds-color-brand-neutral-100: #f9fbfc;
|
|
310
|
+
//
|
|
311
|
+
// // Please consider descriptive token prior to using brand token
|
|
312
|
+
$ds-color-brand-neutral-200: #e2eaef;
|
|
313
|
+
//
|
|
314
|
+
// // Please consider descriptive token prior to using brand token
|
|
315
|
+
$ds-color-brand-neutral-300: #cbd8e2;
|
|
316
|
+
//
|
|
317
|
+
// // Please consider descriptive token prior to using brand token
|
|
318
|
+
$ds-color-brand-neutral-400: #9fabbb;
|
|
319
|
+
//
|
|
320
|
+
// // Please consider descriptive token prior to using brand token
|
|
321
|
+
$ds-color-brand-neutral-500: #626b79;
|
|
272
322
|
$ds-color-brand-gray-100: #f8f8f8;
|
|
273
323
|
$ds-color-brand-gray-200: #dbdbdb;
|
|
274
324
|
$ds-color-brand-gray-300: #b2b2b2;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Tue, 07 Nov 2023 23:11:08 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -179,11 +179,16 @@ $auroTokens: (
|
|
|
179
179
|
'ds-color-background-lighter': (#f8f8f8),
|
|
180
180
|
'ds-color-background-darker': (#01426a),
|
|
181
181
|
'ds-color-background-darkest': (#00274a),
|
|
182
|
+
'ds-color-background-gradient-default': (linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))),
|
|
182
183
|
//
|
|
183
184
|
// Base value for token support; should not use in code!
|
|
184
185
|
'ds-color-base-white': (#ffffff),
|
|
186
|
+
// white @ 50%
|
|
187
|
+
'ds-color-base-white-opacity-50': (rgba(255, 255, 255, 0.5)),
|
|
185
188
|
// white @ 40%
|
|
186
189
|
'ds-color-base-white-opacity-40': (rgba(255, 255, 255, 0.4)),
|
|
190
|
+
// white @ 0%
|
|
191
|
+
'ds-color-base-white-opacity-0': (rgba(255, 255, 255, 0)),
|
|
187
192
|
//
|
|
188
193
|
// Base value for token support; should not use in code!
|
|
189
194
|
'ds-color-base-black': (#000000),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 07 Nov 2023 23:11:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,11 +162,20 @@
|
|
|
162
162
|
--ds-color-background-lighter: #f8f8f8;
|
|
163
163
|
--ds-color-background-darker: #01426a;
|
|
164
164
|
--ds-color-background-darkest: #00274a;
|
|
165
|
-
--ds-color-
|
|
166
|
-
|
|
165
|
+
--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
|
|
166
|
+
/**
|
|
167
|
+
*
|
|
168
|
+
* // Base value for token support; should not use in code!
|
|
169
|
+
*/
|
|
170
|
+
--ds-color-base-white: #ffffff;
|
|
171
|
+
--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5); /* white @ 50% */
|
|
167
172
|
--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4); /* white @ 40% */
|
|
168
|
-
--ds-color-base-
|
|
169
|
-
|
|
173
|
+
--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0); /* white @ 0% */
|
|
174
|
+
/**
|
|
175
|
+
*
|
|
176
|
+
* // Base value for token support; should not use in code!
|
|
177
|
+
*/
|
|
178
|
+
--ds-color-base-black: #000000;
|
|
170
179
|
--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); /* black @ 15% */
|
|
171
180
|
--ds-color-state-error-100: #ff999b;
|
|
172
181
|
--ds-color-state-error-500: #df0b37;
|
|
@@ -181,96 +190,231 @@
|
|
|
181
190
|
--ds-color-border-focus-default: #222222;
|
|
182
191
|
--ds-color-border-divider-default: rgba(0, 0, 0, 0.15);
|
|
183
192
|
--ds-color-border-divider-inverse: #ffffff;
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
--ds-color-brand-midnight-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
--ds-color-brand-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
--ds-color-brand-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
--ds-color-brand-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
--ds-color-brand-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
--ds-color-brand-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
--ds-color-brand-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
--ds-color-brand-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
--ds-color-brand-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
193
|
+
/**
|
|
194
|
+
*
|
|
195
|
+
* // Please consider descriptive token prior to using brand token
|
|
196
|
+
*/
|
|
197
|
+
--ds-color-brand-midnight-100: #c1daf0;
|
|
198
|
+
/**
|
|
199
|
+
*
|
|
200
|
+
* // Please consider descriptive token prior to using brand token
|
|
201
|
+
*/
|
|
202
|
+
--ds-color-brand-midnight-200: #569ed7;
|
|
203
|
+
/**
|
|
204
|
+
*
|
|
205
|
+
* // Please consider descriptive token prior to using brand token
|
|
206
|
+
*/
|
|
207
|
+
--ds-color-brand-midnight-300: #156fad;
|
|
208
|
+
/**
|
|
209
|
+
*
|
|
210
|
+
* // Please consider descriptive token prior to using brand token
|
|
211
|
+
*/
|
|
212
|
+
--ds-color-brand-midnight-400: #01426a;
|
|
213
|
+
/**
|
|
214
|
+
*
|
|
215
|
+
* // Please consider descriptive token prior to using brand token
|
|
216
|
+
*/
|
|
217
|
+
--ds-color-brand-midnight-500: #00274a;
|
|
218
|
+
/**
|
|
219
|
+
*
|
|
220
|
+
* // Please consider descriptive token prior to using brand token
|
|
221
|
+
*/
|
|
222
|
+
--ds-color-brand-atlas-100: #cde6ff;
|
|
223
|
+
/**
|
|
224
|
+
*
|
|
225
|
+
* // Please consider descriptive token prior to using brand token
|
|
226
|
+
*/
|
|
227
|
+
--ds-color-brand-atlas-200: #6bb7fb;
|
|
228
|
+
/**
|
|
229
|
+
*
|
|
230
|
+
* // Please consider descriptive token prior to using brand token
|
|
231
|
+
*/
|
|
232
|
+
--ds-color-brand-atlas-300: #2492eb;
|
|
233
|
+
/**
|
|
234
|
+
*
|
|
235
|
+
* // Please consider descriptive token prior to using brand token
|
|
236
|
+
*/
|
|
237
|
+
--ds-color-brand-atlas-400: #0074c8;
|
|
238
|
+
/**
|
|
239
|
+
*
|
|
240
|
+
* // Please consider descriptive token prior to using brand token
|
|
241
|
+
*/
|
|
242
|
+
--ds-color-brand-atlas-500: #054687;
|
|
243
|
+
/**
|
|
244
|
+
*
|
|
245
|
+
* // Please consider descriptive token prior to using brand token
|
|
246
|
+
*/
|
|
247
|
+
--ds-color-brand-breeze-100: #c0f7ff;
|
|
248
|
+
/**
|
|
249
|
+
*
|
|
250
|
+
* // Please consider descriptive token prior to using brand token
|
|
251
|
+
*/
|
|
252
|
+
--ds-color-brand-breeze-200: #5de3f7;
|
|
253
|
+
/**
|
|
254
|
+
*
|
|
255
|
+
* // Please consider descriptive token prior to using brand token
|
|
256
|
+
*/
|
|
257
|
+
--ds-color-brand-breeze-300: #00cff0;
|
|
258
|
+
/**
|
|
259
|
+
*
|
|
260
|
+
* // Please consider descriptive token prior to using brand token
|
|
261
|
+
*/
|
|
262
|
+
--ds-color-brand-breeze-400: #099dc5;
|
|
263
|
+
/**
|
|
264
|
+
*
|
|
265
|
+
* // Please consider descriptive token prior to using brand token
|
|
266
|
+
*/
|
|
267
|
+
--ds-color-brand-breeze-500: #0b5575;
|
|
268
|
+
/**
|
|
269
|
+
*
|
|
270
|
+
* // Please consider descriptive token prior to using brand token
|
|
271
|
+
*/
|
|
272
|
+
--ds-color-brand-tropical-100: #e2ffcd;
|
|
273
|
+
/**
|
|
274
|
+
*
|
|
275
|
+
* // Please consider descriptive token prior to using brand token
|
|
276
|
+
*/
|
|
277
|
+
--ds-color-brand-tropical-200: #d0fba6;
|
|
278
|
+
/**
|
|
279
|
+
*
|
|
280
|
+
* // Please consider descriptive token prior to using brand token
|
|
281
|
+
*/
|
|
282
|
+
--ds-color-brand-tropical-300: #c0e585;
|
|
283
|
+
/**
|
|
284
|
+
*
|
|
285
|
+
* // Please consider descriptive token prior to using brand token
|
|
286
|
+
*/
|
|
287
|
+
--ds-color-brand-tropical-400: #91be62;
|
|
288
|
+
/**
|
|
289
|
+
*
|
|
290
|
+
* // Please consider descriptive token prior to using brand token
|
|
291
|
+
*/
|
|
292
|
+
--ds-color-brand-tropical-500: #5e8741;
|
|
293
|
+
/**
|
|
294
|
+
*
|
|
295
|
+
* // Please consider descriptive token prior to using brand token
|
|
296
|
+
*/
|
|
297
|
+
--ds-color-brand-alpine-100: #bcaae6;
|
|
298
|
+
/**
|
|
299
|
+
*
|
|
300
|
+
* // Please consider descriptive token prior to using brand token
|
|
301
|
+
*/
|
|
302
|
+
--ds-color-brand-alpine-200: #9e73ea;
|
|
303
|
+
/**
|
|
304
|
+
*
|
|
305
|
+
* // Please consider descriptive token prior to using brand token
|
|
306
|
+
*/
|
|
307
|
+
--ds-color-brand-alpine-300: #8439ef;
|
|
308
|
+
/**
|
|
309
|
+
*
|
|
310
|
+
* // Please consider descriptive token prior to using brand token
|
|
311
|
+
*/
|
|
312
|
+
--ds-color-brand-alpine-400: #631db8;
|
|
313
|
+
/**
|
|
314
|
+
*
|
|
315
|
+
* // Please consider descriptive token prior to using brand token
|
|
316
|
+
*/
|
|
317
|
+
--ds-color-brand-alpine-500: #39115c;
|
|
318
|
+
/**
|
|
319
|
+
*
|
|
320
|
+
* // Please consider descriptive token prior to using brand token
|
|
321
|
+
*/
|
|
322
|
+
--ds-color-brand-flamingo-100: #ffebee;
|
|
323
|
+
/**
|
|
324
|
+
*
|
|
325
|
+
* // Please consider descriptive token prior to using brand token
|
|
326
|
+
*/
|
|
327
|
+
--ds-color-brand-flamingo-200: #ffc0ca;
|
|
328
|
+
/**
|
|
329
|
+
*
|
|
330
|
+
* // Please consider descriptive token prior to using brand token
|
|
331
|
+
*/
|
|
332
|
+
--ds-color-brand-flamingo-300: #ff94a7;
|
|
333
|
+
/**
|
|
334
|
+
*
|
|
335
|
+
* // Please consider descriptive token prior to using brand token
|
|
336
|
+
*/
|
|
337
|
+
--ds-color-brand-flamingo-400: #f65b7b;
|
|
338
|
+
/**
|
|
339
|
+
*
|
|
340
|
+
* // Please consider descriptive token prior to using brand token
|
|
341
|
+
*/
|
|
342
|
+
--ds-color-brand-flamingo-500: #b82b47;
|
|
343
|
+
/**
|
|
344
|
+
*
|
|
345
|
+
* // Please consider descriptive token prior to using brand token
|
|
346
|
+
*/
|
|
347
|
+
--ds-color-brand-canyon-100: #ffcab6;
|
|
348
|
+
/**
|
|
349
|
+
*
|
|
350
|
+
* // Please consider descriptive token prior to using brand token
|
|
351
|
+
*/
|
|
352
|
+
--ds-color-brand-canyon-200: #f99574;
|
|
353
|
+
/**
|
|
354
|
+
*
|
|
355
|
+
* // Please consider descriptive token prior to using brand token
|
|
356
|
+
*/
|
|
357
|
+
--ds-color-brand-canyon-300: #f26135;
|
|
358
|
+
/**
|
|
359
|
+
*
|
|
360
|
+
* // Please consider descriptive token prior to using brand token
|
|
361
|
+
*/
|
|
362
|
+
--ds-color-brand-canyon-400: #de3e09;
|
|
363
|
+
/**
|
|
364
|
+
*
|
|
365
|
+
* // Please consider descriptive token prior to using brand token
|
|
366
|
+
*/
|
|
367
|
+
--ds-color-brand-canyon-500: #b83302;
|
|
368
|
+
/**
|
|
369
|
+
*
|
|
370
|
+
* // Please consider descriptive token prior to using brand token
|
|
371
|
+
*/
|
|
372
|
+
--ds-color-brand-goldcoast-100: #fff0cd;
|
|
373
|
+
/**
|
|
374
|
+
*
|
|
375
|
+
* // Please consider descriptive token prior to using brand token
|
|
376
|
+
*/
|
|
377
|
+
--ds-color-brand-goldcoast-200: #ffdb67;
|
|
378
|
+
/**
|
|
379
|
+
*
|
|
380
|
+
* // Please consider descriptive token prior to using brand token
|
|
381
|
+
*/
|
|
382
|
+
--ds-color-brand-goldcoast-300: #ffd200;
|
|
383
|
+
/**
|
|
384
|
+
*
|
|
385
|
+
* // Please consider descriptive token prior to using brand token
|
|
386
|
+
*/
|
|
387
|
+
--ds-color-brand-goldcoast-400: #e5ad07;
|
|
388
|
+
/**
|
|
389
|
+
*
|
|
390
|
+
* // Please consider descriptive token prior to using brand token
|
|
391
|
+
*/
|
|
392
|
+
--ds-color-brand-goldcoast-500: #b88624;
|
|
393
|
+
/**
|
|
394
|
+
*
|
|
395
|
+
* // Please consider descriptive token prior to using brand token
|
|
396
|
+
*/
|
|
397
|
+
--ds-color-brand-neutral-100: #f9fbfc;
|
|
398
|
+
/**
|
|
399
|
+
*
|
|
400
|
+
* // Please consider descriptive token prior to using brand token
|
|
401
|
+
*/
|
|
402
|
+
--ds-color-brand-neutral-200: #e2eaef;
|
|
403
|
+
/**
|
|
404
|
+
*
|
|
405
|
+
* // Please consider descriptive token prior to using brand token
|
|
406
|
+
*/
|
|
407
|
+
--ds-color-brand-neutral-300: #cbd8e2;
|
|
408
|
+
/**
|
|
409
|
+
*
|
|
410
|
+
* // Please consider descriptive token prior to using brand token
|
|
411
|
+
*/
|
|
412
|
+
--ds-color-brand-neutral-400: #9fabbb;
|
|
413
|
+
/**
|
|
414
|
+
*
|
|
415
|
+
* // Please consider descriptive token prior to using brand token
|
|
416
|
+
*/
|
|
417
|
+
--ds-color-brand-neutral-500: #626b79;
|
|
274
418
|
--ds-color-brand-gray-100: #f8f8f8;
|
|
275
419
|
--ds-color-brand-gray-200: #dbdbdb;
|
|
276
420
|
--ds-color-brand-gray-300: #b2b2b2;
|