@descope/web-components-ui 1.0.93 → 1.0.94

package/dist/index.esm.js

@@ -2538,7 +2538,7 @@ const Passcode = compose(
 	}
 
 	vaadin-text-field::before {
-		height: initial;
+		height: 0;
 	}
 
 	vaadin-text-field[readonly] > input:placeholder-shown {
@@ -5000,44 +5000,82 @@ const colors = genColors({
 });
 
 const fonts = {
-	font1: ['Roboto', 'sans-serif'],
-	font2: ['Oswald', 'serif']
+	font1: {
+		family: [
+			"Roboto",
+			"ui-sans-serif",
+			"system-ui",
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Helvetica Neue",
+			"Arial",
+			"Noto Sans",
+			"sans-serif",
+			"Apple Color Emoji",
+			"Segoe UI Emoji",
+			"Segoe UI Symbol",
+			"Noto Color Emoji"
+		],
+		label: "Roboto",
+		url: "https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"
+	},
+	font2: {
+		family: [
+			"ui-sans-serif",
+			"system-ui",
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Roboto",
+			"Helvetica Neue",
+			"Arial",
+			"Noto Sans",
+			"sans-serif",
+			"Apple Color Emoji",
+			"Segoe UI Emoji",
+			"Segoe UI Symbol",
+			"Noto Color Emoji"
+		],
+		label: "Sans Serif"
+	}
 };
+
 const fontsRef = getThemeRefs({ fonts }).fonts;
 
 const typography = {
 	h1: {
-		font: fontsRef.font1,
+		font: fontsRef.font1.family,
 		weight: '900',
 		size: '48px'
 	},
 	h2: {
-		font: fontsRef.font1,
+		font: fontsRef.font1.family,
 		weight: '800',
 		size: '38px'
 	},
 	h3: {
-		font: fontsRef.font1,
+		font: fontsRef.font1.family,
 		weight: '600',
 		size: '28px'
 	},
 	subtitle1: {
-		font: fontsRef.font2,
+		font: fontsRef.font2.family,
 		weight: '500',
 		size: '22px'
 	},
 	subtitle2: {
-		font: fontsRef.font2,
+		font: fontsRef.font2.family,
 		weight: '400',
 		size: '20px'
 	},
 	body1: {
-		font: fontsRef.font1,
+		font: fontsRef.font1.family,
 		weight: '300',
 		size: '16px'
 	},
 	body2: {
-		font: fontsRef.font1,
+		font: fontsRef.font1.family,
 		weight: '200',
 		size: '14px'
 	}
@@ -5219,7 +5257,7 @@ const textField = (vars) => ({
 	[vars.borderWidth]: '1px',
 	[vars.borderStyle]: 'solid',
 	[vars.borderColor]: 'transparent',
-	[vars.borderRadius]: globalRefs$e.radius.sm,
+	[vars.borderRadius]: globalRefs$e.radius.xs,
 
 	_disabled: {
 		[vars.color]: globalRefs$e.colors.surface.dark,