@descope/web-components-ui 1.118.0 → 1.120.0

package/dist/cjs/index.cjs.js

@@ -5529,7 +5529,9 @@ const PasswordClass = compose$1(
       labelFontWeight: { ...label$8, property: 'font-weight' },
       labelTextColor: [
         { ...label$8, property: 'color' },
+        { ...label$8, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$a, property: 'color' },
+        { ...requiredIndicator$a, property: '-webkit-text-fill-color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$a, property: 'content' },
       errorMessageTextColor: { ...errorMessage$c, property: 'color' },
@@ -5956,6 +5958,7 @@ const TextAreaClass = compose$1(
       fontFamily: [label$7, inputField$4, helperText$8, errorMessage$b],
       labelTextColor: [
         { ...label$7, property: 'color' },
+        { ...label$7, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$9, property: 'color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$9, property: 'content' },
@@ -6349,7 +6352,10 @@ const SwitchToggleClass = compose$1(
       fontSize: [component, checkboxLabel, checkboxLabel],
       fontFamily: [checkboxLabel, helperText$6, errorMessage$9],
 
-      labelTextColor: { ...checkboxLabel, property: 'color' },
+      labelTextColor: [
+        { ...checkboxLabel, property: 'color' },
+        { ...checkboxLabel, property: '-webkit-text-fill-color' },
+      ],
       labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },
       labelLineHeight: { ...checkboxLabel, property: 'line-height' },
       labelFontWeight: { ...checkboxLabel, property: 'font-weight' },
@@ -7652,7 +7658,9 @@ const customMixin$b = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$V);
 
-      forwardAttrs$1(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
+      forwardAttrs$1(this, this.inputElement, {
+        includeAttrs: ['digits', 'size', 'loading', 'disabled'],
+      });
     }
 
     attributeChangedCallback(attrName, oldValue, newValue) {
@@ -7694,7 +7702,9 @@ const PasscodeClass = compose$1(
       fontFamily: [host$m, { ...label$6 }],
       labelTextColor: [
         { ...label$6, property: 'color' },
+        { ...label$6, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$6, property: 'color' },
+        { ...requiredIndicator$6, property: '-webkit-text-fill-color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$6, property: 'content' },
       errorMessageTextColor: { ...errorMessage$8, property: 'color' },
@@ -8430,6 +8440,7 @@ const ComboBoxClass = compose(
       labelFontWeight: { ...label$5, property: 'font-weight' },
       labelTextColor: [
         { ...label$5, property: 'color' },
+        { ...label$5, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$5, property: 'color' },
       ],
       errorMessageTextColor: { ...errorMessage$7, property: 'color' },
@@ -10292,6 +10303,7 @@ const PhoneFieldClass = compose$1(
 
       labelTextColor: [
         { ...label$4, property: 'color' },
+        { ...label$4, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$4, property: 'color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$4, property: 'content' },
@@ -10590,6 +10602,7 @@ const PhoneFieldInputBoxClass = compose$1(
       labelFontWeight: { ...label$3, property: 'font-weight' },
       labelTextColor: [
         { ...label$3, property: 'color' },
+        { ...label$3, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$3, property: 'color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$3, property: 'content' },
@@ -11104,6 +11117,7 @@ const customMixin$8 = (superclass) =>
           'has-confirm',
           'invalid',
           'readonly',
+          'disabled',
           'draggable',
           'has-validation',
           'policy-label',