@descope/web-components-ui 1.0.276 → 1.0.277

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.
@@ -2723,17 +2723,27 @@ var button$1 = /*#__PURE__*/Object.freeze({
2723
2723
  vars: vars$x
2724
2724
  });
2725
2725
 
2726
- const { host: host$g, label: label$9, placeholder: placeholder$3, requiredIndicator: requiredIndicator$b, inputField: inputField$6, input, helperText: helperText$9, errorMessage: errorMessage$b } =
2727
- {
2728
- host: { selector: () => ':host' },
2729
- label: { selector: '::part(label)' },
2730
- requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
2731
- placeholder: { selector: '> input:placeholder-shown' },
2732
- inputField: { selector: '::part(input-field)' },
2733
- input: { selector: 'input' },
2734
- helperText: { selector: '::part(helper-text)' },
2735
- errorMessage: { selector: '::part(error-message)' },
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: { ...placeholder$3, property: 'color' },
2790
+ inputPlaceholderColor: [
2791
+ { ...placeholder$3, property: 'color' },
2792
+ { ...disabledPlaceholder, property: '-webkit-text-fill-color' },
2793
+ ],
2779
2794
  };
2780
2795
 
2781
2796
  const useHostExternalPadding = (cssVarList) => `