@descope/web-components-ui 2.1.14 → 2.1.16

package/dist/index.esm.js

@@ -1324,7 +1324,7 @@ const createStyleMixin$1 =
       }
 
       #setAttrOverride(attrName, value) {
-        const style = this.#overrideStyleEle?.cssRules[0].style;
+        const style = this.#overrideStyleEle?.cssRules[0]?.style;
 
         if (!style) return;
 
@@ -2868,7 +2868,7 @@ const CheckboxClass = compose$1(
         content: none;
       }
     `,
-    excludeAttrsSync: ['label', 'tabindex'],
+    excludeAttrsSync: ['label', 'tabindex', 'style'],
     componentName: componentName$1j,
   })
 );
@@ -3018,7 +3018,7 @@ const SwitchToggleClass = compose$1(
 				content: '';
 			}
 		`,
-    excludeAttrsSync: ['label', 'tabindex'],
+    excludeAttrsSync: ['label', 'tabindex', 'style'],
     componentName: componentName$1i,
   })
 );
@@ -5359,7 +5359,7 @@ const ComboBoxClass = compose(
     // with the same name. Including it will cause Vaadin to calculate NaN size,
     // and reset items to an empty array, and opening the list box with no items
     // to display.
-    excludeAttrsSync: ['tabindex', 'size', 'data', 'loading'],
+    excludeAttrsSync: ['tabindex', 'size', 'data', 'loading', 'style'],
     componentName: componentName$1e,
     includeForwardProps: ['items', 'renderer', 'selectedItem'],
   }),
@@ -5580,7 +5580,7 @@ const IconClass = compose(
         display: inline-flex;
       }
       `,
-    excludeAttrsSync: ['tabindex', 'class'],
+    excludeAttrsSync: ['tabindex', 'class', 'style'],
     componentName: componentName$1c,
   }),
 );
@@ -5711,7 +5711,7 @@ const ButtonClass = compose(
         padding: 0;
 			}
 		`,
-    excludeAttrsSync: ['tabindex', 'class'],
+    excludeAttrsSync: ['tabindex', 'class', 'style'],
     componentName: componentName$1b,
   })
 );
@@ -8318,7 +8318,7 @@ const EmailFieldClass = compose$1(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$15,
   })
 );
@@ -8442,7 +8442,7 @@ const NumberFieldClass = compose$1(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$11,
   })
 );
@@ -8919,7 +8919,7 @@ const PasscodeClass = compose$1(
       ${resetInputLabelPosition('vaadin-text-field')}
 			${resetInputCursor('vaadin-text-field')}
     	`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$$,
   })
 );
@@ -9250,7 +9250,7 @@ const PasswordClass = compose$1(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$_,
   })
 );
@@ -9339,7 +9339,7 @@ const TextAreaClass = compose$1(
 			${resetInputPlaceholder('vaadin-text-area', 'textarea')}
 			${resetInputCursor('vaadin-text-area')}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$Z,
   })
 );
@@ -11277,7 +11277,7 @@ const PhoneFieldClass = compose$1(
 			}
       ${resetInputLabelPosition('vaadin-text-field')}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$X,
   })
 );
@@ -11786,7 +11786,7 @@ const PhoneFieldInputBoxClass = compose$1(
     ${resetInputLabelPosition('vaadin-text-field')}
     ${inputFloatingLabelStyle()}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$V,
   })
 );
@@ -12291,7 +12291,7 @@ const NewPasswordClass = compose$1(
       display: none;
     }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$S,
   })
 );
@@ -13447,7 +13447,7 @@ const ButtonSelectionGroupClass = compose$1(
     slots: [],
     wrappedEleName: 'vaadin-text-field',
     style: () => buttonSelectionGroupStyles,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$O,
   })
 );
@@ -13723,7 +13723,7 @@ const ButtonMultiSelectionGroupClass = compose$1(
     slots: [],
     wrappedEleName: 'vaadin-text-field',
     style: () => buttonSelectionGroupStyles,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$L,
   })
 );
@@ -15238,7 +15238,7 @@ const MultiSelectComboBoxClass = compose$1(
     // to display.
     // Note: we exclude `placeholder` because the vaadin component observes it and
     // tries to override it, causing us to lose the user set placeholder.
-    excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
+    excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder', 'style'],
     componentName: componentName$E,
     includeForwardProps: ['items', 'renderer', 'selectedItems'],
   })
@@ -15492,7 +15492,7 @@ const NotificationCardClass = compose$1(
       width: 100%;
     }
     `,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$C,
   })
 );
@@ -15593,7 +15593,7 @@ const NotificationClass = compose$1(
 )(
   createProxy$1({
     wrappedEleName: 'vaadin-notification',
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName: componentName$B,
   })
 );
@@ -16019,6 +16019,7 @@ const MappingsFieldClass = compose$1(
       'button-label',
       'options',
       'error-message',
+      'style',
     ],
     componentName: componentName$z,
   })
@@ -17012,6 +17013,7 @@ const SamlGroupMappingsClass = compose$1(
       'separator',
       'options',
       'error-message',
+      'style',
     ],
     componentName: componentName$t,
   })
@@ -17084,7 +17086,7 @@ const RadioButtonClass = compose$1(
   createProxy$1({
     slots: [''],
     wrappedEleName: 'vaadin-radio-button',
-    excludeAttrsSync: ['tabindex', 'data'],
+    excludeAttrsSync: ['tabindex', 'data', 'style'],
     includeForwardProps: ['checked', 'name', 'disabled'],
     componentName: componentName$s,
   })
@@ -17259,7 +17261,7 @@ const RadioGroupClass = compose$1(
     ${resetInputLabelPosition('vaadin-radio-group')}
     `,
 
-    excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
+    excludeAttrsSync: ['tabindex', 'size', 'data', 'direction', 'style'],
     componentName: componentName$r,
     includeForwardProps: ['value'],
   })
@@ -22343,7 +22345,7 @@ const AppsListClass = compose(
   createProxy({
     slots: ['empty-state'],
     wrappedEleName: 'descope-list',
-    excludeAttrsSync: ['tabindex', 'class', 'empty'],
+    excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],
     componentName: componentName$c,
     style: () => `
       :host {
@@ -23074,7 +23076,7 @@ const AutocompleteFieldClass = compose(
       padding: 0;
     }
   `,
-    excludeAttrsSync: ['tabindex', 'error-message', 'label'],
+    excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],
     componentName: componentName$a,
   }),
 );
@@ -23574,7 +23576,7 @@ const AddressFieldClass = compose(
     padding: 0;
   }
 `,
-    excludeAttrsSync: ['tabindex', 'error-message', 'label'],
+    excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],
     componentName: componentName$8,
   }),
 );