@db-ux/core-components 4.2.4 → 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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/components/custom-select/custom-select.css +1 -1
  3. package/build/components/input/input.css +1 -1
  4. package/build/components/select/select.css +1 -1
  5. package/build/components/switch/switch.css +6 -1
  6. package/build/components/switch/switch.scss +6 -1
  7. package/build/components/textarea/textarea.css +1 -1
  8. package/build/styles/absolute.css +4 -4
  9. package/build/styles/index.css +4 -4
  10. package/build/styles/internal/_form-components.scss +2 -1
  11. package/build/styles/relative.css +4 -4
  12. package/build/styles/rollup.css +4 -4
  13. package/build/styles/webpack.css +4 -4
  14. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
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
+
9
+ ## 4.2.5
10
+
11
+ ### Patch Changes
12
+
13
+ - fix: placeholder for DBSelect with variant floating is moved down - [see commit 9e1e48c](https://github.com/db-ux-design-system/core-web/commit/9e1e48c3ee10e72c52df58b65f4562be007d3447)
14
+
3
15
  ## 4.2.4
4
16
 
5
17
  ### Patch Changes
package/build/components/custom-select/custom-select.css CHANGED
@@ -852,7 +852,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
852
852
  font-style: italic;
853
853
  }
854
854
  .db-custom-select[data-variant=floating] [id$=-placeholder] {
855
- inset-block-start: calc(50% - 0.5em + var(--db-spacing-fixed-3xs));
855
+ inset-block-start: calc(var(--db-sizing-md) / 2 - 0.5em + var(--db-spacing-fixed-3xs));
856
856
  }
857
857
  .db-custom-select[data-variant=floating] summary::placeholder,
858
858
  .db-custom-select[data-variant=floating] [id$=-placeholder] {
package/build/components/input/input.css CHANGED
@@ -626,7 +626,7 @@ input[type=radio]:checked) > label {
626
626
  font-style: italic;
627
627
  }
628
628
  .db-input[data-variant=floating] [id$=-placeholder] {
629
- inset-block-start: calc(50% - 0.5em + var(--db-spacing-fixed-3xs));
629
+ inset-block-start: calc(var(--db-sizing-md) / 2 - 0.5em + var(--db-spacing-fixed-3xs));
630
630
  }
631
631
  .db-input[data-variant=floating] input::placeholder,
632
632
  .db-input[data-variant=floating] [id$=-placeholder] {
package/build/components/select/select.css CHANGED
@@ -651,7 +651,7 @@ input[type=radio]:checked) > label {
651
651
  font-style: italic;
652
652
  }
653
653
  .db-select[data-variant=floating] [id$=-placeholder] {
654
- inset-block-start: calc(50% - 0.5em + var(--db-spacing-fixed-3xs));
654
+ inset-block-start: calc(var(--db-sizing-md) / 2 - 0.5em + var(--db-spacing-fixed-3xs));
655
655
  }
656
656
  .db-select[data-variant=floating] select::placeholder,
657
657
  .db-select[data-variant=floating] [id$=-placeholder] {
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/components/textarea/textarea.css CHANGED
@@ -423,7 +423,7 @@ input[type=radio]:checked) > label {
423
423
  font-style: italic;
424
424
  }
425
425
  .db-textarea[data-variant=floating] [id$=-placeholder] {
426
- inset-block-start: calc(50% - 0.5em + var(--db-spacing-fixed-3xs));
426
+ inset-block-start: calc(var(--db-sizing-md) / 2 - 0.5em + var(--db-spacing-fixed-3xs));
427
427
  }
428
428
  .db-textarea[data-variant=floating] textarea::placeholder,
429
429
  .db-textarea[data-variant=floating] [id$=-placeholder] {