@baloise/ds-tokens 20.0.0-next.6 → 20.0.0-next.7

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 +15 -13
  2. package/dist/docs/base.tokens.json +117 -69
  3. package/dist/js/base.tokens.js +58 -56
  4. package/dist/sass/base.tokens.scss +15 -13
  5. package/dist/web/base.tokens.json +58 -56
  6. package/package.json +1 -1
  7. package/sbom.cdx.json +10768 -6272
package/dist/css/base.tokens.css CHANGED
@@ -256,10 +256,11 @@
256
256
  --ds-alias-background-color-danger-dark: var(--ds-global-color-danger-4);
257
257
  --ds-alias-background-color-danger-darker: var(--ds-global-color-danger-5);
258
258
  --ds-alias-background-color-danger-darkest: var(--ds-global-color-danger-6);
259
- --ds-alias-background-color-grey-lighter: var(--ds-global-color-grey-1);
260
- --ds-alias-background-color-grey-light: var(--ds-global-color-grey-2);
261
- --ds-alias-background-color-grey: var(--ds-global-color-grey-3);
262
- --ds-alias-background-color-grey-dark: var(--ds-global-color-grey-4);
259
+ --ds-alias-background-color-grey-lighter: var(--ds-global-color-grey-0);
260
+ --ds-alias-background-color-grey-light: var(--ds-global-color-grey-1);
261
+ --ds-alias-background-color-grey: var(--ds-global-color-grey-2);
262
+ --ds-alias-background-color-grey-dark: var(--ds-global-color-grey-3);
263
+ --ds-alias-background-color-grey-darker: var(--ds-global-color-grey-4);
263
264
  --ds-alias-background-color-primary-lighter: var(--ds-global-color-primary-1);
264
265
  --ds-alias-background-color-primary-light: var(--ds-global-color-primary-3);
265
266
  --ds-alias-background-color-primary: var(--ds-global-color-primary-5);
@@ -283,8 +284,8 @@
283
284
  --ds-alias-border-color-inverted: var(--ds-global-color-white);
284
285
  --ds-alias-border-color-disabled: var(--ds-global-color-grey-3);
285
286
  --ds-alias-border-color-disabled-inverted: var(--ds-global-color-primary-3);
286
- --ds-alias-border-color-grey-light: var(--ds-global-color-grey-1);
287
- --ds-alias-border-color-grey: var(--ds-global-color-grey-2);
287
+ --ds-alias-border-color-grey-light: var(--ds-global-color-grey-2);
288
+ --ds-alias-border-color-grey: var(--ds-global-color-grey-3);
288
289
  --ds-alias-border-color-grey-dark: var(--ds-global-color-grey-4);
289
290
  --ds-alias-border-color-primary-light: var(--ds-global-color-primary-3);
290
291
  --ds-alias-border-color-primary: var(--ds-global-color-primary-5);
@@ -641,8 +642,8 @@
641
642
  --ds-badge-color-green-background: var(--ds-alias-background-color-green-light);
642
643
  --ds-badge-color-yellow-text: var(--ds-alias-text-color-primary);
643
644
  --ds-badge-color-yellow-background: var(--ds-alias-background-color-yellow-lighter);
644
- --ds-badge-color-grey-text: var(--ds-alias-text-color-grey-dark);
645
- --ds-badge-color-grey-background: var(--ds-alias-background-color-grey);
645
+ --ds-badge-color-grey-text: var(--ds-alias-text-color-grey);
646
+ --ds-badge-color-grey-background: var(--ds-alias-background-color-grey-light);
646
647
  --ds-button-family: var(--ds-alias-text-family-heading);
647
648
  --ds-button-weight: var(--ds-alias-text-weight-bold);
648
649
  --ds-button-line-height: var(--ds-alias-text-line-height-heading);
@@ -1478,6 +1479,7 @@
1478
1479
  --ds-steps-color-green: var(--ds-alias-background-color-green);
1479
1480
  --ds-steps-color-red: var(--ds-alias-background-color-red);
1480
1481
  --ds-steps-color-yellow: var(--ds-alias-background-color-yellow);
1482
+ --ds-carousel-gap: var(--ds-alias-space-base-mobile);
1481
1483
  --ds-carousel-scroll-fade-bg: var(--ds-alias-background-color-white);
1482
1484
  --ds-carousel-dot-color: var(--ds-alias-border-color-grey);
1483
1485
  --ds-carousel-dot-color-active: var(--ds-alias-border-color-primary);
@@ -1499,7 +1501,7 @@
1499
1501
  --ds-table-color: var(--ds-alias-text-color-primary);
1500
1502
  --ds-table-background-color: var(--ds-alias-background-color-white);
1501
1503
  --ds-table-body-background-color: var(--ds-alias-background-color-transparent);
1502
- --ds-table-cell-border-color: var(--ds-alias-border-color-base);
1504
+ --ds-table-cell-border-color: var(--ds-alias-border-color-grey-light);
1503
1505
  --ds-table-cell-heading-color: var(--ds-alias-text-color-primary);
1504
1506
  --ds-table-head-cell-color: var(--ds-alias-text-color-primary);
1505
1507
  --ds-table-head-cell-border-color: var(--ds-alias-border-color-primary);
@@ -1508,11 +1510,11 @@
1508
1510
  --ds-table-head-font-family: var(--ds-alias-text-family-heading);
1509
1511
  --ds-table-foot-cell-color: var(--ds-alias-text-color-primary);
1510
1512
  --ds-table-foot-background-color: var(--ds-alias-background-color-transparent);
1511
- --ds-table-row-background-color-hover: var(--ds-alias-background-color-hover);
1512
- --ds-table-row-background-color-active: var(--ds-alias-background-color-selected);
1513
+ --ds-table-row-background-color-hover: var(--ds-alias-background-color-grey-light);
1514
+ --ds-table-row-background-color-active: var(--ds-alias-background-color-grey-light);
1513
1515
  --ds-table-row-color-active: var(--ds-alias-text-color-primary);
1514
- --ds-table-striped-row-even-background-color-base: var(--ds-alias-background-color-highlight);
1515
- --ds-table-striped-row-even-background-color-hover: var(--ds-alias-background-color-hover);
1516
+ --ds-table-striped-row-even-background-color-base: var(--ds-alias-background-color-grey-lighter);
1517
+ --ds-table-striped-row-even-background-color-hover: var(--ds-alias-background-color-grey-light);
1516
1518
  --ds-popup-background: var(--ds-alias-background-color-white);
1517
1519
  --ds-popup-radius: var(--ds-alias-radius-base);
1518
1520
  --ds-popup-shadow: var(--ds-alias-shadow-box-base);