@descope/web-components-ui 1.0.109 → 1.0.110
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +14 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-logo-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/boolean-fields/descope-switch-toggle/SwitchToggle.js +1 -1
- package/src/components/descope-button/Button.js +1 -1
- package/src/components/descope-combo-box/ComboBox.js +2 -2
- package/src/components/descope-email-field/EmailField.js +3 -3
- package/src/components/descope-link/Link.js +3 -3
- package/src/components/descope-logo/Logo.js +1 -1
- package/src/components/descope-new-password/NewPassword.js +3 -3
- package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +2 -2
- package/src/components/descope-number-field/NumberField.js +3 -3
- package/src/components/descope-passcode/Passcode.js +4 -4
- package/src/components/descope-phone-field/PhoneField.js +8 -8
- package/src/components/descope-text-field/TextField.js +3 -3
- package/src/theme/components/button.js +2 -2
- package/src/theme/components/checkbox.js +2 -2
- package/src/theme/components/comboBox.js +2 -2
- package/src/theme/components/container.js +3 -3
- package/src/theme/components/divider.js +2 -2
- package/src/theme/components/emailField.js +2 -2
- package/src/theme/components/image.js +2 -2
- package/src/theme/components/link.js +2 -2
- package/src/theme/components/loader/loaderLinear.js +2 -2
- package/src/theme/components/loader/loaderRadial.js +2 -2
- package/src/theme/components/logo.js +2 -2
- package/src/theme/components/newPassword.js +2 -2
- package/src/theme/components/numberField.js +2 -2
- package/src/theme/components/passcode.js +2 -2
- package/src/theme/components/passwordField.js +2 -2
- package/src/theme/components/phoneField.js +2 -2
- package/src/theme/components/switchToggle.js +2 -2
- package/src/theme/components/text.js +2 -2
- package/src/theme/components/textArea.js +2 -2
- package/src/theme/components/textField.js +2 -2
package/dist/index.esm.js
CHANGED
@@ -1177,7 +1177,7 @@ const ButtonClass = compose(
|
|
1177
1177
|
})
|
1178
1178
|
);
|
1179
1179
|
|
1180
|
-
const { color, fontSize } =
|
1180
|
+
const { color, fontSize } = ButtonClass.cssVarList;
|
1181
1181
|
const loadingIndicatorStyles = `
|
1182
1182
|
@keyframes spin {
|
1183
1183
|
0% { -webkit-transform: rotate(0deg); }
|
@@ -1558,7 +1558,7 @@ const SwitchToggleClass = compose(
|
|
1558
1558
|
${commonStyles}
|
1559
1559
|
|
1560
1560
|
vaadin-text-field::part(label) {
|
1561
|
-
left: calc(var(${
|
1561
|
+
left: calc(var(${SwitchToggleClass.cssVarList.trackWidth}) + var(${SwitchToggleClass.cssVarList.trackBorderWidth}) * 2);
|
1562
1562
|
}
|
1563
1563
|
|
1564
1564
|
vaadin-checkbox[active]::part(checkbox) {
|
@@ -1988,12 +1988,12 @@ overrides$4 = `
|
|
1988
1988
|
vaadin-email-field input:-webkit-autofill:hover,
|
1989
1989
|
vaadin-email-field input:-webkit-autofill:active,
|
1990
1990
|
vaadin-email-field input:-webkit-autofill:focus {
|
1991
|
-
-webkit-text-fill-color: var(${
|
1992
|
-
box-shadow: 0 0 0 var(${
|
1991
|
+
-webkit-text-fill-color: var(${EmailFieldClass.cssVarList.color});
|
1992
|
+
box-shadow: 0 0 0 var(${EmailFieldClass.cssVarList.height}) var(${EmailFieldClass.cssVarList.backgroundColor}) inset;
|
1993
1993
|
}
|
1994
1994
|
vaadin-email-field[required]::part(required-indicator)::after {
|
1995
1995
|
content: "*";
|
1996
|
-
color: var(${
|
1996
|
+
color: var(${EmailFieldClass.cssVarList.color});
|
1997
1997
|
}
|
1998
1998
|
vaadin-email-field[readonly]::part(input-field)::after {
|
1999
1999
|
border: 0 solid;
|
@@ -2101,7 +2101,7 @@ style = `
|
|
2101
2101
|
}
|
2102
2102
|
:host > div {
|
2103
2103
|
display: inline-block;
|
2104
|
-
content: var(${
|
2104
|
+
content: var(${LogoClass.cssVarList.url}, var(${LogoClass.cssVarList.fallbackUrl}));
|
2105
2105
|
max-width: 100%;
|
2106
2106
|
max-height: 100%;
|
2107
2107
|
object-fit: contain;
|
@@ -2162,12 +2162,12 @@ overrides$3 = `
|
|
2162
2162
|
vaadin-number-field input:-webkit-autofill:hover,
|
2163
2163
|
vaadin-number-field input:-webkit-autofill:active,
|
2164
2164
|
vaadin-number-field input:-webkit-autofill:focus {
|
2165
|
-
-webkit-text-fill-color: var(${
|
2166
|
-
box-shadow: 0 0 0 var(${
|
2165
|
+
-webkit-text-fill-color: var(${NumberFieldClass.cssVarList.color});
|
2166
|
+
box-shadow: 0 0 0 var(${NumberFieldClass.cssVarList.height}) var(${NumberFieldClass.cssVarList.backgroundColor}) inset;
|
2167
2167
|
}
|
2168
2168
|
vaadin-number-field[required]::part(required-indicator)::after {
|
2169
2169
|
content: "*";
|
2170
|
-
color: var(${
|
2170
|
+
color: var(${NumberFieldClass.cssVarList.color});
|
2171
2171
|
}
|
2172
2172
|
vaadin-number-field[readonly]::part(input-field)::after {
|
2173
2173
|
border: 0 solid;
|
@@ -2447,8 +2447,8 @@ overrides$2 = `
|
|
2447
2447
|
vaadin-text-field input:-webkit-autofill:hover,
|
2448
2448
|
vaadin-text-field input:-webkit-autofill:active,
|
2449
2449
|
vaadin-text-field input:-webkit-autofill:focus {
|
2450
|
-
-webkit-text-fill-color: var(${
|
2451
|
-
box-shadow: 0 0 0 var(${
|
2450
|
+
-webkit-text-fill-color: var(${TextFieldClass.cssVarList.color});
|
2451
|
+
box-shadow: 0 0 0 var(${TextFieldClass.cssVarList.height}) var(${TextFieldClass.cssVarList.backgroundColor}) inset;
|
2452
2452
|
}
|
2453
2453
|
|
2454
2454
|
vaadin-text-field > input {
|
@@ -2458,7 +2458,7 @@ overrides$2 = `
|
|
2458
2458
|
|
2459
2459
|
vaadin-text-field[required]::part(required-indicator)::after {
|
2460
2460
|
content: "*";
|
2461
|
-
color: var(${
|
2461
|
+
color: var(${TextFieldClass.cssVarList.color});
|
2462
2462
|
}
|
2463
2463
|
vaadin-text-field::part(input-field)::after {
|
2464
2464
|
opacity: 0 !important;
|
@@ -3015,8 +3015,8 @@ const ComboBoxClass = compose(
|
|
3015
3015
|
// so we need to use an arrow function on the selector
|
3016
3016
|
// for that to work, because ComboBox is not available
|
3017
3017
|
// at this time.
|
3018
|
-
overlayBackground: { property: () =>
|
3019
|
-
overlayBorder: { property: () =>
|
3018
|
+
overlayBackground: { property: () => ComboBoxClass.cssVarList.overlay.backgroundColor },
|
3019
|
+
overlayBorder: { property: () => ComboBoxClass.cssVarList.overlay.border }
|
3020
3020
|
}
|
3021
3021
|
}),
|
3022
3022
|
draggableMixin,
|