@descope/web-components-ui 1.0.109 → 1.0.110

package/dist/index.esm.js

@@ -1177,7 +1177,7 @@ const ButtonClass = compose(
 	})
 );
 
-const { color, fontSize } = Button.cssVarList;
+const { color, fontSize } = ButtonClass.cssVarList;
 const loadingIndicatorStyles = `
 	@keyframes spin {
 		0% { -webkit-transform: rotate(0deg); }
@@ -1558,7 +1558,7 @@ const SwitchToggleClass = compose(
 		${commonStyles}
 
 		vaadin-text-field::part(label) {
-			left: calc(var(${SwitchToggle.cssVarList.trackWidth}) + var(${SwitchToggle.cssVarList.trackBorderWidth}) * 2);
+			left: calc(var(${SwitchToggleClass.cssVarList.trackWidth}) + var(${SwitchToggleClass.cssVarList.trackBorderWidth}) * 2);
 		}
 
 		vaadin-checkbox[active]::part(checkbox) {
@@ -1988,12 +1988,12 @@ overrides$4 = `
 	vaadin-email-field input:-webkit-autofill:hover,
 	vaadin-email-field input:-webkit-autofill:active,
 	vaadin-email-field input:-webkit-autofill:focus {
-		-webkit-text-fill-color: var(${EmailField.cssVarList.color});
-		box-shadow: 0 0 0 var(${EmailField.cssVarList.height}) var(${EmailField.cssVarList.backgroundColor}) inset;
+		-webkit-text-fill-color: var(${EmailFieldClass.cssVarList.color});
+		box-shadow: 0 0 0 var(${EmailFieldClass.cssVarList.height}) var(${EmailFieldClass.cssVarList.backgroundColor}) inset;
 	}
 	vaadin-email-field[required]::part(required-indicator)::after {
 		content: "*";
-		color: var(${EmailField.cssVarList.color});
+		color: var(${EmailFieldClass.cssVarList.color});
 	}
 	vaadin-email-field[readonly]::part(input-field)::after {
 		border: 0 solid;
@@ -2101,7 +2101,7 @@ style = `
 }
 :host > div {
 	display: inline-block;
-	content: var(${Logo.cssVarList.url}, var(${Logo.cssVarList.fallbackUrl}));
+	content: var(${LogoClass.cssVarList.url}, var(${LogoClass.cssVarList.fallbackUrl}));
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: contain;
@@ -2162,12 +2162,12 @@ overrides$3 = `
 	vaadin-number-field input:-webkit-autofill:hover,
 	vaadin-number-field input:-webkit-autofill:active,
 	vaadin-number-field input:-webkit-autofill:focus {
-		-webkit-text-fill-color: var(${NumberField.cssVarList.color});
-		box-shadow: 0 0 0 var(${NumberField.cssVarList.height}) var(${NumberField.cssVarList.backgroundColor}) inset;
+		-webkit-text-fill-color: var(${NumberFieldClass.cssVarList.color});
+		box-shadow: 0 0 0 var(${NumberFieldClass.cssVarList.height}) var(${NumberFieldClass.cssVarList.backgroundColor}) inset;
 	}
 	vaadin-number-field[required]::part(required-indicator)::after {
 		content: "*";
-		color: var(${NumberField.cssVarList.color});
+		color: var(${NumberFieldClass.cssVarList.color});
 	}
 	vaadin-number-field[readonly]::part(input-field)::after {
 		border: 0 solid;
@@ -2447,8 +2447,8 @@ overrides$2 = `
 	vaadin-text-field input:-webkit-autofill:hover,
 	vaadin-text-field input:-webkit-autofill:active,
 	vaadin-text-field input:-webkit-autofill:focus {
-		-webkit-text-fill-color: var(${TextField.cssVarList.color});
-		box-shadow: 0 0 0 var(${TextField.cssVarList.height}) var(${TextField.cssVarList.backgroundColor}) inset;
+		-webkit-text-fill-color: var(${TextFieldClass.cssVarList.color});
+		box-shadow: 0 0 0 var(${TextFieldClass.cssVarList.height}) var(${TextFieldClass.cssVarList.backgroundColor}) inset;
 	}
 
 	vaadin-text-field > input {
@@ -2458,7 +2458,7 @@ overrides$2 = `
 
 	vaadin-text-field[required]::part(required-indicator)::after {
 		content: "*";
-		color: var(${TextField.cssVarList.color});
+		color: var(${TextFieldClass.cssVarList.color});
 	}
 	vaadin-text-field::part(input-field)::after {
 		opacity: 0 !important;
@@ -3015,8 +3015,8 @@ const ComboBoxClass = compose(
 			// so we need to use an arrow function on the selector
 			// for that to work, because ComboBox is not available
 			// at this time.
-			overlayBackground: { property: () => ComboBox.cssVarList.overlay.backgroundColor },
-			overlayBorder: { property: () => ComboBox.cssVarList.overlay.border }
+			overlayBackground: { property: () => ComboBoxClass.cssVarList.overlay.backgroundColor },
+			overlayBorder: { property: () => ComboBoxClass.cssVarList.overlay.border }
 		}
 	}),
 	draggableMixin,