@descope/web-components-ui 1.0.104 → 1.0.106

package/dist/index.esm.js

@@ -1402,11 +1402,16 @@ const Checkbox = compose(
 			// Checkbox
 			checkboxBackgroundColor: { ...checkboxElement, property: 'background-color' },
 			checkboxRadius: { ...checkboxElement, property: 'border-radius' },
-			checkboxWidth: [
+
+			checkboxSize: [
 				{ ...checkboxElement, property: 'width' },
-				{ ...label$6, property: 'margin-left' }
+				{ ...label$6, property: 'margin-left' },
+				{ ...checkboxElement, property: 'height' },
+				{ ...checkboxSurface, property: 'font-size' },
+				{ ...component$1, property: 'font-size' },
+				{ ...label$6, property: 'line-height' },
+				{ ...checkboxHiddenLabel$1, property: 'line-height' }
 			],
-			checkboxHeight: { ...checkboxElement, property: 'height' },
 
 			checkboxOutlineWidth: { ...checkboxElement, property: 'outline-width' },
 			checkboxOutlineOffset: { ...checkboxElement, property: 'outline-offset' },
@@ -1414,18 +1419,15 @@ const Checkbox = compose(
 			checkboxOutlineStyle: { ...checkboxElement, property: 'outline-style' },
 
 			// Checkmark
-			checkmarkSize: [{ ...checkboxSurface, property: 'font-size' }, { ...component$1, property: 'font-size' }],
 			checkmarkTextColor: { ...checkboxSurface, property: 'color' },
 
 			// Label
 			labelFontSize: [
+				{ ...host$9, property: 'font-size' },
+				{ ...checkboxElement, property: 'font-size' },
 				{ ...label$6, property: 'font-size' },
 				{ ...checkboxHiddenLabel$1, property: 'font-size' }
 			],
-			labelLineHeight: [
-				{ ...label$6, property: 'line-height' },
-				{ ...checkboxHiddenLabel$1, property: 'line-height' }
-			],
 			labelFontWeight: [
 				{ ...label$6, property: 'font-weight' },
 				{ ...checkboxHiddenLabel$1, property: 'font-weight' }
@@ -5634,43 +5636,30 @@ const vars$c = Checkbox.cssVarList;
 
 const checkbox = {
 	[vars$c.checkboxBackgroundColor]: globalRefs$a.colors.surface.main,
-
-	[vars$c.labelFontSize]: '12px',
-	[vars$c.labelFontWeight]: '400',
-	[vars$c.labelTextColor]: globalRefs$a.colors.surface.contrast,
 	[vars$c.cursor]: 'pointer',
 
-	[vars$c.checkboxWidth]: 'calc(1em - 2px)',
-	[vars$c.checkboxHeight]: 'calc(1em - 2px)',
-	[vars$c.labelMargin]: 'calc(1em + 5px)',
-
 	[vars$c.checkboxRadius]: globalRefs$a.radius.xs,
+	[vars$c.checkboxSize]: '2em',
+
+	[vars$c.labelTextColor]: globalRefs$a.colors.surface.contrast,
+	[vars$c.labelMargin]: '0.5em',
+	[vars$c.labelFontWeight]: '400',
 
 	size: {
 		xs: {
-			[vars$c.labelFontSize]: '12px',
-			[vars$c.labelLineHeight]: '1.1em',
-			[vars$c.checkmarkSize]: '18px',
+			[vars$c.labelFontSize]: '8px',
 		},
 		sm: {
-			[vars$c.labelFontSize]: '14px',
-			[vars$c.labelLineHeight]: '1.2em',
-			[vars$c.checkmarkSize]: '22px',
+			[vars$c.labelFontSize]: '10px',
 		},
 		md: {
-			[vars$c.labelFontSize]: '16px',
-			[vars$c.labelLineHeight]: '1.35em',
-			[vars$c.checkmarkSize]: '26px',
+			[vars$c.labelFontSize]: '14px',
 		},
 		lg: {
 			[vars$c.labelFontSize]: '20px',
-			[vars$c.labelLineHeight]: '1.5em',
-			[vars$c.checkmarkSize]: '34px',
 		},
 		xl: {
-			[vars$c.labelFontSize]: '20px',
-			[vars$c.labelLineHeight]: '1.75em',
-			[vars$c.checkmarkSize]: '38px',
+			[vars$c.labelFontSize]: '25px',
 		}
 	},