@descope/web-components-ui 1.0.124 → 1.0.126

package/dist/cjs/index.cjs.js

@@ -2018,7 +2018,7 @@ const passwordDraggableMixin = (superclass) => class PasswordDraggableMixinClass
 	}
 };
 
-const componentName$l = getComponentName('password-field');
+const componentName$l = getComponentName('password');
 
 const {
 	host: host$a,
@@ -2042,7 +2042,7 @@ const {
 	errorMessage: { selector: '::part(error-message)' }
 };
 
-const PasswordFieldClass = compose(
+const PasswordClass = compose(
 	createStyleMixin({
 		mappings: {
 			hostWidth: { ...host$a, property: 'width' },
@@ -2096,7 +2096,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 +2133,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 +2141,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 +2163,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
 });
 
@@ -3982,9 +3982,10 @@ const ComboBoxClass = compose(
 		selector: '',
 		mappings: {
 			backgroundColor: { selector: 'vaadin-combo-box-scroller' },
-			fontFamily: { selector: 'vaadin-combo-box-item' },
-			// TODO: this mapping doesn't work, needs fixing.
-			cursor: { selector: 'vaadin-combo-box-item' },
+			cursor: { selector: 'vaadin-combo-box-item' }, // TODO: this mapping doesn't work, needs fixing.
+			minHeight: { selector: 'vaadin-combo-box-overlay' },
+			margin: { selector: 'vaadin-combo-box-overlay' },
+			fontFamily: { selector: 'vaadin-combo-box-item' }
 		},
 		forward: {
 			include: false,
@@ -4060,6 +4061,9 @@ const comboBox = {
 		[vars$4.inputDropdownButtonCursor]: 'default'
 	},
 
+	[vars$4.overlay.minHeight]: '400px',
+	[vars$4.overlay.margin]: '0 auto'
+
 	// [vars.overlayCursor]: 'pointer',
 	// [vars.overlayBackground]: globalRefs.colors.surface.light,
 	// [vars.overlayBorder]: `2px solid red`,
@@ -5672,8 +5676,8 @@ const NewPasswordClass = compose(
 			fontSize: [
 				host,
 				{
-					selector: PasswordFieldClass.componentName,
-					property: PasswordFieldClass.cssVarList.fontSize
+					selector: PasswordClass.componentName,
+					property: PasswordClass.cssVarList.fontSize
 				}
 			],
 			fontFamily: [
@@ -5730,7 +5734,7 @@ const NewPasswordClass = compose(
 			display: flex;
 			   flex-direction: column;
 		}
-		descope-password-field {
+		descope-password {
 			display: block;
 			width: 100%;
 		}
@@ -5752,7 +5756,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
@@ -5768,7 +5772,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,
@@ -5808,7 +5812,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;