@siemens/element-theme 51.0.0-rc.9 → 51.0.1

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 (39) hide show
  1. package/package.json +1 -1
  2. package/src/styles/bootstrap/_alert.scss +18 -18
  3. package/src/styles/bootstrap/_badges.scss +37 -37
  4. package/src/styles/bootstrap/_button-group.scss +8 -8
  5. package/src/styles/bootstrap/_buttons.scss +67 -67
  6. package/src/styles/bootstrap/_card.scss +13 -12
  7. package/src/styles/bootstrap/_dropdowns.scss +5 -5
  8. package/src/styles/bootstrap/_images.scss +1 -1
  9. package/src/styles/bootstrap/_list-group.scss +50 -12
  10. package/src/styles/bootstrap/_modals.scss +2 -2
  11. package/src/styles/bootstrap/_nav.scss +6 -6
  12. package/src/styles/bootstrap/_pagination.scss +2 -2
  13. package/src/styles/bootstrap/_popovers.scss +1 -1
  14. package/src/styles/bootstrap/_utilities.scss +38 -37
  15. package/src/styles/bootstrap/_variables.scss +89 -91
  16. package/src/styles/bootstrap/forms/_form-check.scss +20 -20
  17. package/src/styles/bootstrap/forms/_form-control.scss +15 -15
  18. package/src/styles/bootstrap/forms/_form-file.scss +6 -6
  19. package/src/styles/bootstrap/forms/_form-range.scss +12 -12
  20. package/src/styles/components/_application-header.scss +15 -15
  21. package/src/styles/components/_datatable.scss +11 -11
  22. package/src/styles/components/_drag_drop.scss +5 -5
  23. package/src/styles/components/_elevation.scss +4 -4
  24. package/src/styles/components/_layout.scss +1 -1
  25. package/src/styles/components/_links.scss +1 -1
  26. package/src/styles/components/_list-item.scss +14 -19
  27. package/src/styles/components/_markdown.scss +1 -1
  28. package/src/styles/components/_pills.scss +3 -3
  29. package/src/styles/components/_scrollbar.scss +3 -3
  30. package/src/styles/components/_search-bar.scss +6 -6
  31. package/src/styles/components/_skeleton.scss +3 -3
  32. package/src/styles/components/_switch.scss +12 -12
  33. package/src/styles/components/_widgets.scss +1 -1
  34. package/src/styles/mixins/_utilities.scss +94 -82
  35. package/src/styles/variables/_elevation.scss +8 -8
  36. package/src/styles/variables/_focus.scss +3 -3
  37. package/src/styles/variables/_system-tokens.scss +202 -180
  38. package/src/styles/variables/_utilities.scss +4 -4
  39. package/src/theme/_theme-element.scss +326 -302
package/src/theme/_theme-element.scss CHANGED
@@ -249,157 +249,169 @@ $theme-element-light: (
249
249
  element-data-deep-blue-2: data.$color-data-deep-blue-500,
250
250
  element-data-deep-blue-3: data.$color-data-deep-blue-700,
251
251
  element-data-deep-blue-4: data.$color-data-deep-blue-900,
252
- si-sys-background-0: base.$color-light-sand,
253
- si-sys-background-1: base.$color-white,
254
- si-sys-background-2: base.$color-light-sand,
255
- si-sys-background-3: base.$color-white,
256
- si-sys-background-4: base.$color-experimental-deep-blue-25,
257
- si-sys-background-hover: base.$color-light-sand,
258
- si-sys-background-active: base.$color-sand,
259
- si-sys-background-accent: base.$color-interactive-blue-500,
260
- si-sys-background-accent-hover: base.$color-teal,
261
- si-sys-background-accent-active: base.$color-interactive-blue-700,
262
- si-sys-background-accent-secondary: transparent,
263
- si-sys-background-accent-secondary-hover: base.$color-light-bold-green,
264
- si-sys-background-accent-secondary-active: base.$color-light-bold-green,
265
- si-sys-background-information: base.$color-blue-500,
266
- si-sys-background-information-subtle: base.$color-blue-100,
267
- si-sys-background-success: base.$color-green-700,
268
- si-sys-background-success-subtle: base.$color-green-100,
269
- si-sys-background-caution: base.$color-yellow-500,
270
- si-sys-background-caution-subtle: base.$color-yellow-100,
271
- si-sys-background-warning: base.$color-orange-700,
272
- si-sys-background-warning-subtle: base.$color-orange-100,
273
- si-sys-background-warning-hover: base.$color-orange-900,
274
- si-sys-background-warning-active: base.$color-orange-700,
275
- si-sys-background-warning-secondary: transparent,
276
- si-sys-background-danger: base.$color-red-500,
277
- si-sys-background-danger-subtle: base.$color-red-100,
278
- si-sys-background-danger-hover: base.$color-red-700,
279
- si-sys-background-danger-active: base.$color-red-700,
280
- si-sys-background-danger-secondary: transparent,
281
- si-sys-background-critical: data.$color-data-orchid-500,
282
- si-sys-background-critical-subtle: data.$color-data-orchid-100,
283
- si-sys-text-primary: base.$color-deep-blue-900,
284
- si-sys-text-secondary: base.$color-deep-blue-700,
285
- si-sys-text-disabled: base.$color-deep-blue-500,
286
- si-sys-text-inverse: base.$color-white,
287
- si-sys-text-accent: base.$color-interactive-blue-500,
288
- si-sys-text-accent-hover: base.$color-teal,
289
- si-sys-text-accent-active: base.$color-interactive-blue-700,
290
- si-sys-text-on-accent: base.$color-white,
291
- si-sys-text-on-accent-secondary: base.$color-interactive-blue-500,
292
- si-sys-text-on-accent-secondary-hover: base.$color-teal,
293
- si-sys-text-on-accent-secondary-active: base.$color-interactive-blue-700,
294
- si-sys-text-information: base.$color-blue-700,
295
- si-sys-text-on-information: base.$color-white,
296
- si-sys-text-success: base.$color-green-700,
297
- si-sys-text-on-success: base.$color-white,
298
- si-sys-text-caution: base.$color-yellow-900,
299
- si-sys-text-on-caution: base.$color-deep-blue-900,
300
- si-sys-text-warning: base.$color-orange-900,
301
- si-sys-text-on-warning: base.$color-white,
302
- si-sys-text-on-warning-secondary: base.$color-orange-900,
303
- si-sys-text-danger: base.$color-red-700,
304
- si-sys-text-on-danger: base.$color-white,
305
- si-sys-text-on-danger-secondary: base.$color-red-500,
306
- si-sys-text-critical: data.$color-data-orchid-700,
307
- si-sys-text-on-critical: base.$color-white,
308
- si-sys-border-1: base.$color-deep-blue-900,
309
- si-sys-border-2: base.$color-deep-blue-600,
310
- si-sys-border-3: base.$color-deep-blue-400,
311
- si-sys-border-4: base.$color-deep-blue-100,
312
- si-sys-border-accent: base.$color-interactive-blue-500,
313
- si-sys-border-accent-hover: base.$color-teal,
314
- si-sys-border-accent-active: base.$color-interactive-blue-700,
315
- si-sys-border-information: base.$color-blue-500,
316
- si-sys-border-success: base.$color-green-700,
317
- si-sys-border-caution: base.$color-yellow-500,
318
- si-sys-border-warning: base.$color-orange-700,
319
- si-sys-border-warning-secondary: base.$color-orange-900,
320
- si-sys-border-danger: base.$color-red-500,
321
- si-sys-border-danger-secondary: base.$color-red-500,
322
- si-sys-border-critical: data.$color-data-orchid-500,
323
- si-sys-effects-logo: base.$color-deep-blue-900,
324
- si-sys-effects-backdrop: rgba(base.$color-black, 0.3),
325
- si-sys-effects-focus: base.$color-focus,
326
- si-sys-effects-shadow-0: base.$color-light-sand,
327
- si-sys-effects-shadow-1: base.$color-white,
328
- si-sys-effects-shadow-2: base.$color-light-sand,
329
- si-sys-effects-shadow-3: base.$color-white,
330
- si-sys-data-categorical-1: data.$color-data-petrol,
331
- si-sys-data-categorical-2: data.$color-data-turquoise-900,
332
- si-sys-data-categorical-3: data.$color-data-green-700,
333
- si-sys-data-categorical-4: data.$color-data-turquoise-700,
334
- si-sys-data-categorical-5: data.$color-data-royal-blue-500,
335
- si-sys-data-categorical-6: data.$color-data-interactive-coral-900,
336
- si-sys-data-categorical-7: data.$color-data-purple-700,
337
- si-sys-data-categorical-8: data.$color-data-purple-900,
338
- si-sys-data-categorical-9: data.$color-data-orchid-700,
339
- si-sys-data-categorical-10: data.$color-data-red-700,
340
- si-sys-data-categorical-11: data.$color-data-plum-900,
341
- si-sys-data-categorical-12: data.$color-data-plum-500,
342
- si-sys-data-categorical-13: data.$color-data-royal-blue-700,
343
- si-sys-data-categorical-14: data.$color-data-orange-900,
344
- si-sys-data-categorical-15: data.$color-data-yellow-900,
345
- si-sys-data-categorical-16: data.$color-data-sand-700,
346
- si-sys-data-categorical-17: data.$color-data-deep-blue-700,
347
- si-sys-data-sequential-avocado-1: data.$color-data-avocado-400,
348
- si-sys-data-sequential-avocado-2: data.$color-data-avocado-500,
349
- si-sys-data-sequential-avocado-3: data.$color-data-avocado-700,
350
- si-sys-data-sequential-avocado-4: data.$color-data-avocado-900,
351
- si-sys-data-sequential-green-1: data.$color-data-green-400,
352
- si-sys-data-sequential-green-2: data.$color-data-green-500,
353
- si-sys-data-sequential-green-3: data.$color-data-green-700,
354
- si-sys-data-sequential-green-4: data.$color-data-green-900,
355
- si-sys-data-sequential-turquoise-1: data.$color-data-turquoise-400,
356
- si-sys-data-sequential-turquoise-2: data.$color-data-turquoise-500,
357
- si-sys-data-sequential-turquoise-3: data.$color-data-turquoise-700,
358
- si-sys-data-sequential-turquoise-4: data.$color-data-turquoise-900,
359
- si-sys-data-sequential-interactive-coral-1: data.$color-data-interactive-coral-400,
360
- si-sys-data-sequential-interactive-coral-2: data.$color-data-interactive-coral-500,
361
- si-sys-data-sequential-interactive-coral-3: data.$color-data-interactive-coral-700,
362
- si-sys-data-sequential-interactive-coral-4: data.$color-data-interactive-coral-900,
363
- si-sys-data-sequential-blue-1: data.$color-data-blue-400,
364
- si-sys-data-sequential-blue-2: data.$color-data-blue-500,
365
- si-sys-data-sequential-blue-3: data.$color-data-blue-700,
366
- si-sys-data-sequential-blue-4: data.$color-data-blue-900,
367
- si-sys-data-sequential-royal-blue-1: data.$color-data-royal-blue-200,
368
- si-sys-data-sequential-royal-blue-2: data.$color-data-royal-blue-400,
369
- si-sys-data-sequential-royal-blue-3: data.$color-data-royal-blue-500,
370
- si-sys-data-sequential-royal-blue-4: data.$color-data-royal-blue-700,
371
- si-sys-data-sequential-purple-1: data.$color-data-purple-400,
372
- si-sys-data-sequential-purple-2: data.$color-data-purple-500,
373
- si-sys-data-sequential-purple-3: data.$color-data-purple-700,
374
- si-sys-data-sequential-purple-4: data.$color-data-purple-900,
375
- si-sys-data-sequential-orchid-1: data.$color-data-orchid-400,
376
- si-sys-data-sequential-orchid-2: data.$color-data-orchid-500,
377
- si-sys-data-sequential-orchid-3: data.$color-data-orchid-700,
378
- si-sys-data-sequential-orchid-4: data.$color-data-orchid-900,
379
- si-sys-data-sequential-plum-1: data.$color-data-plum-400,
380
- si-sys-data-sequential-plum-2: data.$color-data-plum-500,
381
- si-sys-data-sequential-plum-3: data.$color-data-plum-700,
382
- si-sys-data-sequential-plum-4: data.$color-data-plum-900,
383
- si-sys-data-sequential-red-1: data.$color-data-red-400,
384
- si-sys-data-sequential-red-2: data.$color-data-red-500,
385
- si-sys-data-sequential-red-3: data.$color-data-red-700,
386
- si-sys-data-sequential-red-4: data.$color-data-red-900,
387
- si-sys-data-sequential-orange-1: data.$color-data-orange-200,
388
- si-sys-data-sequential-orange-2: data.$color-data-orange-400,
389
- si-sys-data-sequential-orange-3: data.$color-data-orange-500,
390
- si-sys-data-sequential-orange-4: data.$color-data-orange-700,
391
- si-sys-data-sequential-yellow-1: data.$color-data-yellow-400,
392
- si-sys-data-sequential-yellow-2: data.$color-data-yellow-500,
393
- si-sys-data-sequential-yellow-3: data.$color-data-yellow-700,
394
- si-sys-data-sequential-yellow-4: data.$color-data-yellow-900,
395
- si-sys-data-sequential-sand-1: data.$color-data-sand-400,
396
- si-sys-data-sequential-sand-2: data.$color-data-sand-500,
397
- si-sys-data-sequential-sand-3: data.$color-data-sand-700,
398
- si-sys-data-sequential-sand-4: data.$color-data-sand-900,
399
- si-sys-data-sequential-deep-blue-1: data.$color-data-deep-blue-400,
400
- si-sys-data-sequential-deep-blue-2: data.$color-data-deep-blue-500,
401
- si-sys-data-sequential-deep-blue-3: data.$color-data-deep-blue-700,
402
- si-sys-data-sequential-deep-blue-4: data.$color-data-deep-blue-900
252
+ si-sys-color-background-0: base.$color-light-sand,
253
+ si-sys-color-background-1: base.$color-white,
254
+ si-sys-color-background-2: base.$color-light-sand,
255
+ si-sys-color-background-3: base.$color-white,
256
+ si-sys-color-background-4: base.$color-experimental-deep-blue-25,
257
+ si-sys-color-background-hover: base.$color-light-sand,
258
+ si-sys-color-background-active: base.$color-sand,
259
+ si-sys-color-background-accent: base.$color-interactive-blue-500,
260
+ si-sys-color-background-accent-hover: base.$color-teal,
261
+ si-sys-color-background-accent-active: base.$color-interactive-blue-700,
262
+ si-sys-color-background-accent-secondary: transparent,
263
+ si-sys-color-background-accent-secondary-hover: base.$color-light-bold-green,
264
+ si-sys-color-background-accent-secondary-active: base.$color-light-bold-green,
265
+ si-sys-color-background-information: base.$color-blue-500,
266
+ si-sys-color-background-information-subtle: base.$color-blue-100,
267
+ si-sys-color-background-success: base.$color-green-700,
268
+ si-sys-color-background-success-subtle: base.$color-green-100,
269
+ si-sys-color-background-caution: base.$color-yellow-500,
270
+ si-sys-color-background-caution-subtle: base.$color-yellow-100,
271
+ si-sys-color-background-warning: base.$color-orange-700,
272
+ si-sys-color-background-warning-subtle: base.$color-orange-100,
273
+ si-sys-color-background-warning-hover: base.$color-orange-900,
274
+ si-sys-color-background-warning-active: base.$color-orange-700,
275
+ si-sys-color-background-warning-secondary: transparent,
276
+ si-sys-color-background-danger: base.$color-red-500,
277
+ si-sys-color-background-danger-subtle: base.$color-red-100,
278
+ si-sys-color-background-danger-hover: base.$color-red-700,
279
+ si-sys-color-background-danger-active: base.$color-red-700,
280
+ si-sys-color-background-danger-secondary: transparent,
281
+ si-sys-color-background-critical: data.$color-data-orchid-500,
282
+ si-sys-color-background-critical-subtle: data.$color-data-orchid-100,
283
+ si-sys-color-text-primary: base.$color-deep-blue-900,
284
+ si-sys-color-text-secondary: base.$color-deep-blue-700,
285
+ si-sys-color-text-disabled: base.$color-deep-blue-500,
286
+ si-sys-color-text-inverse: base.$color-white,
287
+ si-sys-color-text-accent: base.$color-interactive-blue-500,
288
+ si-sys-color-text-accent-hover: base.$color-teal,
289
+ si-sys-color-text-accent-active: base.$color-interactive-blue-700,
290
+ si-sys-color-text-on-accent: base.$color-white,
291
+ si-sys-color-text-on-accent-secondary: base.$color-interactive-blue-500,
292
+ si-sys-color-text-on-accent-secondary-hover: base.$color-teal,
293
+ si-sys-color-text-on-accent-secondary-active: base.$color-interactive-blue-700,
294
+ si-sys-color-text-information: base.$color-blue-700,
295
+ si-sys-color-text-on-information: base.$color-white,
296
+ si-sys-color-text-success: base.$color-green-700,
297
+ si-sys-color-text-on-success: base.$color-white,
298
+ si-sys-color-text-caution: base.$color-yellow-900,
299
+ si-sys-color-text-on-caution: base.$color-deep-blue-900,
300
+ si-sys-color-text-warning: base.$color-orange-900,
301
+ si-sys-color-text-on-warning: base.$color-white,
302
+ si-sys-color-text-on-warning-secondary: base.$color-orange-900,
303
+ si-sys-color-text-danger: base.$color-red-700,
304
+ si-sys-color-text-on-danger: base.$color-white,
305
+ si-sys-color-text-on-danger-secondary: base.$color-red-500,
306
+ si-sys-color-text-critical: data.$color-data-orchid-700,
307
+ si-sys-color-text-on-critical: base.$color-white,
308
+ si-sys-color-code-1: data.$color-data-royal-blue-900,
309
+ si-sys-color-code-2: base.$color-teal,
310
+ si-sys-color-code-3: data.$color-data-blue-900,
311
+ si-sys-color-code-4: data.$color-data-yellow-900,
312
+ si-sys-color-code-5: data.$color-data-yellow-900,
313
+ si-sys-color-code-6: data.$color-data-turquoise-700,
314
+ si-sys-color-code-7: data.$color-data-orchid-500,
315
+ si-sys-color-code-8: base.$color-deep-blue-600,
316
+ si-sys-color-code-9: base.$color-deep-blue-600,
317
+ si-sys-color-code-10: data.$color-data-purple-900,
318
+ si-sys-color-code-11: data.$color-data-interactive-coral-700,
319
+ si-sys-color-code-12: base.$color-red-700,
320
+ si-sys-color-border-1: base.$color-deep-blue-900,
321
+ si-sys-color-border-2: base.$color-deep-blue-600,
322
+ si-sys-color-border-3: base.$color-deep-blue-400,
323
+ si-sys-color-border-4: base.$color-deep-blue-100,
324
+ si-sys-color-border-accent: base.$color-interactive-blue-500,
325
+ si-sys-color-border-accent-hover: base.$color-teal,
326
+ si-sys-color-border-accent-active: base.$color-interactive-blue-700,
327
+ si-sys-color-border-information: base.$color-blue-500,
328
+ si-sys-color-border-success: base.$color-green-700,
329
+ si-sys-color-border-caution: base.$color-yellow-500,
330
+ si-sys-color-border-warning: base.$color-orange-700,
331
+ si-sys-color-border-warning-secondary: base.$color-orange-900,
332
+ si-sys-color-border-danger: base.$color-red-500,
333
+ si-sys-color-border-danger-secondary: base.$color-red-500,
334
+ si-sys-color-border-critical: data.$color-data-orchid-500,
335
+ si-sys-color-effects-logo: base.$color-deep-blue-900,
336
+ si-sys-color-effects-backdrop: rgba(base.$color-black, 0.3),
337
+ si-sys-color-effects-focus: base.$color-focus,
338
+ si-sys-color-effects-shadow-0: base.$color-light-sand,
339
+ si-sys-color-effects-shadow-1: base.$color-white,
340
+ si-sys-color-effects-shadow-2: base.$color-light-sand,
341
+ si-sys-color-effects-shadow-3: base.$color-white,
342
+ si-sys-color-data-categorical-1: data.$color-data-petrol,
343
+ si-sys-color-data-categorical-2: data.$color-data-turquoise-900,
344
+ si-sys-color-data-categorical-3: data.$color-data-green-700,
345
+ si-sys-color-data-categorical-4: data.$color-data-turquoise-700,
346
+ si-sys-color-data-categorical-5: data.$color-data-royal-blue-500,
347
+ si-sys-color-data-categorical-6: data.$color-data-interactive-coral-900,
348
+ si-sys-color-data-categorical-7: data.$color-data-purple-700,
349
+ si-sys-color-data-categorical-8: data.$color-data-purple-900,
350
+ si-sys-color-data-categorical-9: data.$color-data-orchid-700,
351
+ si-sys-color-data-categorical-10: data.$color-data-red-700,
352
+ si-sys-color-data-categorical-11: data.$color-data-plum-900,
353
+ si-sys-color-data-categorical-12: data.$color-data-plum-500,
354
+ si-sys-color-data-categorical-13: data.$color-data-royal-blue-700,
355
+ si-sys-color-data-categorical-14: data.$color-data-orange-900,
356
+ si-sys-color-data-categorical-15: data.$color-data-yellow-900,
357
+ si-sys-color-data-categorical-16: data.$color-data-sand-700,
358
+ si-sys-color-data-categorical-17: data.$color-data-deep-blue-700,
359
+ si-sys-color-data-sequential-avocado-1: data.$color-data-avocado-400,
360
+ si-sys-color-data-sequential-avocado-2: data.$color-data-avocado-500,
361
+ si-sys-color-data-sequential-avocado-3: data.$color-data-avocado-700,
362
+ si-sys-color-data-sequential-avocado-4: data.$color-data-avocado-900,
363
+ si-sys-color-data-sequential-green-1: data.$color-data-green-400,
364
+ si-sys-color-data-sequential-green-2: data.$color-data-green-500,
365
+ si-sys-color-data-sequential-green-3: data.$color-data-green-700,
366
+ si-sys-color-data-sequential-green-4: data.$color-data-green-900,
367
+ si-sys-color-data-sequential-turquoise-1: data.$color-data-turquoise-400,
368
+ si-sys-color-data-sequential-turquoise-2: data.$color-data-turquoise-500,
369
+ si-sys-color-data-sequential-turquoise-3: data.$color-data-turquoise-700,
370
+ si-sys-color-data-sequential-turquoise-4: data.$color-data-turquoise-900,
371
+ si-sys-color-data-sequential-interactive-coral-1: data.$color-data-interactive-coral-400,
372
+ si-sys-color-data-sequential-interactive-coral-2: data.$color-data-interactive-coral-500,
373
+ si-sys-color-data-sequential-interactive-coral-3: data.$color-data-interactive-coral-700,
374
+ si-sys-color-data-sequential-interactive-coral-4: data.$color-data-interactive-coral-900,
375
+ si-sys-color-data-sequential-blue-1: data.$color-data-blue-400,
376
+ si-sys-color-data-sequential-blue-2: data.$color-data-blue-500,
377
+ si-sys-color-data-sequential-blue-3: data.$color-data-blue-700,
378
+ si-sys-color-data-sequential-blue-4: data.$color-data-blue-900,
379
+ si-sys-color-data-sequential-royal-blue-1: data.$color-data-royal-blue-200,
380
+ si-sys-color-data-sequential-royal-blue-2: data.$color-data-royal-blue-400,
381
+ si-sys-color-data-sequential-royal-blue-3: data.$color-data-royal-blue-500,
382
+ si-sys-color-data-sequential-royal-blue-4: data.$color-data-royal-blue-700,
383
+ si-sys-color-data-sequential-purple-1: data.$color-data-purple-400,
384
+ si-sys-color-data-sequential-purple-2: data.$color-data-purple-500,
385
+ si-sys-color-data-sequential-purple-3: data.$color-data-purple-700,
386
+ si-sys-color-data-sequential-purple-4: data.$color-data-purple-900,
387
+ si-sys-color-data-sequential-orchid-1: data.$color-data-orchid-400,
388
+ si-sys-color-data-sequential-orchid-2: data.$color-data-orchid-500,
389
+ si-sys-color-data-sequential-orchid-3: data.$color-data-orchid-700,
390
+ si-sys-color-data-sequential-orchid-4: data.$color-data-orchid-900,
391
+ si-sys-color-data-sequential-plum-1: data.$color-data-plum-400,
392
+ si-sys-color-data-sequential-plum-2: data.$color-data-plum-500,
393
+ si-sys-color-data-sequential-plum-3: data.$color-data-plum-700,
394
+ si-sys-color-data-sequential-plum-4: data.$color-data-plum-900,
395
+ si-sys-color-data-sequential-red-1: data.$color-data-red-400,
396
+ si-sys-color-data-sequential-red-2: data.$color-data-red-500,
397
+ si-sys-color-data-sequential-red-3: data.$color-data-red-700,
398
+ si-sys-color-data-sequential-red-4: data.$color-data-red-900,
399
+ si-sys-color-data-sequential-orange-1: data.$color-data-orange-200,
400
+ si-sys-color-data-sequential-orange-2: data.$color-data-orange-400,
401
+ si-sys-color-data-sequential-orange-3: data.$color-data-orange-500,
402
+ si-sys-color-data-sequential-orange-4: data.$color-data-orange-700,
403
+ si-sys-color-data-sequential-yellow-1: data.$color-data-yellow-400,
404
+ si-sys-color-data-sequential-yellow-2: data.$color-data-yellow-500,
405
+ si-sys-color-data-sequential-yellow-3: data.$color-data-yellow-700,
406
+ si-sys-color-data-sequential-yellow-4: data.$color-data-yellow-900,
407
+ si-sys-color-data-sequential-sand-1: data.$color-data-sand-400,
408
+ si-sys-color-data-sequential-sand-2: data.$color-data-sand-500,
409
+ si-sys-color-data-sequential-sand-3: data.$color-data-sand-700,
410
+ si-sys-color-data-sequential-sand-4: data.$color-data-sand-900,
411
+ si-sys-color-data-sequential-deep-blue-1: data.$color-data-deep-blue-400,
412
+ si-sys-color-data-sequential-deep-blue-2: data.$color-data-deep-blue-500,
413
+ si-sys-color-data-sequential-deep-blue-3: data.$color-data-deep-blue-700,
414
+ si-sys-color-data-sequential-deep-blue-4: data.$color-data-deep-blue-900
403
415
  );
404
416
 
405
417
  $theme-element-dark: (
@@ -580,155 +592,167 @@ $theme-element-dark: (
580
592
  element-data-deep-blue-2: data.$color-data-deep-blue-400,
581
593
  element-data-deep-blue-3: data.$color-data-deep-blue-500,
582
594
  element-data-deep-blue-4: data.$color-data-deep-blue-700,
583
- si-sys-background-0: base.$color-deep-blue-900,
584
- si-sys-background-1: base.$color-deep-blue-800,
585
- si-sys-background-2: base.$color-deep-blue-700,
586
- si-sys-background-3: base.$color-grayish-navy,
587
- si-sys-background-4: base.$color-experimental-deep-blue-850,
588
- si-sys-background-hover: base.$color-dark-grayish-navy,
589
- si-sys-background-active: base.$color-grayish-navy,
590
- si-sys-background-accent: base.$color-interactive-coral,
591
- si-sys-background-accent-hover: base.$color-bold-green,
592
- si-sys-background-accent-active: base.$color-interactive-blue-700,
593
- si-sys-background-accent-secondary: transparent,
594
- si-sys-background-accent-secondary-hover: base.$color-dark-bold-green,
595
- si-sys-background-accent-secondary-active: base.$color-dark-bold-green,
596
- si-sys-background-information: base.$color-blue-500,
597
- si-sys-background-information-subtle: base.$color-blue-900,
598
- si-sys-background-success: base.$color-green-500,
599
- si-sys-background-success-subtle: base.$color-green-900,
600
- si-sys-background-caution: base.$color-yellow-300,
601
- si-sys-background-caution-subtle: base.$color-yellow-900,
602
- si-sys-background-warning: base.$color-orange-500,
603
- si-sys-background-warning-subtle: base.$color-orange-900,
604
- si-sys-background-warning-hover: base.$color-orange-700,
605
- si-sys-background-warning-active: base.$color-orange-700,
606
- si-sys-background-warning-secondary: transparent,
607
- si-sys-background-danger: base.$color-red-500,
608
- si-sys-background-danger-subtle: base.$color-red-900,
609
- si-sys-background-danger-hover: base.$color-red-700,
610
- si-sys-background-danger-active: base.$color-red-700,
611
- si-sys-background-danger-secondary: transparent,
612
- si-sys-background-critical: data.$color-data-orchid-500,
613
- si-sys-background-critical-subtle: data.$color-data-orchid-700,
614
- si-sys-text-primary: base.$color-white,
615
- si-sys-text-secondary: base.$color-deep-blue-300,
616
- si-sys-text-disabled: base.$color-deep-blue-600,
617
- si-sys-text-inverse: base.$color-deep-blue-900,
618
- si-sys-text-accent: base.$color-interactive-coral,
619
- si-sys-text-accent-hover: base.$color-bold-green,
620
- si-sys-text-accent-active: base.$color-interactive-blue-700,
621
- si-sys-text-on-accent: base.$color-deep-blue-900,
622
- si-sys-text-on-accent-secondary: base.$color-interactive-coral,
623
- si-sys-text-on-accent-secondary-hover: base.$color-bold-green,
624
- si-sys-text-on-accent-secondary-active: base.$color-interactive-blue-700,
625
- si-sys-text-information: base.$color-blue-100,
626
- si-sys-text-on-information: base.$color-white,
627
- si-sys-text-success: base.$color-green-100,
628
- si-sys-text-on-success: base.$color-deep-blue-900,
629
- si-sys-text-caution: base.$color-yellow-100,
630
- si-sys-text-on-caution: base.$color-deep-blue-900,
631
- si-sys-text-warning: base.$color-orange-100,
632
- si-sys-text-on-warning: base.$color-deep-blue-900,
633
- si-sys-text-on-warning-secondary: base.$color-orange-500,
634
- si-sys-text-danger: base.$color-red-100,
635
- si-sys-text-on-danger: base.$color-white,
636
- si-sys-text-on-danger-secondary: base.$color-red-300,
637
- si-sys-text-critical: data.$color-data-orchid-100,
638
- si-sys-text-on-critical: base.$color-white,
639
- si-sys-border-1: base.$color-white,
640
- si-sys-border-2: base.$color-deep-blue-400,
641
- si-sys-border-3: base.$color-deep-blue-600,
642
- si-sys-border-4: base.$color-deep-blue-700,
643
- si-sys-border-accent: base.$color-interactive-coral,
644
- si-sys-border-accent-hover: base.$color-bold-green,
645
- si-sys-border-accent-active: base.$color-interactive-blue-700,
646
- si-sys-border-information: base.$color-blue-500,
647
- si-sys-border-success: base.$color-green-500,
648
- si-sys-border-caution: base.$color-yellow-300,
649
- si-sys-border-warning: base.$color-orange-500,
650
- si-sys-border-warning-secondary: base.$color-orange-500,
651
- si-sys-border-danger: base.$color-red-500,
652
- si-sys-border-danger-secondary: base.$color-red-300,
653
- si-sys-border-critical: data.$color-data-orchid-500,
654
- si-sys-effects-logo: base.$color-white,
655
- si-sys-effects-backdrop: rgba(base.$color-black, 0.7),
656
- si-sys-effects-focus: base.$color-focus,
657
- si-sys-effects-shadow-0: base.$color-deep-blue-900,
658
- si-sys-effects-shadow-1: base.$color-deep-blue-800,
659
- si-sys-effects-shadow-2: base.$color-deep-blue-700,
660
- si-sys-effects-shadow-3: base.$color-grayish-navy,
661
- si-sys-data-categorical-1: data.$color-data-light-petrol,
662
- si-sys-data-categorical-2: data.$color-data-bold-green,
663
- si-sys-data-categorical-3: data.$color-data-green-400,
664
- si-sys-data-categorical-4: data.$color-data-turquoise-100,
665
- si-sys-data-categorical-5: data.$color-data-royal-blue-400,
666
- si-sys-data-categorical-6: data.$color-data-interactive-coral-100,
667
- si-sys-data-categorical-7: data.$color-data-purple-500,
668
- si-sys-data-categorical-8: data.$color-data-purple-200,
669
- si-sys-data-categorical-9: data.$color-data-orchid-400,
670
- si-sys-data-categorical-10: data.$color-data-red-500,
671
- si-sys-data-categorical-11: data.$color-data-plum-400,
672
- si-sys-data-categorical-12: data.$color-data-plum-200,
673
- si-sys-data-categorical-13: data.$color-data-royal-blue-200,
674
- si-sys-data-categorical-14: data.$color-data-orange-400,
675
- si-sys-data-categorical-15: data.$color-data-yellow-400,
676
- si-sys-data-categorical-16: data.$color-data-sand-500,
677
- si-sys-data-categorical-17: data.$color-data-deep-blue-500,
678
- si-sys-data-sequential-avocado-1: data.$color-data-avocado-200,
679
- si-sys-data-sequential-avocado-2: data.$color-data-avocado-400,
680
- si-sys-data-sequential-avocado-3: data.$color-data-avocado-500,
681
- si-sys-data-sequential-avocado-4: data.$color-data-avocado-700,
682
- si-sys-data-sequential-green-1: data.$color-data-green-200,
683
- si-sys-data-sequential-green-2: data.$color-data-green-400,
684
- si-sys-data-sequential-green-3: data.$color-data-green-500,
685
- si-sys-data-sequential-green-4: data.$color-data-green-700,
686
- si-sys-data-sequential-turquoise-1: data.$color-data-turquoise-200,
687
- si-sys-data-sequential-turquoise-2: data.$color-data-turquoise-400,
688
- si-sys-data-sequential-turquoise-3: data.$color-data-turquoise-500,
689
- si-sys-data-sequential-turquoise-4: data.$color-data-turquoise-700,
690
- si-sys-data-sequential-interactive-coral-1: data.$color-data-interactive-coral-200,
691
- si-sys-data-sequential-interactive-coral-2: data.$color-data-interactive-coral-400,
692
- si-sys-data-sequential-interactive-coral-3: data.$color-data-interactive-coral-500,
693
- si-sys-data-sequential-interactive-coral-4: data.$color-data-interactive-coral-700,
694
- si-sys-data-sequential-blue-1: data.$color-data-blue-200,
695
- si-sys-data-sequential-blue-2: data.$color-data-blue-400,
696
- si-sys-data-sequential-blue-3: data.$color-data-blue-500,
697
- si-sys-data-sequential-blue-4: data.$color-data-blue-700,
698
- si-sys-data-sequential-royal-blue-1: data.$color-data-royal-blue-100,
699
- si-sys-data-sequential-royal-blue-2: data.$color-data-royal-blue-200,
700
- si-sys-data-sequential-royal-blue-3: data.$color-data-royal-blue-400,
701
- si-sys-data-sequential-royal-blue-4: data.$color-data-royal-blue-500,
702
- si-sys-data-sequential-purple-1: data.$color-data-purple-200,
703
- si-sys-data-sequential-purple-2: data.$color-data-purple-400,
704
- si-sys-data-sequential-purple-3: data.$color-data-purple-500,
705
- si-sys-data-sequential-purple-4: data.$color-data-purple-700,
706
- si-sys-data-sequential-orchid-1: data.$color-data-orchid-200,
707
- si-sys-data-sequential-orchid-2: data.$color-data-orchid-400,
708
- si-sys-data-sequential-orchid-3: data.$color-data-orchid-500,
709
- si-sys-data-sequential-orchid-4: data.$color-data-orchid-700,
710
- si-sys-data-sequential-plum-1: data.$color-data-plum-200,
711
- si-sys-data-sequential-plum-2: data.$color-data-plum-400,
712
- si-sys-data-sequential-plum-3: data.$color-data-plum-500,
713
- si-sys-data-sequential-plum-4: data.$color-data-plum-700,
714
- si-sys-data-sequential-red-1: data.$color-data-red-200,
715
- si-sys-data-sequential-red-2: data.$color-data-red-400,
716
- si-sys-data-sequential-red-3: data.$color-data-red-500,
717
- si-sys-data-sequential-red-4: data.$color-data-red-700,
718
- si-sys-data-sequential-orange-1: data.$color-data-orange-200,
719
- si-sys-data-sequential-orange-2: data.$color-data-orange-400,
720
- si-sys-data-sequential-orange-3: data.$color-data-orange-500,
721
- si-sys-data-sequential-orange-4: data.$color-data-orange-700,
722
- si-sys-data-sequential-yellow-1: data.$color-data-yellow-200,
723
- si-sys-data-sequential-yellow-2: data.$color-data-yellow-400,
724
- si-sys-data-sequential-yellow-3: data.$color-data-yellow-500,
725
- si-sys-data-sequential-yellow-4: data.$color-data-yellow-700,
726
- si-sys-data-sequential-sand-1: data.$color-data-sand-200,
727
- si-sys-data-sequential-sand-2: data.$color-data-sand-400,
728
- si-sys-data-sequential-sand-3: data.$color-data-sand-500,
729
- si-sys-data-sequential-sand-4: data.$color-data-sand-700,
730
- si-sys-data-sequential-deep-blue-1: data.$color-data-deep-blue-200,
731
- si-sys-data-sequential-deep-blue-2: data.$color-data-deep-blue-400,
732
- si-sys-data-sequential-deep-blue-3: data.$color-data-deep-blue-500,
733
- si-sys-data-sequential-deep-blue-4: data.$color-data-deep-blue-700
595
+ si-sys-color-background-0: base.$color-deep-blue-900,
596
+ si-sys-color-background-1: base.$color-deep-blue-800,
597
+ si-sys-color-background-2: base.$color-deep-blue-700,
598
+ si-sys-color-background-3: base.$color-grayish-navy,
599
+ si-sys-color-background-4: base.$color-experimental-deep-blue-850,
600
+ si-sys-color-background-hover: base.$color-dark-grayish-navy,
601
+ si-sys-color-background-active: base.$color-grayish-navy,
602
+ si-sys-color-background-accent: base.$color-interactive-coral,
603
+ si-sys-color-background-accent-hover: base.$color-bold-green,
604
+ si-sys-color-background-accent-active: base.$color-interactive-blue-700,
605
+ si-sys-color-background-accent-secondary: transparent,
606
+ si-sys-color-background-accent-secondary-hover: base.$color-dark-bold-green,
607
+ si-sys-color-background-accent-secondary-active: base.$color-dark-bold-green,
608
+ si-sys-color-background-information: base.$color-blue-500,
609
+ si-sys-color-background-information-subtle: base.$color-blue-900,
610
+ si-sys-color-background-success: base.$color-green-500,
611
+ si-sys-color-background-success-subtle: base.$color-green-900,
612
+ si-sys-color-background-caution: base.$color-yellow-300,
613
+ si-sys-color-background-caution-subtle: base.$color-yellow-900,
614
+ si-sys-color-background-warning: base.$color-orange-500,
615
+ si-sys-color-background-warning-subtle: base.$color-orange-900,
616
+ si-sys-color-background-warning-hover: base.$color-orange-700,
617
+ si-sys-color-background-warning-active: base.$color-orange-700,
618
+ si-sys-color-background-warning-secondary: transparent,
619
+ si-sys-color-background-danger: base.$color-red-500,
620
+ si-sys-color-background-danger-subtle: base.$color-red-900,
621
+ si-sys-color-background-danger-hover: base.$color-red-700,
622
+ si-sys-color-background-danger-active: base.$color-red-700,
623
+ si-sys-color-background-danger-secondary: transparent,
624
+ si-sys-color-background-critical: data.$color-data-orchid-500,
625
+ si-sys-color-background-critical-subtle: data.$color-data-orchid-700,
626
+ si-sys-color-text-primary: base.$color-white,
627
+ si-sys-color-text-secondary: base.$color-deep-blue-300,
628
+ si-sys-color-text-disabled: base.$color-deep-blue-600,
629
+ si-sys-color-text-inverse: base.$color-deep-blue-900,
630
+ si-sys-color-text-accent: base.$color-interactive-coral,
631
+ si-sys-color-text-accent-hover: base.$color-bold-green,
632
+ si-sys-color-text-accent-active: base.$color-interactive-blue-700,
633
+ si-sys-color-text-on-accent: base.$color-deep-blue-900,
634
+ si-sys-color-text-on-accent-secondary: base.$color-interactive-coral,
635
+ si-sys-color-text-on-accent-secondary-hover: base.$color-bold-green,
636
+ si-sys-color-text-on-accent-secondary-active: base.$color-interactive-blue-700,
637
+ si-sys-color-text-information: base.$color-blue-100,
638
+ si-sys-color-text-on-information: base.$color-white,
639
+ si-sys-color-text-success: base.$color-green-100,
640
+ si-sys-color-text-on-success: base.$color-deep-blue-900,
641
+ si-sys-color-text-caution: base.$color-yellow-100,
642
+ si-sys-color-text-on-caution: base.$color-deep-blue-900,
643
+ si-sys-color-text-warning: base.$color-orange-100,
644
+ si-sys-color-text-on-warning: base.$color-deep-blue-900,
645
+ si-sys-color-text-on-warning-secondary: base.$color-orange-500,
646
+ si-sys-color-text-danger: base.$color-red-100,
647
+ si-sys-color-text-on-danger: base.$color-white,
648
+ si-sys-color-text-on-danger-secondary: base.$color-red-300,
649
+ si-sys-color-text-critical: data.$color-data-orchid-100,
650
+ si-sys-color-text-on-critical: base.$color-white,
651
+ si-sys-color-code-1: data.$color-data-deep-blue-100,
652
+ si-sys-color-code-2: data.$color-data-royal-blue-200,
653
+ si-sys-color-code-3: data.$color-data-blue-200,
654
+ si-sys-color-code-4: data.$color-data-orange-200,
655
+ si-sys-color-code-5: data.$color-data-yellow-200,
656
+ si-sys-color-code-6: data.$color-data-green-200,
657
+ si-sys-color-code-7: data.$color-data-orchid-200,
658
+ si-sys-color-code-8: data.$color-data-sand-500,
659
+ si-sys-color-code-9: base.$color-deep-blue-500,
660
+ si-sys-color-code-10: data.$color-data-purple-400,
661
+ si-sys-color-code-11: data.$color-data-turquoise-100,
662
+ si-sys-color-code-12: base.$color-red-300,
663
+ si-sys-color-border-1: base.$color-white,
664
+ si-sys-color-border-2: base.$color-deep-blue-400,
665
+ si-sys-color-border-3: base.$color-deep-blue-600,
666
+ si-sys-color-border-4: base.$color-deep-blue-700,
667
+ si-sys-color-border-accent: base.$color-interactive-coral,
668
+ si-sys-color-border-accent-hover: base.$color-bold-green,
669
+ si-sys-color-border-accent-active: base.$color-interactive-blue-700,
670
+ si-sys-color-border-information: base.$color-blue-500,
671
+ si-sys-color-border-success: base.$color-green-500,
672
+ si-sys-color-border-caution: base.$color-yellow-300,
673
+ si-sys-color-border-warning: base.$color-orange-500,
674
+ si-sys-color-border-warning-secondary: base.$color-orange-500,
675
+ si-sys-color-border-danger: base.$color-red-500,
676
+ si-sys-color-border-danger-secondary: base.$color-red-300,
677
+ si-sys-color-border-critical: data.$color-data-orchid-500,
678
+ si-sys-color-effects-logo: base.$color-white,
679
+ si-sys-color-effects-backdrop: rgba(base.$color-black, 0.7),
680
+ si-sys-color-effects-focus: base.$color-focus,
681
+ si-sys-color-effects-shadow-0: base.$color-deep-blue-900,
682
+ si-sys-color-effects-shadow-1: base.$color-deep-blue-800,
683
+ si-sys-color-effects-shadow-2: base.$color-deep-blue-700,
684
+ si-sys-color-effects-shadow-3: base.$color-grayish-navy,
685
+ si-sys-color-data-categorical-1: data.$color-data-light-petrol,
686
+ si-sys-color-data-categorical-2: data.$color-data-bold-green,
687
+ si-sys-color-data-categorical-3: data.$color-data-green-400,
688
+ si-sys-color-data-categorical-4: data.$color-data-turquoise-100,
689
+ si-sys-color-data-categorical-5: data.$color-data-royal-blue-400,
690
+ si-sys-color-data-categorical-6: data.$color-data-interactive-coral-100,
691
+ si-sys-color-data-categorical-7: data.$color-data-purple-500,
692
+ si-sys-color-data-categorical-8: data.$color-data-purple-200,
693
+ si-sys-color-data-categorical-9: data.$color-data-orchid-400,
694
+ si-sys-color-data-categorical-10: data.$color-data-red-500,
695
+ si-sys-color-data-categorical-11: data.$color-data-plum-400,
696
+ si-sys-color-data-categorical-12: data.$color-data-plum-200,
697
+ si-sys-color-data-categorical-13: data.$color-data-royal-blue-200,
698
+ si-sys-color-data-categorical-14: data.$color-data-orange-400,
699
+ si-sys-color-data-categorical-15: data.$color-data-yellow-400,
700
+ si-sys-color-data-categorical-16: data.$color-data-sand-500,
701
+ si-sys-color-data-categorical-17: data.$color-data-deep-blue-500,
702
+ si-sys-color-data-sequential-avocado-1: data.$color-data-avocado-200,
703
+ si-sys-color-data-sequential-avocado-2: data.$color-data-avocado-400,
704
+ si-sys-color-data-sequential-avocado-3: data.$color-data-avocado-500,
705
+ si-sys-color-data-sequential-avocado-4: data.$color-data-avocado-700,
706
+ si-sys-color-data-sequential-green-1: data.$color-data-green-200,
707
+ si-sys-color-data-sequential-green-2: data.$color-data-green-400,
708
+ si-sys-color-data-sequential-green-3: data.$color-data-green-500,
709
+ si-sys-color-data-sequential-green-4: data.$color-data-green-700,
710
+ si-sys-color-data-sequential-turquoise-1: data.$color-data-turquoise-200,
711
+ si-sys-color-data-sequential-turquoise-2: data.$color-data-turquoise-400,
712
+ si-sys-color-data-sequential-turquoise-3: data.$color-data-turquoise-500,
713
+ si-sys-color-data-sequential-turquoise-4: data.$color-data-turquoise-700,
714
+ si-sys-color-data-sequential-interactive-coral-1: data.$color-data-interactive-coral-200,
715
+ si-sys-color-data-sequential-interactive-coral-2: data.$color-data-interactive-coral-400,
716
+ si-sys-color-data-sequential-interactive-coral-3: data.$color-data-interactive-coral-500,
717
+ si-sys-color-data-sequential-interactive-coral-4: data.$color-data-interactive-coral-700,
718
+ si-sys-color-data-sequential-blue-1: data.$color-data-blue-200,
719
+ si-sys-color-data-sequential-blue-2: data.$color-data-blue-400,
720
+ si-sys-color-data-sequential-blue-3: data.$color-data-blue-500,
721
+ si-sys-color-data-sequential-blue-4: data.$color-data-blue-700,
722
+ si-sys-color-data-sequential-royal-blue-1: data.$color-data-royal-blue-100,
723
+ si-sys-color-data-sequential-royal-blue-2: data.$color-data-royal-blue-200,
724
+ si-sys-color-data-sequential-royal-blue-3: data.$color-data-royal-blue-400,
725
+ si-sys-color-data-sequential-royal-blue-4: data.$color-data-royal-blue-500,
726
+ si-sys-color-data-sequential-purple-1: data.$color-data-purple-200,
727
+ si-sys-color-data-sequential-purple-2: data.$color-data-purple-400,
728
+ si-sys-color-data-sequential-purple-3: data.$color-data-purple-500,
729
+ si-sys-color-data-sequential-purple-4: data.$color-data-purple-700,
730
+ si-sys-color-data-sequential-orchid-1: data.$color-data-orchid-200,
731
+ si-sys-color-data-sequential-orchid-2: data.$color-data-orchid-400,
732
+ si-sys-color-data-sequential-orchid-3: data.$color-data-orchid-500,
733
+ si-sys-color-data-sequential-orchid-4: data.$color-data-orchid-700,
734
+ si-sys-color-data-sequential-plum-1: data.$color-data-plum-200,
735
+ si-sys-color-data-sequential-plum-2: data.$color-data-plum-400,
736
+ si-sys-color-data-sequential-plum-3: data.$color-data-plum-500,
737
+ si-sys-color-data-sequential-plum-4: data.$color-data-plum-700,
738
+ si-sys-color-data-sequential-red-1: data.$color-data-red-200,
739
+ si-sys-color-data-sequential-red-2: data.$color-data-red-400,
740
+ si-sys-color-data-sequential-red-3: data.$color-data-red-500,
741
+ si-sys-color-data-sequential-red-4: data.$color-data-red-700,
742
+ si-sys-color-data-sequential-orange-1: data.$color-data-orange-200,
743
+ si-sys-color-data-sequential-orange-2: data.$color-data-orange-400,
744
+ si-sys-color-data-sequential-orange-3: data.$color-data-orange-500,
745
+ si-sys-color-data-sequential-orange-4: data.$color-data-orange-700,
746
+ si-sys-color-data-sequential-yellow-1: data.$color-data-yellow-200,
747
+ si-sys-color-data-sequential-yellow-2: data.$color-data-yellow-400,
748
+ si-sys-color-data-sequential-yellow-3: data.$color-data-yellow-500,
749
+ si-sys-color-data-sequential-yellow-4: data.$color-data-yellow-700,
750
+ si-sys-color-data-sequential-sand-1: data.$color-data-sand-200,
751
+ si-sys-color-data-sequential-sand-2: data.$color-data-sand-400,
752
+ si-sys-color-data-sequential-sand-3: data.$color-data-sand-500,
753
+ si-sys-color-data-sequential-sand-4: data.$color-data-sand-700,
754
+ si-sys-color-data-sequential-deep-blue-1: data.$color-data-deep-blue-200,
755
+ si-sys-color-data-sequential-deep-blue-2: data.$color-data-deep-blue-400,
756
+ si-sys-color-data-sequential-deep-blue-3: data.$color-data-deep-blue-500,
757
+ si-sys-color-data-sequential-deep-blue-4: data.$color-data-deep-blue-700
734
758
  );