@db-ux/core-components 4.2.5 → 4.2.6

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 (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/components/switch/switch.css +6 -1
  3. package/build/components/switch/switch.scss +6 -1
  4. package/build/styles/absolute.css +1 -1
  5. package/build/styles/index.css +1 -1
  6. package/build/styles/relative.css +1 -1
  7. package/build/styles/rollup.css +1 -1
  8. package/build/styles/webpack.css +1 -1
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(switch): not displaying the `forced-colors` content on regular display mode - [see commit 3b18938](https://github.com/db-ux-design-system/core-web/commit/3b189383324edd2a30b2d60b45fe1130ae5b8478)
8
+
3
9
  ## 4.2.5
4
10
 
5
11
  ### Patch Changes
package/build/components/switch/switch.css CHANGED
@@ -532,7 +532,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
532
532
  aspect-ratio: 1;
533
533
  }
534
534
  .db-switch input::before {
535
- content: "°"/"";
535
+ content: "";
536
536
  text-align: center;
537
537
  align-content: center;
538
538
  aspect-ratio: 1;
@@ -548,6 +548,11 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
548
548
  transition: margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional), inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional), block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional), transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional), visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional);
549
549
  }
550
550
  }
551
+ @media (forced-colors: active) {
552
+ .db-switch input::before {
553
+ content: "•"/"";
554
+ }
555
+ }
551
556
  .db-switch input:checked {
552
557
  --thumb-offset-x: calc(100% + 0.125rem);
553
558
  --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
package/build/components/switch/switch.scss CHANGED
@@ -89,7 +89,7 @@ $checked-active-transition-size: calc(
89
89
 
90
90
  // thumb
91
91
  &::before {
92
- content: "°" / ""; // This is a workaround for forced-colors mode from browser
92
+ content: "";
93
93
  text-align: center;
94
94
  align-content: center;
95
95
  aspect-ratio: 1;
@@ -121,6 +121,11 @@ $checked-active-transition-size: calc(
121
121
  visibility variables.$db-transition-duration-fast
122
122
  variables.$db-transition-timing-emotional;
123
123
  }
124
+
125
+ // This is a workaround for forced-colors mode from browser
126
+ @media (forced-colors: active) {
127
+ content: "•" / "";
128
+ }
124
129
  }
125
130
 
126
131
  /* positioned at the end of the track: track length - 100% (thumb width) */
package/build/styles/absolute.css CHANGED
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/index.css CHANGED
@@ -832,7 +832,7 @@
832
832
  --db-critical-bg-inverted-contrast-low-hovered
833
833
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
834
834
  --db-critical-bg-inverted-contrast-low-pressed
835
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
835
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
836
836
  --db-adaptive-bg-inverted-contrast-max-default
837
837
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
838
838
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/relative.css CHANGED
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/rollup.css CHANGED
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/webpack.css CHANGED
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-components",
3
- "version": "4.2.5",
3
+ "version": "4.2.6",
4
4
  "type": "module",
5
5
  "description": "General technical components (styling, fonts and icons) out of DB UX Design System (Version 3)",
6
6
  "repository": {
@@ -47,13 +47,13 @@
47
47
  "start": "nodemon --watch src --watch scripts --watch scripts --ext js,tsx,ts,scss,json --exec \"npm run build\""
48
48
  },
49
49
  "dependencies": {
50
- "@db-ux/core-foundations": "4.2.5"
50
+ "@db-ux/core-foundations": "4.2.6"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@builder.io/eslint-plugin-mitosis": "0.0.17",
54
54
  "@builder.io/mitosis": "0.12.1",
55
55
  "@builder.io/mitosis-cli": "0.12.1",
56
- "@typescript-eslint/eslint-plugin": "8.49.0",
56
+ "@typescript-eslint/eslint-plugin": "8.50.0",
57
57
  "cpr": "3.0.1",
58
58
  "cssnano": "7.1.2",
59
59
  "hygen": "6.2.11",