@descope/web-components-ui 1.0.84 → 1.0.86

package/dist/index.esm.js

@@ -777,8 +777,8 @@ const proxyInputMixin = (superclass) =>
 		}
 
 		get inputElement() {
-			const inputSlot = this.baseElement.shadowRoot.querySelector('slot[name="input"]');
-			const textAreaSlot = this.baseElement.shadowRoot.querySelector('slot[name="textarea"]');
+			const inputSlot = this.baseElement.shadowRoot?.querySelector('slot[name="input"]');
+			const textAreaSlot = this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');
 
 			this.#inputElement ??= getNestedInput(inputSlot) || getNestedInput(textAreaSlot);
 
@@ -1690,6 +1690,9 @@ class RawDivider extends createBaseClass({ componentName: componentName$g, baseS
 
 		this.attachShadow({ mode: 'open' }).innerHTML = `
 		<style>
+			:host {
+				display: inline-block;
+			}
 			:host > div {
 				display: flex;
 				height: 100%;
@@ -2590,6 +2593,7 @@ overrides$2 = `
 	}
 	vaadin-password-field {
 		width: 100%;
+		padding: 0;
 	}
 	vaadin-password-field > input {
 		min-height: 0;
@@ -5273,7 +5277,6 @@ const globalRefs$b = getThemeRefs(globals);
 const vars$d = TextArea.cssVarList;
 
 const textArea = {
-	[vars$d.width]: '100%',
 	[vars$d.color]: globalRefs$b.colors.primary.main,
 	[vars$d.backgroundColor]: globalRefs$b.colors.surface.light,
 	[vars$d.resize]: 'vertical',
@@ -5284,6 +5287,7 @@ const textArea = {
 	[vars$d.borderColor]: 'transparent',
 	[vars$d.outlineWidth]: '2px',
 	[vars$d.outlineStyle]: 'solid',
+	[vars$d.outlineColor]: 'transparent',
 
 
 	_bordered: {