@descope/web-components-ui 1.118.0 → 1.120.0

package/dist/index.esm.js

@@ -2770,7 +2770,10 @@ const SwitchToggleClass = compose$1(
       fontSize: [component, checkboxLabel, checkboxLabel],
       fontFamily: [checkboxLabel, helperText$9, errorMessage$c],
 
-      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' },
@@ -4957,6 +4960,7 @@ const ComboBoxClass = compose(
       labelFontWeight: { ...label$a, property: 'font-weight' },
       labelTextColor: [
         { ...label$a, property: 'color' },
+        { ...label$a, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$9, property: 'color' },
       ],
       errorMessageTextColor: { ...errorMessage$b, property: 'color' },
@@ -8588,7 +8592,9 @@ const customMixin$c = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$_);
 
-      forwardAttrs$1(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
+      forwardAttrs$1(this, this.inputElement, {
+        includeAttrs: ['digits', 'size', 'loading', 'disabled'],
+      });
     }
 
     attributeChangedCallback(attrName, oldValue, newValue) {
@@ -8630,7 +8636,9 @@ const PasscodeClass = compose$1(
       fontFamily: [host$m, { ...label$7 }],
       labelTextColor: [
         { ...label$7, property: 'color' },
+        { ...label$7, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$7, property: 'color' },
+        { ...requiredIndicator$7, property: '-webkit-text-fill-color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$7, property: 'content' },
       errorMessageTextColor: { ...errorMessage$9, property: 'color' },
@@ -8953,7 +8961,9 @@ const PasswordClass = compose$1(
       labelFontWeight: { ...label$6, property: 'font-weight' },
       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' },
@@ -9112,6 +9122,7 @@ const TextAreaClass = compose$1(
       fontFamily: [label$5, inputField$3, helperText$5, errorMessage$7],
       labelTextColor: [
         { ...label$5, property: 'color' },
+        { ...label$5, property: '-webkit-text-fill-color' },
         { ...requiredIndicator$5, property: 'color' },
       ],
       labelRequiredIndicator: { ...requiredIndicator$5, property: 'content' },
@@ -10958,6 +10969,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' },
@@ -11482,6 +11494,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' },
@@ -11946,6 +11959,7 @@ const customMixin$8 = (superclass) =>
           'has-confirm',
           'invalid',
           'readonly',
+          'disabled',
           'draggable',
           'has-validation',
           'policy-label',