@descope/web-components-ui 1.0.276 → 1.0.277
Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.cjs.js
CHANGED
@@ -2723,17 +2723,27 @@ var button$1 = /*#__PURE__*/Object.freeze({
|
|
2723
2723
|
vars: vars$x
|
2724
2724
|
});
|
2725
2725
|
|
2726
|
-
const {
|
2727
|
-
|
2728
|
-
|
2729
|
-
|
2730
|
-
|
2731
|
-
|
2732
|
-
|
2733
|
-
|
2734
|
-
|
2735
|
-
|
2736
|
-
|
2726
|
+
const {
|
2727
|
+
host: host$g,
|
2728
|
+
label: label$9,
|
2729
|
+
placeholder: placeholder$3,
|
2730
|
+
requiredIndicator: requiredIndicator$b,
|
2731
|
+
inputField: inputField$6,
|
2732
|
+
input,
|
2733
|
+
helperText: helperText$9,
|
2734
|
+
errorMessage: errorMessage$b,
|
2735
|
+
disabledPlaceholder,
|
2736
|
+
} = {
|
2737
|
+
host: { selector: () => ':host' },
|
2738
|
+
label: { selector: '::part(label)' },
|
2739
|
+
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
2740
|
+
placeholder: { selector: '> input:placeholder-shown' },
|
2741
|
+
disabledPlaceholder: { selector: '> input:disabled::placeholder' },
|
2742
|
+
inputField: { selector: '::part(input-field)' },
|
2743
|
+
input: { selector: 'input' },
|
2744
|
+
helperText: { selector: '::part(helper-text)' },
|
2745
|
+
errorMessage: { selector: '::part(error-message)' },
|
2746
|
+
};
|
2737
2747
|
|
2738
2748
|
var textFieldMappings = {
|
2739
2749
|
// we apply font-size also on the host so we can set its width with em
|
@@ -2749,6 +2759,8 @@ var textFieldMappings = {
|
|
2749
2759
|
labelTextColor: [
|
2750
2760
|
{ ...label$9, property: 'color' },
|
2751
2761
|
{ ...requiredIndicator$b, property: 'color' },
|
2762
|
+
{ ...label$9, property: '-webkit-text-fill-color' },
|
2763
|
+
{ ...requiredIndicator$b, property: '-webkit-text-fill-color' },
|
2752
2764
|
],
|
2753
2765
|
errorMessageTextColor: { ...errorMessage$b, property: 'color' },
|
2754
2766
|
|
@@ -2775,7 +2787,10 @@ var textFieldMappings = {
|
|
2775
2787
|
|
2776
2788
|
inputTextAlign: { ...input, property: 'text-align' },
|
2777
2789
|
|
2778
|
-
inputPlaceholderColor:
|
2790
|
+
inputPlaceholderColor: [
|
2791
|
+
{ ...placeholder$3, property: 'color' },
|
2792
|
+
{ ...disabledPlaceholder, property: '-webkit-text-fill-color' },
|
2793
|
+
],
|
2779
2794
|
};
|
2780
2795
|
|
2781
2796
|
const useHostExternalPadding = (cssVarList) => `
|