@baloise/ds-tokens 20.0.0-next.8 → 20.0.0-next.9

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 (7) hide show
  1. package/dist/css/base.tokens.css +60 -60
  2. package/dist/docs/base.tokens.json +603 -585
  3. package/dist/js/base.tokens.js +60 -60
  4. package/dist/sass/base.tokens.scss +60 -60
  5. package/dist/web/base.tokens.json +60 -60
  6. package/package.json +1 -1
  7. package/sbom.cdx.json +3195 -3195
package/dist/css/base.tokens.css CHANGED
@@ -36,16 +36,16 @@
36
36
  --ds-close-color-background-active: rgba(0, 7, 57, 0.2);
37
37
  --ds-close-inverted-color-background-hover: rgba(255, 255, 255, 0.3);
38
38
  --ds-close-inverted-color-background-active: rgba(255, 255, 255, 0.5);
39
- --ds-notification-color-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
40
- --ds-notification-color-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
41
- --ds-notification-color-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
42
- --ds-notification-color-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
43
- --ds-notification-color-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
44
- --ds-notification-color-outline-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
45
- --ds-notification-color-outline-purple-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
46
- --ds-notification-color-outline-green-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
47
- --ds-notification-color-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
48
- --ds-notification-color-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
39
+ --ds-notification-base-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
40
+ --ds-notification-info-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
41
+ --ds-notification-success-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
42
+ --ds-notification-warning-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
43
+ --ds-notification-danger-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
44
+ --ds-notification-outline-base-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
45
+ --ds-notification-outline-purple-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
46
+ --ds-notification-outline-green-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
47
+ --ds-notification-outline-yellow-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
48
+ --ds-notification-outline-red-color-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
49
49
  --ds-link-family: inherit;
50
50
  --ds-navbar-base-layout-height: 5rem;
51
51
  --ds-navbar-base-hamburger-transition-duration: 0.2s;
@@ -474,7 +474,7 @@
474
474
  --ds-form-control-color-placeholder-success: var(--ds-global-color-success-2);
475
475
  --ds-form-control-color-placeholder-warning: var(--ds-global-color-warning-4);
476
476
  --ds-form-control-color-placeholder-danger: var(--ds-global-color-danger-2);
477
- --ds-notification-color-outline-base-border: var(--ds-global-color-primary-2);
477
+ --ds-notification-outline-base-color-border: var(--ds-global-color-primary-2);
478
478
  --ds-modal-backdrop-filter: var(--ds-backdrop-filter);
479
479
  --ds-navbar-base-layout-padding: var(--ds-global-size-space-16);
480
480
  --ds-navbar-base-brand-gap: var(--ds-global-size-space-8);
@@ -515,25 +515,25 @@
515
515
  --ds-navbar-light-button-color-border-hover: var(--ds-global-color-sky-1);
516
516
  --ds-navbar-light-button-color-border-active: var(--ds-global-color-sky-1);
517
517
  --ds-snackbar-primary-color-progress-bar-base: var(--ds-global-color-primary-5);
518
- --ds-snackbar-primary-color-progress-bg-base: var(--ds-global-color-primary-2);
518
+ --ds-snackbar-primary-color-progress-background-base: var(--ds-global-color-primary-2);
519
519
  --ds-snackbar-success-color-progress-bar-base: var(--ds-global-color-success-6);
520
- --ds-snackbar-success-color-progress-bg-base: var(--ds-global-color-success-3);
520
+ --ds-snackbar-success-color-progress-background-base: var(--ds-global-color-success-3);
521
521
  --ds-snackbar-info-color-progress-bar-base: var(--ds-global-color-info-6);
522
- --ds-snackbar-info-color-progress-bg-base: var(--ds-global-color-info-3);
522
+ --ds-snackbar-info-color-progress-background-base: var(--ds-global-color-info-3);
523
523
  --ds-snackbar-warning-color-progress-bar-base: var(--ds-global-color-warning-6);
524
- --ds-snackbar-warning-color-progress-bg-base: var(--ds-global-color-warning-3);
524
+ --ds-snackbar-warning-color-progress-background-base: var(--ds-global-color-warning-3);
525
525
  --ds-snackbar-danger-color-progress-bar-base: var(--ds-global-color-danger-6);
526
- --ds-snackbar-danger-color-progress-bg-base: var(--ds-global-color-danger-3);
526
+ --ds-snackbar-danger-color-progress-background-base: var(--ds-global-color-danger-3);
527
527
  --ds-toast-primary-color-progress-bar-base: var(--ds-global-color-primary-5);
528
- --ds-toast-primary-color-progress-bg-base: var(--ds-global-color-primary-2);
528
+ --ds-toast-primary-color-progress-background-base: var(--ds-global-color-primary-2);
529
529
  --ds-toast-success-color-progress-bar-base: var(--ds-global-color-success-6);
530
- --ds-toast-success-color-progress-bg-base: var(--ds-global-color-success-3);
530
+ --ds-toast-success-color-progress-background-base: var(--ds-global-color-success-3);
531
531
  --ds-toast-info-color-progress-bar-base: var(--ds-global-color-info-6);
532
- --ds-toast-info-color-progress-bg-base: var(--ds-global-color-info-3);
532
+ --ds-toast-info-color-progress-background-base: var(--ds-global-color-info-3);
533
533
  --ds-toast-warning-color-progress-bar-base: var(--ds-global-color-warning-6);
534
- --ds-toast-warning-color-progress-bg-base: var(--ds-global-color-warning-3);
534
+ --ds-toast-warning-color-progress-background-base: var(--ds-global-color-warning-3);
535
535
  --ds-toast-danger-color-progress-bar-base: var(--ds-global-color-danger-6);
536
- --ds-toast-danger-color-progress-bg-base: var(--ds-global-color-danger-3);
536
+ --ds-toast-danger-color-progress-background-base: var(--ds-global-color-danger-3);
537
537
  --ds-tag-purple-dark-color-bg-base: var(--ds-global-color-purple-6);
538
538
  --ds-tag-red-dark-color-bg-base: var(--ds-global-color-red-6);
539
539
  --ds-tag-green-dark-color-bg-base: var(--ds-global-color-green-6);
@@ -1132,35 +1132,35 @@
1132
1132
  --ds-select-checkbox-color-border-selected: var(--ds-alias-border-color-primary);
1133
1133
  --ds-select-checkbox-color-background-selected: var(--ds-alias-background-color-primary);
1134
1134
  --ds-notification-radius: var(--ds-alias-radius-lg);
1135
- --ds-notification-color-base-background: var(--ds-alias-background-color-grey-light);
1136
- --ds-notification-color-base-border: var(--ds-alias-background-color-grey-light);
1137
- --ds-notification-color-base-text: var(--ds-alias-text-color-primary);
1138
- --ds-notification-color-info-background: var(--ds-alias-background-color-info-light);
1139
- --ds-notification-color-info-border: var(--ds-alias-background-color-info-light);
1140
- --ds-notification-color-info-text: var(--ds-alias-text-color-primary);
1141
- --ds-notification-color-success-background: var(--ds-alias-background-color-success-light);
1142
- --ds-notification-color-success-border: var(--ds-alias-background-color-success-light);
1143
- --ds-notification-color-success-text: var(--ds-alias-text-color-primary);
1144
- --ds-notification-color-warning-background: var(--ds-alias-background-color-warning-light);
1145
- --ds-notification-color-warning-border: var(--ds-alias-background-color-warning-light);
1146
- --ds-notification-color-warning-text: var(--ds-alias-text-color-primary);
1147
- --ds-notification-color-danger-background: var(--ds-alias-background-color-danger-light);
1148
- --ds-notification-color-danger-border: var(--ds-alias-background-color-danger-light);
1149
- --ds-notification-color-danger-text: var(--ds-alias-text-color-primary);
1150
- --ds-notification-color-outline-base-background: var(--ds-alias-background-color-white);
1151
- --ds-notification-color-outline-base-text: var(--ds-alias-text-color-primary);
1152
- --ds-notification-color-outline-purple-background: var(--ds-alias-background-color-purple-lighter);
1153
- --ds-notification-color-outline-purple-border: var(--ds-alias-border-color-purple);
1154
- --ds-notification-color-outline-purple-text: var(--ds-alias-text-color-primary);
1155
- --ds-notification-color-outline-green-background: var(--ds-alias-background-color-green-lighter);
1156
- --ds-notification-color-outline-green-border: var(--ds-alias-border-color-green);
1157
- --ds-notification-color-outline-green-text: var(--ds-alias-text-color-primary);
1158
- --ds-notification-color-outline-yellow-background: var(--ds-alias-background-color-yellow-lighter);
1159
- --ds-notification-color-outline-yellow-border: var(--ds-alias-border-color-yellow);
1160
- --ds-notification-color-outline-yellow-text: var(--ds-alias-text-color-primary);
1161
- --ds-notification-color-outline-red-background: var(--ds-alias-background-color-red-lighter);
1162
- --ds-notification-color-outline-red-border: var(--ds-alias-border-color-red);
1163
- --ds-notification-color-outline-red-text: var(--ds-alias-text-color-primary);
1135
+ --ds-notification-base-color-background: var(--ds-alias-background-color-grey-light);
1136
+ --ds-notification-base-color-border: var(--ds-alias-background-color-grey-light);
1137
+ --ds-notification-base-color-text: var(--ds-alias-text-color-primary);
1138
+ --ds-notification-info-color-background: var(--ds-alias-background-color-info-light);
1139
+ --ds-notification-info-color-border: var(--ds-alias-background-color-info-light);
1140
+ --ds-notification-info-color-text: var(--ds-alias-text-color-primary);
1141
+ --ds-notification-success-color-background: var(--ds-alias-background-color-success-light);
1142
+ --ds-notification-success-color-border: var(--ds-alias-background-color-success-light);
1143
+ --ds-notification-success-color-text: var(--ds-alias-text-color-primary);
1144
+ --ds-notification-warning-color-background: var(--ds-alias-background-color-warning-light);
1145
+ --ds-notification-warning-color-border: var(--ds-alias-background-color-warning-light);
1146
+ --ds-notification-warning-color-text: var(--ds-alias-text-color-primary);
1147
+ --ds-notification-danger-color-background: var(--ds-alias-background-color-danger-light);
1148
+ --ds-notification-danger-color-border: var(--ds-alias-background-color-danger-light);
1149
+ --ds-notification-danger-color-text: var(--ds-alias-text-color-primary);
1150
+ --ds-notification-outline-base-color-background: var(--ds-alias-background-color-white);
1151
+ --ds-notification-outline-base-color-text: var(--ds-alias-text-color-primary);
1152
+ --ds-notification-outline-purple-color-background: var(--ds-alias-background-color-purple-lighter);
1153
+ --ds-notification-outline-purple-color-border: var(--ds-alias-border-color-purple);
1154
+ --ds-notification-outline-purple-color-text: var(--ds-alias-text-color-primary);
1155
+ --ds-notification-outline-green-color-background: var(--ds-alias-background-color-green-lighter);
1156
+ --ds-notification-outline-green-color-border: var(--ds-alias-border-color-green);
1157
+ --ds-notification-outline-green-color-text: var(--ds-alias-text-color-primary);
1158
+ --ds-notification-outline-yellow-color-background: var(--ds-alias-background-color-yellow-lighter);
1159
+ --ds-notification-outline-yellow-color-border: var(--ds-alias-border-color-yellow);
1160
+ --ds-notification-outline-yellow-color-text: var(--ds-alias-text-color-primary);
1161
+ --ds-notification-outline-red-color-background: var(--ds-alias-background-color-red-lighter);
1162
+ --ds-notification-outline-red-color-border: var(--ds-alias-border-color-red);
1163
+ --ds-notification-outline-red-color-text: var(--ds-alias-text-color-primary);
1164
1164
  --ds-label-family: var(--ds-alias-text-family-body);
1165
1165
  --ds-label-weight: var(--ds-alias-text-weight-bold);
1166
1166
  --ds-label-line-height: var(--ds-alias-text-line-height-body);
@@ -1256,21 +1256,21 @@
1256
1256
  --ds-navbar-light-button-color-text-hover: var(--ds-alias-text-color-primary-hover);
1257
1257
  --ds-navbar-light-button-color-text-active: var(--ds-alias-text-color-primary-active);
1258
1258
  --ds-snackbar-radius: var(--ds-alias-radius-base);
1259
- --ds-snackbar-primary-color-bg-base: var(--ds-alias-background-color-grey-light);
1260
1259
  --ds-snackbar-primary-color-border-base: var(--ds-alias-background-color-grey-light);
1261
1260
  --ds-snackbar-primary-color-text-base: var(--ds-alias-text-color-primary);
1262
- --ds-snackbar-success-color-bg-base: var(--ds-alias-background-color-success-light);
1261
+ --ds-snackbar-primary-color-background-base: var(--ds-alias-background-color-grey-light);
1263
1262
  --ds-snackbar-success-color-border-base: var(--ds-alias-background-color-success-light);
1264
1263
  --ds-snackbar-success-color-text-base: var(--ds-alias-text-color-primary);
1265
- --ds-snackbar-info-color-bg-base: var(--ds-alias-background-color-info-light);
1264
+ --ds-snackbar-success-color-background-base: var(--ds-alias-background-color-success-light);
1266
1265
  --ds-snackbar-info-color-border-base: var(--ds-alias-background-color-info-light);
1267
1266
  --ds-snackbar-info-color-text-base: var(--ds-alias-text-color-primary);
1268
- --ds-snackbar-warning-color-bg-base: var(--ds-alias-background-color-warning-light);
1267
+ --ds-snackbar-info-color-background-base: var(--ds-alias-background-color-info-light);
1269
1268
  --ds-snackbar-warning-color-border-base: var(--ds-alias-background-color-warning-light);
1270
1269
  --ds-snackbar-warning-color-text-base: var(--ds-alias-text-color-primary);
1271
- --ds-snackbar-danger-color-bg-base: var(--ds-alias-background-color-danger-light);
1270
+ --ds-snackbar-warning-color-background-base: var(--ds-alias-background-color-warning-light);
1272
1271
  --ds-snackbar-danger-color-border-base: var(--ds-alias-background-color-danger-light);
1273
1272
  --ds-snackbar-danger-color-text-base: var(--ds-alias-text-color-primary);
1273
+ --ds-snackbar-danger-color-background-base: var(--ds-alias-background-color-danger-light);
1274
1274
  --ds-spinner-size: var(--ds-alias-space-2xl-mobile);
1275
1275
  --ds-spinner-circle-border-width: var(--ds-alias-border-width-md);
1276
1276
  --ds-spinner-circle-size: var(--ds-alias-space-lg-mobile);
@@ -1279,21 +1279,21 @@
1279
1279
  --ds-spinner-inverted-circle-color-background: var(--ds-alias-background-color-white);
1280
1280
  --ds-spinner-inverted-circle-color-progress: var(--ds-alias-background-color-primary);
1281
1281
  --ds-toast-radius: var(--ds-alias-radius-base);
1282
- --ds-toast-primary-color-bg-base: var(--ds-alias-background-color-grey-light);
1283
1282
  --ds-toast-primary-color-border-base: var(--ds-alias-background-color-grey-light);
1284
1283
  --ds-toast-primary-color-text-base: var(--ds-alias-text-color-primary);
1285
- --ds-toast-success-color-bg-base: var(--ds-alias-background-color-success-light);
1284
+ --ds-toast-primary-color-background-base: var(--ds-alias-background-color-grey-light);
1286
1285
  --ds-toast-success-color-border-base: var(--ds-alias-background-color-success-light);
1287
1286
  --ds-toast-success-color-text-base: var(--ds-alias-text-color-primary);
1288
- --ds-toast-info-color-bg-base: var(--ds-alias-background-color-info-light);
1287
+ --ds-toast-success-color-background-base: var(--ds-alias-background-color-success-light);
1289
1288
  --ds-toast-info-color-border-base: var(--ds-alias-background-color-info-light);
1290
1289
  --ds-toast-info-color-text-base: var(--ds-alias-text-color-primary);
1291
- --ds-toast-warning-color-bg-base: var(--ds-alias-background-color-warning-light);
1290
+ --ds-toast-info-color-background-base: var(--ds-alias-background-color-info-light);
1292
1291
  --ds-toast-warning-color-border-base: var(--ds-alias-background-color-warning-light);
1293
1292
  --ds-toast-warning-color-text-base: var(--ds-alias-text-color-primary);
1294
- --ds-toast-danger-color-bg-base: var(--ds-alias-background-color-danger-light);
1293
+ --ds-toast-warning-color-background-base: var(--ds-alias-background-color-warning-light);
1295
1294
  --ds-toast-danger-color-border-base: var(--ds-alias-background-color-danger-light);
1296
1295
  --ds-toast-danger-color-text-base: var(--ds-alias-text-color-primary);
1296
+ --ds-toast-danger-color-background-base: var(--ds-alias-background-color-danger-light);
1297
1297
  --ds-tag-font-family: var(--ds-alias-text-family-body);
1298
1298
  --ds-tag-font-line-height: var(--ds-alias-text-line-height-body);
1299
1299
  --ds-tag-font-size-base: var(--ds-alias-text-size-base-mobile);