@db-ux/core-components 4.5.3 → 4.5.4

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/CHANGELOG.md +10 -1
  2. package/build/components/accordion-item/accordion-item.css +2 -2
  3. package/build/components/accordion-item/accordion-item.scss +1 -1
  4. package/build/components/custom-button/custom-button.css +1 -1
  5. package/build/components/custom-select/custom-select.css +6 -6
  6. package/build/components/custom-select-dropdown/custom-select-dropdown.css +3 -3
  7. package/build/components/custom-select-dropdown/custom-select-dropdown.scss +1 -1
  8. package/build/components/custom-select-list-item/custom-select-list-item.css +1 -1
  9. package/build/components/drawer/drawer.css +2 -2
  10. package/build/components/drawer/drawer.scss +2 -2
  11. package/build/components/header/header.css +22 -22
  12. package/build/components/input/input.css +6 -6
  13. package/build/components/input/input.scss +1 -1
  14. package/build/components/navigation/navigation.css +12 -12
  15. package/build/components/navigation/navigation.scss +1 -1
  16. package/build/components/navigation-item/navigation-item.css +11 -11
  17. package/build/components/navigation-item/navigation-item.scss +2 -2
  18. package/build/components/page/page.css +47 -41
  19. package/build/components/page/page.scss +31 -27
  20. package/build/components/popover/popover.css +12 -12
  21. package/build/components/radio/radio.css +1 -1
  22. package/build/components/radio/radio.scss +1 -1
  23. package/build/components/select/select.css +5 -5
  24. package/build/components/switch/switch.css +3 -6
  25. package/build/components/switch/switch.scss +3 -7
  26. package/build/components/tab-item/tab-item.css +1 -1
  27. package/build/components/tabs/tabs.css +3 -3
  28. package/build/components/textarea/textarea.css +3 -3
  29. package/build/components/tooltip/tooltip.css +12 -12
  30. package/build/styles/absolute.css +7 -7
  31. package/build/styles/index.css +7 -7
  32. package/build/styles/internal/_db-puls.scss +3 -3
  33. package/build/styles/internal/_form-components.scss +3 -3
  34. package/build/styles/internal/_popover-component.scss +2 -2
  35. package/build/styles/internal/_select-components.scss +1 -1
  36. package/build/styles/relative.css +7 -7
  37. package/build/styles/rollup.css +7 -7
  38. package/build/styles/webpack.css +7 -7
  39. package/package.json +5 -5
package/build/styles/internal/_db-puls.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  position: absolute;
31
31
  border-radius: variables.$db-border-radius-xs;
32
32
 
33
- @media screen and (prefers-reduced-motion: no-preference) {
33
+ @media (prefers-reduced-motion: no-preference) {
34
34
  transition:
35
35
  height variables.$db-transition-duration-fast
36
36
  variables.$db-transition-timing-emotional,
@@ -54,7 +54,7 @@
54
54
  block-size: variables.$db-border-width-xs;
55
55
  inline-size: 100%;
56
56
 
57
- @media (forced-colors: active) {
57
+ @media (forced-colors: active), print {
58
58
  border: calc(#{variables.$db-border-width-xs} - 1px) solid
59
59
  colors.$db-adaptive-on-bg-basic-emphasis-100-default;
60
60
  }
@@ -66,7 +66,7 @@
66
66
  block-size: 100%;
67
67
  inline-size: variables.$db-border-width-xs;
68
68
 
69
- @media (forced-colors: active) {
69
+ @media (forced-colors: active), print {
70
70
  border: calc(#{variables.$db-border-width-xs} - 1px) solid
71
71
  colors.$db-adaptive-on-bg-basic-emphasis-100-default;
72
72
  }
package/build/styles/internal/_form-components.scss CHANGED
@@ -49,7 +49,7 @@ $db-min-inline-size: var(
49
49
  &::after {
50
50
  pointer-events: none;
51
51
 
52
- @media screen and (prefers-reduced-motion: no-preference) {
52
+ @media (prefers-reduced-motion: no-preference) {
53
53
  transition: $dropdown-icon-transition;
54
54
  }
55
55
  }
@@ -191,7 +191,7 @@ $db-min-inline-size: var(
191
191
  padding-block-start: var(--db-base-body-icon-font-size-2xs);
192
192
  }
193
193
 
194
- @media screen and (prefers-reduced-motion: no-preference) {
194
+ @media (prefers-reduced-motion: no-preference) {
195
195
  transition: opacity
196
196
  #{variables.$db-transition-straight-emotional};
197
197
  }
@@ -458,7 +458,7 @@ $input-valid-types:
458
458
  white-space: nowrap;
459
459
  overflow: hidden;
460
460
 
461
- @media screen and (prefers-reduced-motion: no-preference) {
461
+ @media (prefers-reduced-motion: no-preference) {
462
462
  transition: font-size variables.$db-transition-straight-emotional;
463
463
  }
464
464
  }
package/build/styles/internal/_popover-component.scss CHANGED
@@ -171,11 +171,11 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
171
171
  @include set-no-animation;
172
172
  }
173
173
 
174
- @media screen and (prefers-reduced-motion: reduce) {
174
+ @media (prefers-reduced-motion: reduce) {
175
175
  @include set-no-animation;
176
176
  }
177
177
 
178
- @media screen and (prefers-reduced-motion: no-preference) {
178
+ @media (prefers-reduced-motion: no-preference) {
179
179
  &[data-animation="true"] {
180
180
  animation: popover-animation
181
181
  #{variables.$db-transition-straight-emotional} normal both;
package/build/styles/internal/_select-components.scss CHANGED
@@ -25,7 +25,7 @@ $select-icon-padding: calc(
25
25
  inset-inline-start: 0;
26
26
  opacity: 0;
27
27
 
28
- @media screen and (prefers-reduced-motion: no-preference) {
28
+ @media (prefers-reduced-motion: no-preference) {
29
29
  transition:
30
30
  opacity #{variables.$db-transition-straight-emotional},
31
31
  outline #{variables.$db-transition-duration-extra-fast},