@db-ux/core-components 3.0.3 → 3.0.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.
- package/build/components/custom-select/custom-select.css +0 -12
- package/build/components/input/input.css +5 -7
- package/build/components/select/select.css +0 -12
- package/build/components/textarea/textarea.css +5 -7
- package/build/styles/absolute.css +4 -4
- package/build/styles/index.css +4 -4
- package/build/styles/internal/_form-components.scss +14 -6
- package/build/styles/relative.css +4 -4
- package/build/styles/rollup.css +4 -4
- package/build/styles/webpack.css +4 -4
- package/package.json +3 -3
|
@@ -1040,18 +1040,6 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
1040
1040
|
.db-custom-select summary:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-custom-select summary:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)) {
|
|
1041
1041
|
cursor: pointer;
|
|
1042
1042
|
}
|
|
1043
|
-
.db-custom-select summary:is(input, textarea) {
|
|
1044
|
-
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
1045
|
-
}
|
|
1046
|
-
.db-custom-select summary:is(input, textarea)[data-field-sizing=content] {
|
|
1047
|
-
field-sizing: content;
|
|
1048
|
-
}
|
|
1049
|
-
.db-custom-select summary:is(input, textarea)[data-field-sizing=fixed] {
|
|
1050
|
-
field-sizing: fixed;
|
|
1051
|
-
}
|
|
1052
|
-
.db-custom-select summary:is(input, textarea):not(:disabled):read-only {
|
|
1053
|
-
background-color: var(--db-textarea-read-only, var(--db-adaptive-bg-basic-level-1-default)) !important;
|
|
1054
|
-
}
|
|
1055
1043
|
.db-custom-select > label {
|
|
1056
1044
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
1057
1045
|
max-inline-size: 25ch;
|
|
@@ -780,6 +780,7 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
780
780
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
781
781
|
padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
|
|
782
782
|
/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
|
|
783
|
+
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
783
784
|
}
|
|
784
785
|
.db-input input:hover:not(:disabled, [aria-disabled=true]) {
|
|
785
786
|
cursor: var(--db-overwrite-cursor, pointer);
|
|
@@ -791,17 +792,14 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
791
792
|
.db-input input:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-input input:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)) {
|
|
792
793
|
cursor: pointer;
|
|
793
794
|
}
|
|
794
|
-
.db-input input
|
|
795
|
-
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
796
|
-
}
|
|
797
|
-
.db-input input:is(input, textarea)[data-field-sizing=content] {
|
|
795
|
+
.db-input input[data-field-sizing=content] {
|
|
798
796
|
field-sizing: content;
|
|
799
797
|
}
|
|
800
|
-
.db-input input
|
|
798
|
+
.db-input input[data-field-sizing=fixed] {
|
|
801
799
|
field-sizing: fixed;
|
|
802
800
|
}
|
|
803
|
-
.db-input input:
|
|
804
|
-
background-color: var(--db-
|
|
801
|
+
.db-input input:not(:disabled):read-only {
|
|
802
|
+
background-color: var(--db-input-read-only, var(--db-adaptive-bg-basic-transparent-full-default)) !important;
|
|
805
803
|
}
|
|
806
804
|
.db-input > label {
|
|
807
805
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
@@ -839,18 +839,6 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
839
839
|
.db-select select:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-select select:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)) {
|
|
840
840
|
cursor: pointer;
|
|
841
841
|
}
|
|
842
|
-
.db-select select:is(input, textarea) {
|
|
843
|
-
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
844
|
-
}
|
|
845
|
-
.db-select select:is(input, textarea)[data-field-sizing=content] {
|
|
846
|
-
field-sizing: content;
|
|
847
|
-
}
|
|
848
|
-
.db-select select:is(input, textarea)[data-field-sizing=fixed] {
|
|
849
|
-
field-sizing: fixed;
|
|
850
|
-
}
|
|
851
|
-
.db-select select:is(input, textarea):not(:disabled):read-only {
|
|
852
|
-
background-color: var(--db-textarea-read-only, var(--db-adaptive-bg-basic-level-1-default)) !important;
|
|
853
|
-
}
|
|
854
842
|
.db-select > label {
|
|
855
843
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
856
844
|
max-inline-size: 25ch;
|
|
@@ -673,6 +673,7 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
673
673
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
674
674
|
padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
|
|
675
675
|
/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
|
|
676
|
+
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
676
677
|
}
|
|
677
678
|
.db-textarea textarea:hover:not(:disabled, [aria-disabled=true]) {
|
|
678
679
|
cursor: var(--db-overwrite-cursor, pointer);
|
|
@@ -684,17 +685,14 @@ input[type=radio]:checked) [id$=-placeholder] {
|
|
|
684
685
|
.db-textarea textarea:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-textarea textarea:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)) {
|
|
685
686
|
cursor: pointer;
|
|
686
687
|
}
|
|
687
|
-
.db-textarea textarea
|
|
688
|
-
/* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
|
|
689
|
-
}
|
|
690
|
-
.db-textarea textarea:is(input, textarea)[data-field-sizing=content] {
|
|
688
|
+
.db-textarea textarea[data-field-sizing=content] {
|
|
691
689
|
field-sizing: content;
|
|
692
690
|
}
|
|
693
|
-
.db-textarea textarea
|
|
691
|
+
.db-textarea textarea[data-field-sizing=fixed] {
|
|
694
692
|
field-sizing: fixed;
|
|
695
693
|
}
|
|
696
|
-
.db-textarea textarea:
|
|
697
|
-
background-color: var(--db-textarea-read-only, var(--db-adaptive-bg-basic-
|
|
694
|
+
.db-textarea textarea:not(:disabled):read-only {
|
|
695
|
+
background-color: var(--db-textarea-read-only, var(--db-adaptive-bg-basic-transparent-full-default)) !important;
|
|
698
696
|
}
|
|
699
697
|
.db-textarea > label {
|
|
700
698
|
padding-block-end: var(--db-spacing-fixed-xs);
|