@descope/web-components-ui 1.0.400 → 1.0.402

package/dist/cjs/index.cjs.js

@@ -3145,7 +3145,7 @@ const ButtonClass = compose(
 
       labelTextColor: { property: 'color' },
       iconColor: {
-        selector: () => `::slotted(${IconClass.componentName})`,
+        selector: () => `::slotted(*)`,
         property: IconClass.cssVarList.fill,
       },
       labelTextDecoration: { ...label$a, property: 'text-decoration' },
@@ -11330,6 +11330,14 @@ const multiSelectComboBoxMixin = (superclass) =>
     setGetValidity() {
       // eslint-disable-next-line func-names
       this.getValidity = function () {
+        if (this.pattern) {
+          const patternRegex = new RegExp(this.pattern);
+          if (this.value.some((val) => !patternRegex.test(val)))
+            return {
+              patternMismatch: true,
+            };
+        }
+
         if (this.isRequired && !this.value.length) {
           return {
             valueMissing: true,
@@ -12739,6 +12747,7 @@ const UserAuthMethodClass = compose(
         { ...methodIconSlot, property: 'width' },
         { ...methodIconSlot, property: 'height' },
       ],
+      iconColor: [{ selector: () => '::slotted(*)', property: IconClass.cssVarList.fill }],
     },
   }),
   draggableMixin,
@@ -12754,6 +12763,7 @@ const userAuthMethod = {
   [vars$g.itemsGap]: '16px',
   [vars$g.hostMinWidth]: '530px',
   [vars$g.iconSize]: '24px',
+  [vars$g.iconColor]: 'currentcolor',
   _fullWidth: {
     [vars$g.hostWidth]: '100%',
   },