@digiko-npm/designsystem 0.9.29 → 0.9.31

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 (17) hide show
  1. package/dist/designsystem.css +25 -25
  2. package/dist/designsystem.min.css +2 -2
  3. package/package.json +1 -1
  4. package/src/components/accordion.css +1 -1
  5. package/src/components/button.css +1 -1
  6. package/src/components/chip.css +2 -2
  7. package/src/components/collapsible.css +1 -1
  8. package/src/components/command.css +2 -2
  9. package/src/components/datepicker.css +4 -4
  10. package/src/components/dropdown.css +2 -2
  11. package/src/components/nav.css +2 -2
  12. package/src/components/pagination.css +2 -2
  13. package/src/components/search.css +1 -1
  14. package/src/components/segmented-control.css +1 -1
  15. package/src/components/table.css +1 -1
  16. package/src/components/tabs.css +3 -3
  17. package/src/components/tag.css +1 -1
package/dist/designsystem.css CHANGED
@@ -1,4 +1,4 @@
1
- /* @ds/designsystem v0.9.28 */
1
+ /* @ds/designsystem v0.9.30 */
2
2
  /* ==========================================================================
3
3
  @digiko-npm/designsystem
4
4
 
@@ -2748,7 +2748,7 @@ hr {
2748
2748
  }
2749
2749
  .ds-datepicker__nav:hover {
2750
2750
 
2751
- background-color: var(--ds-color-overlay-hover);
2751
+ background-color: var(--ds-color-bg-muted-hover);
2752
2752
  color: var(--ds-color-text);
2753
2753
  }
2754
2754
  .ds-datepicker__nav:focus-visible {
@@ -2809,7 +2809,7 @@ hr {
2809
2809
  }
2810
2810
  .ds-datepicker__day:hover {
2811
2811
 
2812
- background-color: var(--ds-color-overlay-hover);
2812
+ background-color: var(--ds-color-bg-muted-hover);
2813
2813
  }
2814
2814
  .ds-datepicker__day:focus-visible {
2815
2815
 
@@ -2865,7 +2865,7 @@ hr {
2865
2865
  }
2866
2866
  .ds-datepicker__today:hover {
2867
2867
 
2868
- background-color: var(--ds-color-overlay-hover);
2868
+ background-color: var(--ds-color-bg-muted-hover);
2869
2869
  color: var(--ds-color-text);
2870
2870
  border-color: var(--ds-color-border-hover);
2871
2871
  }
@@ -2897,7 +2897,7 @@ hr {
2897
2897
  }
2898
2898
  .ds-datepicker__step:hover {
2899
2899
 
2900
- background-color: var(--ds-color-overlay-hover);
2900
+ background-color: var(--ds-color-bg-muted-hover);
2901
2901
  color: var(--ds-color-text);
2902
2902
  }
2903
2903
  .ds-datepicker__step:focus-visible {
@@ -3788,7 +3788,7 @@ hr {
3788
3788
  .ds-tag__remove:hover {
3789
3789
 
3790
3790
  opacity: 1;
3791
- background-color: var(--ds-color-overlay-hover);
3791
+ background-color: var(--ds-color-surface-hover);
3792
3792
  }
3793
3793
  .ds-tag__remove:focus-visible {
3794
3794
 
@@ -3890,7 +3890,7 @@ hr {
3890
3890
  }
3891
3891
  .ds-chip--logic:hover {
3892
3892
 
3893
- background: var(--ds-color-overlay-hover);
3893
+ background: var(--ds-color-surface-hover);
3894
3894
  }
3895
3895
  .ds-chip--sort {
3896
3896
 
@@ -3919,7 +3919,7 @@ hr {
3919
3919
  .ds-chip__remove:hover {
3920
3920
 
3921
3921
  color: var(--ds-color-text);
3922
- background: var(--ds-color-overlay-hover);
3922
+ background: var(--ds-color-surface-hover);
3923
3923
  }
3924
3924
 
3925
3925
 
@@ -4358,7 +4358,7 @@ hr {
4358
4358
  }
4359
4359
 
4360
4360
  .ds-table--striped tbody tr:hover {
4361
- background-color: var(--ds-color-overlay-hover);
4361
+ background-color: var(--ds-color-surface-hover);
4362
4362
  }
4363
4363
 
4364
4364
  /* --- Bordered modifier --- */
@@ -5449,7 +5449,7 @@ hr {
5449
5449
  .ds-nav__icon-btn:hover {
5450
5450
 
5451
5451
  color: var(--ds-color-text);
5452
- background-color: var(--ds-color-overlay-hover);
5452
+ background-color: var(--ds-color-surface-hover);
5453
5453
  }
5454
5454
 
5455
5455
  }
@@ -5551,7 +5551,7 @@ hr {
5551
5551
  .ds-sidebar__link:hover {
5552
5552
 
5553
5553
  color: var(--ds-color-text);
5554
- background-color: var(--ds-color-overlay-hover);
5554
+ background-color: var(--ds-color-surface-hover);
5555
5555
  }
5556
5556
 
5557
5557
  }
@@ -5759,7 +5759,7 @@ hr {
5759
5759
 
5760
5760
  .ds-tabs--pills .ds-tab:hover {
5761
5761
 
5762
- background-color: var(--ds-color-overlay-hover);
5762
+ background-color: var(--ds-color-surface-hover);
5763
5763
  }
5764
5764
 
5765
5765
  }
@@ -5795,7 +5795,7 @@ hr {
5795
5795
 
5796
5796
  .ds-tabs--pills-flat .ds-tab:hover {
5797
5797
 
5798
- background-color: var(--ds-color-overlay-hover);
5798
+ background-color: var(--ds-color-surface-hover);
5799
5799
  }
5800
5800
 
5801
5801
  }
@@ -5948,7 +5948,7 @@ hr {
5948
5948
  .ds-tab--active .ds-tab__count {
5949
5949
 
5950
5950
  color: var(--ds-color-text-secondary);
5951
- background-color: var(--ds-color-overlay-active);
5951
+ background-color: var(--ds-color-bg-elevated);
5952
5952
  }
5953
5953
 
5954
5954
 
@@ -6062,7 +6062,7 @@ hr {
6062
6062
  }
6063
6063
  .ds-pagination__item:hover {
6064
6064
 
6065
- background-color: var(--ds-color-overlay-hover);
6065
+ background-color: var(--ds-color-surface-hover);
6066
6066
  color: var(--ds-color-text);
6067
6067
  }
6068
6068
  .ds-pagination__item:focus-visible {
@@ -6115,7 +6115,7 @@ hr {
6115
6115
  .ds-pagination__prev:hover,
6116
6116
  .ds-pagination__next:hover {
6117
6117
 
6118
- background-color: var(--ds-color-overlay-hover);
6118
+ background-color: var(--ds-color-surface-hover);
6119
6119
  color: var(--ds-color-text);
6120
6120
  }
6121
6121
  .ds-pagination__prev:focus-visible,
@@ -6230,7 +6230,7 @@ hr {
6230
6230
  .ds-segmented__item:hover {
6231
6231
 
6232
6232
  color: var(--ds-color-text);
6233
- background-color: var(--ds-color-overlay-hover);
6233
+ background-color: var(--ds-color-surface-hover);
6234
6234
  }
6235
6235
  .ds-segmented__item:focus-visible {
6236
6236
 
@@ -7977,7 +7977,7 @@ hr {
7977
7977
  }
7978
7978
  .ds-dropdown__item:hover {
7979
7979
 
7980
- background-color: var(--ds-color-overlay-hover);
7980
+ background-color: var(--ds-color-bg-muted-hover);
7981
7981
  color: var(--ds-color-text);
7982
7982
  }
7983
7983
  .ds-dropdown__item:focus-visible {
@@ -7988,7 +7988,7 @@ hr {
7988
7988
  }
7989
7989
  .ds-dropdown__item--active {
7990
7990
 
7991
- background-color: var(--ds-color-overlay-active);
7991
+ background-color: var(--ds-color-bg-elevated);
7992
7992
  color: var(--ds-color-text);
7993
7993
  }
7994
7994
  .ds-dropdown__item--danger:hover {
@@ -8541,12 +8541,12 @@ hr {
8541
8541
  }
8542
8542
  .ds-command__item:hover {
8543
8543
 
8544
- background-color: var(--ds-color-overlay-hover);
8544
+ background-color: var(--ds-color-bg-muted-hover);
8545
8545
  color: var(--ds-color-text);
8546
8546
  }
8547
8547
  .ds-command__item--active {
8548
8548
 
8549
- background-color: var(--ds-color-overlay-active);
8549
+ background-color: var(--ds-color-bg-elevated);
8550
8550
  color: var(--ds-color-text);
8551
8551
 
8552
8552
 
@@ -8973,7 +8973,7 @@ hr {
8973
8973
  }
8974
8974
  .ds-accordion__trigger:hover {
8975
8975
 
8976
- background-color: var(--ds-color-overlay-hover);
8976
+ background-color: var(--ds-color-surface-hover);
8977
8977
  }
8978
8978
  .ds-accordion__trigger:focus-visible {
8979
8979
 
@@ -9118,7 +9118,7 @@ hr {
9118
9118
  }
9119
9119
  .ds-collapsible__trigger:hover {
9120
9120
 
9121
- background-color: var(--ds-color-overlay-hover);
9121
+ background-color: var(--ds-color-surface-hover);
9122
9122
  }
9123
9123
  .ds-collapsible__trigger:focus-visible {
9124
9124
 
@@ -10339,7 +10339,7 @@ hr {
10339
10339
  .ds-btn--ghost:hover {
10340
10340
 
10341
10341
  color: var(--ds-color-text);
10342
- background-color: var(--ds-color-overlay-hover);
10342
+ background-color: var(--ds-color-surface-hover);
10343
10343
  opacity: 1;
10344
10344
  }
10345
10345
  .ds-btn--danger {
@@ -11019,7 +11019,7 @@ hr {
11019
11019
  }
11020
11020
 
11021
11021
  .ds-search__result--active {
11022
- background: var(--ds-color-overlay-active);
11022
+ background: var(--ds-color-bg-elevated);
11023
11023
  }
11024
11024
 
11025
11025
  .ds-search__result:focus-visible {