@descope/web-components-ui 1.0.118 → 1.0.120

package/dist/cjs/index.cjs.js

@@ -1821,6 +1821,7 @@ const resetInputAutoFill = (name, cssVarList) => `
 const resetInputFieldDefaultWidth = () => `
     :host {
         --vaadin-field-default-width: auto;
+        box-sizing: border-box;
     }
 `;
 
@@ -3503,7 +3504,7 @@ const {
 	internalWrapper,
 	focusedDigitField
 } = {
-	host: () => ':host',
+	host: { selector: () => ':host' },
 	focusedDigitField: { selector: () => `${TextFieldClass.componentName}[focused="true"]` },
 	digitField: { selector: () => TextFieldClass.componentName },
 	label: { selector: '::part(label)' },
@@ -3516,6 +3517,7 @@ const textVars$1 = TextFieldClass.cssVarList;
 const PasscodeClass = compose(
 	createStyleMixin({
 		mappings: {
+			fontSize: [{ ...digitField, property: textVars$1.fontSize }, host$4],
 			hostWidth: { property: 'width' },
 			fontFamily: host$4,
 			labelTextColor: [
@@ -3620,6 +3622,7 @@ const vars$7 = PasscodeClass.cssVarList;
 
 const passcode = {
 	[vars$7.fontFamily]: refs.fontFamily,
+	[vars$7.fontSize]: refs.fontSize,
 	[vars$7.labelTextColor]: refs.labelTextColor,
 	[vars$7.labelRequiredIndicator]: refs.requiredIndicator,
 	[vars$7.digitValueTextColor]: refs.valueTextColor,