@descope/web-components-ui 2.1.14 → 2.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "2.1.14",
+  "version": "2.1.16",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -50,10 +50,10 @@
     "webpack": "^5.79.0",
     "webpack-cli": "^6.0.0",
     "webpack-dev-server": "^5.0.0",
-    "rollup-replace-plugin": "2.1.14",
-    "test-drivers": "2.1.14",
-    "webpack-extract-font-loader": "2.1.14",
-    "webpack-replace-plugin": "2.1.14"
+    "rollup-replace-plugin": "2.1.16",
+    "test-drivers": "2.1.16",
+    "webpack-extract-font-loader": "2.1.16",
+    "webpack-replace-plugin": "2.1.16"
   },
   "dependencies": {
     "@vaadin/checkbox": "24.3.4",
@@ -77,29 +77,29 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "2.1.14",
-    "@descope-ui/descope-address-field": "2.1.14",
-    "@descope-ui/descope-apps-list": "2.1.14",
-    "@descope-ui/descope-autocomplete-field": "2.1.14",
-    "@descope-ui/descope-avatar": "2.1.14",
-    "@descope-ui/descope-badge": "2.1.14",
-    "@descope-ui/descope-button": "2.1.14",
-    "@descope-ui/descope-collapsible-container": "2.1.14",
-    "@descope-ui/descope-combo-box": "2.1.14",
-    "@descope-ui/descope-enriched-text": "2.1.14",
-    "@descope-ui/descope-icon": "2.1.14",
-    "@descope-ui/descope-image": "2.1.14",
-    "@descope-ui/descope-link": "2.1.14",
-    "@descope-ui/descope-list": "2.1.14",
-    "@descope-ui/descope-list-item": "2.1.14",
-    "@descope-ui/descope-outbound-app-button": "2.1.14",
-    "@descope-ui/descope-outbound-apps": "2.1.14",
-    "@descope-ui/descope-password-strength": "2.1.14",
-    "@descope-ui/descope-recovery-codes": "2.1.14",
-    "@descope-ui/descope-text": "2.1.14",
-    "@descope-ui/descope-timer": "2.1.14",
-    "@descope-ui/descope-timer-button": "2.1.14",
-    "@descope-ui/descope-trusted-devices": "2.1.14"
+    "@descope-ui/common": "2.1.16",
+    "@descope-ui/descope-address-field": "2.1.16",
+    "@descope-ui/descope-apps-list": "2.1.16",
+    "@descope-ui/descope-autocomplete-field": "2.1.16",
+    "@descope-ui/descope-avatar": "2.1.16",
+    "@descope-ui/descope-badge": "2.1.16",
+    "@descope-ui/descope-button": "2.1.16",
+    "@descope-ui/descope-collapsible-container": "2.1.16",
+    "@descope-ui/descope-combo-box": "2.1.16",
+    "@descope-ui/descope-enriched-text": "2.1.16",
+    "@descope-ui/descope-icon": "2.1.16",
+    "@descope-ui/descope-image": "2.1.16",
+    "@descope-ui/descope-link": "2.1.16",
+    "@descope-ui/descope-list": "2.1.16",
+    "@descope-ui/descope-list-item": "2.1.16",
+    "@descope-ui/descope-outbound-app-button": "2.1.16",
+    "@descope-ui/descope-outbound-apps": "2.1.16",
+    "@descope-ui/descope-password-strength": "2.1.16",
+    "@descope-ui/descope-recovery-codes": "2.1.16",
+    "@descope-ui/descope-text": "2.1.16",
+    "@descope-ui/descope-timer": "2.1.16",
+    "@descope-ui/descope-timer-button": "2.1.16",
+    "@descope-ui/descope-trusted-devices": "2.1.16"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js

@@ -128,7 +128,7 @@ export const CheckboxClass = compose(
         content: none;
       }
     `,
-    excludeAttrsSync: ['label', 'tabindex'],
+    excludeAttrsSync: ['label', 'tabindex', 'style'],
     componentName,
   })
 );

package/src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js

@@ -152,7 +152,7 @@ export const SwitchToggleClass = compose(
 				content: '';
 			}
 		`,
-    excludeAttrsSync: ['label', 'tabindex'],
+    excludeAttrsSync: ['label', 'tabindex', 'style'],
     componentName,
   })
 );

package/src/components/button-selection-group-fields/descope-button-multi-selection-group/ButtonMultiSelectionGroupClass.js

@@ -59,7 +59,7 @@ export const ButtonMultiSelectionGroupClass = compose(
     slots: [],
     wrappedEleName: 'vaadin-text-field',
     style: () => buttonSelectionGroupStyles,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js

@@ -59,7 +59,7 @@ export const ButtonSelectionGroupClass = compose(
     slots: [],
     wrappedEleName: 'vaadin-text-field',
     style: () => buttonSelectionGroupStyles,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-email-field/EmailFieldClass.js

@@ -84,7 +84,7 @@ export const EmailFieldClass = compose(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-multi-select-combo-box/MultiSelectComboBoxClass.js

@@ -679,7 +679,7 @@ export const MultiSelectComboBoxClass = compose(
     // 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,
     includeForwardProps: ['items', 'renderer', 'selectedItems'],
   })

package/src/components/descope-new-password/NewPasswordClass.js

@@ -215,7 +215,7 @@ export const NewPasswordClass = compose(
       display: none;
     }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-notification/NotificationClass.js

@@ -101,7 +101,7 @@ export const NotificationClass = compose(
 )(
   createProxy({
     wrappedEleName: 'vaadin-notification',
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-notification/descope-notification-card/NotificationCardClass.js

@@ -109,7 +109,7 @@ export const NotificationCardClass = compose(
       width: 100%;
     }
     `,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-number-field/NumberFieldClass.js

@@ -48,7 +48,7 @@ export const NumberFieldClass = compose(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-passcode/PasscodeClass.js

@@ -236,7 +236,7 @@ export const PasscodeClass = compose(
       ${resetInputLabelPosition('vaadin-text-field')}
 			${resetInputCursor('vaadin-text-field')}
     	`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-password/PasswordClass.js

@@ -299,7 +299,7 @@ export const PasswordClass = compose(
         opacity: 0;
       }
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/descope-radio-group/RadioButtonClass.js

@@ -70,7 +70,7 @@ export const RadioButtonClass = compose(
   createProxy({
     slots: [''],
     wrappedEleName: 'vaadin-radio-button',
-    excludeAttrsSync: ['tabindex', 'data'],
+    excludeAttrsSync: ['tabindex', 'data', 'style'],
     includeForwardProps: ['checked', 'name', 'disabled'],
     componentName,
   })

package/src/components/descope-radio-group/RadioGroupClass.js

@@ -185,7 +185,7 @@ export const RadioGroupClass = compose(
     ${resetInputLabelPosition('vaadin-radio-group')}
     `,
 
-    excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
+    excludeAttrsSync: ['tabindex', 'size', 'data', 'direction', 'style'],
     componentName,
     includeForwardProps: ['value'],
   })

package/src/components/descope-text-area/TextAreaClass.js

@@ -98,7 +98,7 @@ export const TextAreaClass = compose(
 			${resetInputPlaceholder('vaadin-text-area', 'textarea')}
 			${resetInputCursor('vaadin-text-area')}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js

@@ -180,6 +180,7 @@ export const MappingsFieldClass = compose(
       'button-label',
       'options',
       'error-message',
+      'style',
     ],
     componentName,
   })

package/src/components/mapping-fields/descope-saml-group-mappings/SamlGroupMappingsClass.js

@@ -109,6 +109,7 @@ export const SamlGroupMappingsClass = compose(
       'separator',
       'options',
       'error-message',
+      'style',
     ],
     componentName,
   })

package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js

@@ -316,7 +316,7 @@ export const PhoneFieldClass = compose(
 			}
       ${resetInputLabelPosition('vaadin-text-field')}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js

@@ -248,7 +248,7 @@ export const PhoneFieldInputBoxClass = compose(
     ${resetInputLabelPosition('vaadin-text-field')}
     ${inputFloatingLabelStyle()}
 		`,
-    excludeAttrsSync: ['tabindex'],
+    excludeAttrsSync: ['tabindex', 'style'],
     componentName,
   })
 );

package/src/mixins/createStyleMixin/index.js

@@ -95,7 +95,7 @@ export const createStyleMixin =
       }
 
       #setAttrOverride(attrName, value) {
-        const style = this.#overrideStyleEle?.cssRules[0].style;
+        const style = this.#overrideStyleEle?.cssRules[0]?.style;
 
         if (!style) return;