@descope/web-components-ui 1.0.125 → 1.0.127

package/dist/cjs/index.cjs.js

@@ -1210,6 +1210,10 @@ const proxyInputMixin = (superclass) =>
 			}, 0);
 		}
 
+		get name () {
+			return this.getAttribute('name');
+		}
+
 		get inputElement() {
 			this.warnIfInputElementIsMissing();
 
@@ -2018,7 +2022,7 @@ const passwordDraggableMixin = (superclass) => class PasswordDraggableMixinClass
 	}
 };
 
-const componentName$l = getComponentName('password-field');
+const componentName$l = getComponentName('password');
 
 const {
 	host: host$a,
@@ -2042,7 +2046,7 @@ const {
 	errorMessage: { selector: '::part(error-message)' }
 };
 
-const PasswordFieldClass = compose(
+const PasswordClass = compose(
 	createStyleMixin({
 		mappings: {
 			hostWidth: { ...host$a, property: 'width' },
@@ -2096,7 +2100,7 @@ const PasswordFieldClass = compose(
 				min-width: 10em;
 				max-width: 100%;
 				box-sizing: border-box;				
-				padding: calc(var(${PasswordFieldClass.cssVarList.inputOutlineWidth}) + var(${PasswordFieldClass.cssVarList.inputOutlineOffset}));
+				padding: calc(var(${PasswordClass.cssVarList.inputOutlineWidth}) + var(${PasswordClass.cssVarList.inputOutlineOffset}));
 			}
 			vaadin-password-field {
 				width: 100%;
@@ -2133,7 +2137,7 @@ const PasswordFieldClass = compose(
 			}
 
 			vaadin-password-field-button[focus-ring] {
-				box-shadow: 0 0 0 2px var(${PasswordFieldClass.cssVarList.inputOutlineColor});
+				box-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});
 			}
 		`,
 		excludeAttrsSync: ['tabindex'],
@@ -2141,9 +2145,9 @@ const PasswordFieldClass = compose(
 	})
 );
 
-const vars$i = PasswordFieldClass.cssVarList;
+const vars$i = PasswordClass.cssVarList;
 
-const passwordField = {
+const password = {
 	[vars$i.hostWidth]: refs.width,
 	[vars$i.fontSize]: refs.fontSize,
 	[vars$i.fontFamily]: refs.fontFamily,
@@ -2163,9 +2167,9 @@ const passwordField = {
 	[vars$i.inputOutlineOffset]: refs.outlineOffset,
 };
 
-var passwordField$1 = /*#__PURE__*/Object.freeze({
+var password$1 = /*#__PURE__*/Object.freeze({
 	__proto__: null,
-	default: passwordField,
+	default: password,
 	vars: vars$i
 });
 
@@ -5676,8 +5680,8 @@ const NewPasswordClass = compose(
 			fontSize: [
 				host,
 				{
-					selector: PasswordFieldClass.componentName,
-					property: PasswordFieldClass.cssVarList.fontSize
+					selector: PasswordClass.componentName,
+					property: PasswordClass.cssVarList.fontSize
 				}
 			],
 			fontFamily: [
@@ -5734,7 +5738,7 @@ const NewPasswordClass = compose(
 			display: flex;
 			   flex-direction: column;
 		}
-		descope-password-field {
+		descope-password {
 			display: block;
 			width: 100%;
 		}
@@ -5756,7 +5760,7 @@ const newPassword = {
 	[vars$1.spaceBetweenInputs]: '1em',
 
 	_required: {
-		// NewPassword doesn't pass `required` attribute to its PasswordFields.
+		// NewPassword doesn't pass `required` attribute to its Password components.
 		// That's why we fake the required indicator on each input.
 		// We do that by injecting `::after` element, and populating it with requiredIndicator content.
 		[vars$1.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
@@ -5772,7 +5776,7 @@ var newPassword$1 = /*#__PURE__*/Object.freeze({
 const components = {
 	button: button$1,
 	textField: textField$1,
-	passwordField: passwordField$1,
+	password: password$1,
 	numberField: numberField$1,
 	emailField: emailField$1,
 	textArea: textArea$1,
@@ -5812,7 +5816,7 @@ exports.LogoClass = LogoClass;
 exports.NewPasswordClass = NewPasswordClass;
 exports.NumberFieldClass = NumberFieldClass;
 exports.PasscodeClass = PasscodeClass;
-exports.PasswordFieldClass = PasswordFieldClass;
+exports.PasswordClass = PasswordClass;
 exports.PhoneFieldClass = PhoneFieldClass;
 exports.SwitchToggleClass = SwitchToggleClass;
 exports.TextAreaClass = TextAreaClass;