@db-ux/core-components 4.4.0 → 4.4.1

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/custom-select/custom-select.css +9 -9
  3. package/build/styles/absolute.css +2 -2
  4. package/build/styles/index.css +2 -2
  5. package/build/styles/internal/_form-components.scss +7 -1
  6. package/build/styles/relative.css +2 -2
  7. package/build/styles/rollup.css +2 -2
  8. package/build/styles/webpack.css +2 -2
  9. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - DBCustomSelect: Prevent floating label from flickering during initial render - [see commit e5ceff8](https://github.com/db-ux-design-system/core-web/commit/e5ceff861534186cf86d1f5f0a876e04aeac9e41)
8
+
3
9
  ## 4.4.0
4
10
 
5
11
  ### Minor Changes
package/build/components/custom-select/custom-select.css CHANGED
@@ -645,7 +645,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
645
645
 
646
646
  @layer variables {}
647
647
 
648
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
648
+ .db-custom-select[data-variant=floating]:has(:focus-within,
649
649
  summary:is(input, textarea):not(:placeholder-shown),
650
650
  > select option:checked:not(.placeholder),
651
651
  input[type=checkbox]:checked,
@@ -654,7 +654,7 @@ input[type=radio]:checked) > label {
654
654
  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
655
655
  }
656
656
  @layer variables {
657
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
657
+ .db-custom-select[data-variant=floating]:has(:focus-within,
658
658
  summary:is(input, textarea):not(:placeholder-shown),
659
659
  > select option:checked:not(.placeholder),
660
660
  input[type=checkbox]:checked,
@@ -881,7 +881,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
881
881
  /* stylelint-disable-next-line db-ux/use-spacings */
882
882
  padding-block-start: var(--db-base-body-icon-font-size-2xs);
883
883
  }
884
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
884
+ .db-custom-select[data-variant=floating]:has(:focus-within,
885
885
  summary:is(input, textarea):not(:placeholder-shown),
886
886
  > select option:checked:not(.placeholder),
887
887
  input[type=checkbox]:checked,
@@ -890,12 +890,12 @@ input[type=radio]:checked) > label {
890
890
  opacity: 1;
891
891
  font-style: normal;
892
892
  }
893
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
893
+ .db-custom-select[data-variant=floating]:has(:focus-within,
894
894
  summary:is(input, textarea):not(:placeholder-shown),
895
895
  > select option:checked:not(.placeholder),
896
896
  input[type=checkbox]:checked,
897
897
  input[type=radio]:checked) summary::placeholder,
898
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
898
+ .db-custom-select[data-variant=floating]:has(:focus-within,
899
899
  summary:is(input, textarea):not(:placeholder-shown),
900
900
  > select option:checked:not(.placeholder),
901
901
  input[type=checkbox]:checked,
@@ -907,12 +907,12 @@ input[type=radio]:checked) [id$=-placeholder] {
907
907
  padding-block-start: var(--db-base-body-icon-font-size-2xs);
908
908
  }
909
909
  @media screen and (prefers-reduced-motion: no-preference) {
910
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
910
+ .db-custom-select[data-variant=floating]:has(:focus-within,
911
911
  summary:is(input, textarea):not(:placeholder-shown),
912
912
  > select option:checked:not(.placeholder),
913
913
  input[type=checkbox]:checked,
914
914
  input[type=radio]:checked) summary::placeholder,
915
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
915
+ .db-custom-select[data-variant=floating]:has(:focus-within,
916
916
  summary:is(input, textarea):not(:placeholder-shown),
917
917
  > select option:checked:not(.placeholder),
918
918
  input[type=checkbox]:checked,
@@ -920,7 +920,7 @@ input[type=radio]:checked) [id$=-placeholder] {
920
920
  transition: opacity var(--db-transition-straight-emotional);
921
921
  }
922
922
  }
923
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
923
+ .db-custom-select[data-variant=floating]:has(:focus-within,
924
924
  summary:is(input, textarea):not(:placeholder-shown),
925
925
  > select option:checked:not(.placeholder),
926
926
  input[type=checkbox]:checked,
@@ -946,7 +946,7 @@ input[type=radio]:checked) summary:is([type=date],
946
946
  padding-block-start: var(--db-base-body-icon-font-size-2xs);
947
947
  }
948
948
  @media screen and (prefers-reduced-motion: no-preference) {
949
- .db-custom-select[data-variant=floating]:has(summary:focus-within,
949
+ .db-custom-select[data-variant=floating]:has(:focus-within,
950
950
  summary:is(input, textarea):not(:placeholder-shown),
951
951
  > select option:checked:not(.placeholder),
952
952
  input[type=checkbox]:checked,