@descope/flow-components 2.0.521 → 2.0.522

package/dist/index.cjs.js

@@ -81898,6 +81898,7 @@ function requireIndex_cjs () {
 	  errorMessageIconPadding: { ...errorMessage$d, property: 'padding-inline-start' },
 	  errorMessageIconRepeat: { ...errorMessage$d, property: 'background-repeat' },
 	  errorMessageIconPosition: { ...errorMessage$d, property: 'background-position' },
+	  errorMessageFontSize: { ...errorMessage$d, property: 'font-size' },
 
 	  helperTextColor: { ...helperText$a, property: '-webkit-text-fill-color' },
 
@@ -82296,6 +82297,7 @@ function requireIndex_cjs () {
 	    errorMessageIconSize: '0',
 	    errorMessageIconPadding: '0',
 	    errorMessageIconPosition: '0 0.4em',
+	    errorMessageFontSize: '0.8125rem',
 	    errorMessageIconRepeat: 'no-repeat',
 
 	    size: {
@@ -82436,6 +82438,7 @@ function requireIndex_cjs () {
 	  [vars$Y.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$Y.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$Y.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$Y.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var textField$2 = /*#__PURE__*/Object.freeze({
@@ -82654,6 +82657,7 @@ function requireIndex_cjs () {
 	      errorMessageIconPadding: { ...errorMessage$c, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$c, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$c, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$c, property: 'font-size' },
 
 	      inputPlaceholderTextColor: [
 	        { ...inputElementPlaceholder, property: 'color' },
@@ -82755,7 +82759,7 @@ function requireIndex_cjs () {
 			}
 
       ${inputFloatingLabelStyle()}
-    
+
       ::part(reveal-button) {
         align-self: center;
       }
@@ -82815,6 +82819,7 @@ function requireIndex_cjs () {
 	  [vars$X.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$X.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$X.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$X.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var password$1 = /*#__PURE__*/Object.freeze({
@@ -82904,6 +82909,7 @@ function requireIndex_cjs () {
 	  [vars$W.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$W.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$W.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$W.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var numberField$1 = /*#__PURE__*/Object.freeze({
@@ -83028,6 +83034,7 @@ function requireIndex_cjs () {
 	  [vars$V.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$V.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$V.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$V.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var emailField$1 = /*#__PURE__*/Object.freeze({
@@ -83077,6 +83084,7 @@ function requireIndex_cjs () {
 	      errorMessageIconPadding: { ...errorMessage$b, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$b, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$b, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$b, property: 'font-size' },
 	      inputBackgroundColor: { ...inputField$4, property: 'background-color' },
 	      inputValueTextColor: { ...textArea$2, property: 'color' },
 	      inputPlaceholderTextColor: { ...placeholder$2, property: 'color' },
@@ -83152,6 +83160,7 @@ function requireIndex_cjs () {
 	  [vars$U.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$U.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$U.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$U.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  textAlign: {
 	    right: { [vars$U.inputTextAlign]: 'right' },
@@ -83308,6 +83317,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$a, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$a, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$a, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$a, property: 'font-size' },
 
 	      inputValueTextColor: { ...checkboxSurface, property: 'color' },
 	      inputBackgroundColor: { ...checkboxElement, property: 'background-color' },
@@ -83418,6 +83428,7 @@ descope-boolean-field-internal {
 	  [vars$T.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$T.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$T.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$T.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var checkbox$1 = /*#__PURE__*/Object.freeze({
@@ -83470,6 +83481,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$9, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$9, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$9, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$9, property: 'font-size' },
 
 	      trackBorderWidth: { ...track, property: 'border-width' },
 	      trackBorderStyle: { ...track, property: 'border-style' },
@@ -83613,6 +83625,7 @@ descope-boolean-field-internal {
 	  [vars$S.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$S.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$S.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$S.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  _checked: {
 	    [vars$S.trackBorderColor]: refs$1.borderColor,
@@ -84791,6 +84804,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$8, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$8, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$8, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$8, property: 'font-size' },
 	      digitValueTextColor: {
 	        selector: TextFieldClass.componentName,
 	        property: textVars$3.inputValueTextColor,
@@ -84925,6 +84939,7 @@ descope-boolean-field-internal {
 	  [vars$J.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$J.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$J.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$J.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  size: {
 	    xs: { [vars$J.spinnerSize]: '15px' },
@@ -85527,6 +85542,7 @@ descope-boolean-field-internal {
 	        ...errorMessage$7,
 	        property: 'background-position',
 	      },
+	      errorMessageFontSize: { ...errorMessage$7, property: 'font-size' },
 	      inputHeight: { ...inputField$3, property: 'height' },
 	      inputBackgroundColor: { ...inputField$3, property: 'background-color' },
 	      inputBorderColor: { ...inputField$3, property: 'border-color' },
@@ -85815,6 +85831,8 @@ descope-boolean-field-internal {
 	    errorMessageIconSize: '0',
 	    errorMessageIconPadding: '0',
 	    errorMessageIconPosition: '0 0.4em',
+	    errorMessageFontSize: '0.8125rem',
+	    errorMessageIconRepeat: 'no-repeat',
 	    errorMessageIconRepeat: 'no-repeat',
 
 	    size: {
@@ -85943,6 +85961,7 @@ descope-boolean-field-internal {
 	  [vars$F.errorMessageIconPadding]: refs.errorMessageIconPadding,
 	  [vars$F.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
 	  [vars$F.errorMessageIconPosition]: refs.errorMessageIconPosition,
+	  [vars$F.errorMessageFontSize]: refs.errorMessageFontSize,
 
 	  _readonly: {
 	    [vars$F.inputDropdownButtonCursor]: 'default',
@@ -87436,6 +87455,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$6, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$6, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$6, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$6, property: 'font-size' },
 
 	      inputValueTextColor: [
 	        { ...phoneInput$1, property: textVars$2.inputValueTextColor },
@@ -87533,7 +87553,7 @@ descope-boolean-field-internal {
 				flex: 0;
 				border: none;
 			}
-  
+
 			descope-combo-box {
 				flex-shrink: 0;
         min-width: 5.75em;
@@ -87603,6 +87623,7 @@ descope-boolean-field-internal {
 	  [vars$D.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$D.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$D.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$D.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  // '@overlay': {
 	  // 	overlayItemBackgroundColor: 'red'
@@ -87732,6 +87753,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$5, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$5, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$5, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$5, property: 'font-size' },
 
 	      inputValueTextColor: { ...phoneInput, property: textVars$1.inputValueTextColor },
 
@@ -87889,6 +87911,7 @@ descope-boolean-field-internal {
 	  [vars$C.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$C.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$C.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$C.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  _fullWidth: {
 	    [vars$C.hostWidth]: refs$1.width,
@@ -88316,6 +88339,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$4, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$4, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$4, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$4, property: 'font-size' },
 	      hostWidth: { ...host$f, property: 'width' },
 	      hostMinWidth: { ...host$f, property: 'min-width' },
 	      hostDirection: [
@@ -88426,6 +88450,7 @@ descope-boolean-field-internal {
 	  [vars$B.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$B.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$B.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$B.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  _required: {
 	    // NewPassword doesn't pass `required` attribute to its Password components.
@@ -89173,6 +89198,7 @@ descope-boolean-field-internal {
 	  errorMessageIconPadding: { ...errorMessage$3, property: 'padding-inline-start' },
 	  errorMessageIconRepeat: { ...errorMessage$3, property: 'background-repeat' },
 	  errorMessageIconPosition: { ...errorMessage$3, property: 'background-position' },
+	  errorMessageFontSize: { ...errorMessage$3, property: 'font-size' },
 	  itemsSpacing: { ...internalWrapper, property: 'gap' },
 	};
 
@@ -89306,6 +89332,7 @@ descope-boolean-field-internal {
 	  [vars.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	});
 
 	const vars$y = ButtonSelectionGroupClass.cssVarList;
@@ -90742,6 +90769,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage$2, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage$2, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage$2, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage$2, property: 'font-size' },
 	      inputHeight: { ...inputField, property: 'min-height' },
 	      inputBackgroundColor: { ...inputField, property: 'background-color' },
 	      inputBorderColor: { ...inputField, property: 'border-color' },
@@ -90994,6 +91022,7 @@ descope-boolean-field-internal {
 	  [vars$t.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$t.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$t.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$t.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  labelType: {
 	    floating: {
@@ -92070,6 +92099,7 @@ descope-boolean-field-internal {
 	      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },
 	      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },
 	      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },
+	      errorMessageFontSize: { ...errorMessage, property: 'font-size' },
 	    },
 	  }),
 	  draggableMixin,
@@ -92132,6 +92162,7 @@ descope-boolean-field-internal {
 	  [vars$n.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$n.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$n.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$n.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	};
 
 	var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
@@ -92826,6 +92857,7 @@ descope-boolean-field-internal {
 	  [vars$j.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$j.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$j.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$j.errorMessageFontSize]: refs$1.errorMessageFontSize,
 	  [vars$j.helperTextColor]: refs$1.helperTextColor,
 	  [vars$j.itemsLabelColor]: globalRefs$d.colors.surface.contrast,
 
@@ -96074,6 +96106,10 @@ descope-boolean-field-internal {
 	        selector: () => TextClass.componentName,
 	        property: TextClass.cssVarList.errorMessagePosition,
 	      },
+	      errorMessageFontSize: {
+	        selector: () => TextClass.componentName,
+	        property: TextClass.cssVarList.errorMessageFontSize,
+	      },
 	    },
 	  }),
 	  draggableMixin,
@@ -96464,6 +96500,16 @@ descope-boolean-field-internal {
 	          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPosition,
 	        },
 	      ],
+	      errorMessageFontSize: [
+	        {
+	          selector: () => PhoneFieldClass.componentName,
+	          property: PhoneFieldClass.cssVarList.errorMessageFontSize,
+	        },
+	        {
+	          selector: () => PhoneFieldInputBoxClass.componentName,
+	          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontSize,
+	        },
+	      ],
 	    },
 	  }),
 	  draggableMixin,
@@ -96481,6 +96527,7 @@ descope-boolean-field-internal {
 	  [vars$8.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
 	  [vars$8.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
 	  [vars$8.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+	  [vars$8.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
 	  _fullWidth: {
 	    [vars$8.hostWidth]: '100%',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.521",
+	"version": "2.0.522",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -104,7 +104,7 @@
 		"typescript": "^5.7.2"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.77.0"
+		"@descope/web-components-ui": "1.78.0"
 	},
 	"peerDependencies": {
 		"react": ">= 18"