@descope/web-components-ui 1.0.93 → 1.0.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js
CHANGED
|
@@ -2538,7 +2538,7 @@ const Passcode = compose(
|
|
|
2538
2538
|
}
|
|
2539
2539
|
|
|
2540
2540
|
vaadin-text-field::before {
|
|
2541
|
-
height:
|
|
2541
|
+
height: 0;
|
|
2542
2542
|
}
|
|
2543
2543
|
|
|
2544
2544
|
vaadin-text-field[readonly] > input:placeholder-shown {
|
|
@@ -5000,44 +5000,82 @@ const colors = genColors({
|
|
|
5000
5000
|
});
|
|
5001
5001
|
|
|
5002
5002
|
const fonts = {
|
|
5003
|
-
font1:
|
|
5004
|
-
|
|
5003
|
+
font1: {
|
|
5004
|
+
family: [
|
|
5005
|
+
"Roboto",
|
|
5006
|
+
"ui-sans-serif",
|
|
5007
|
+
"system-ui",
|
|
5008
|
+
"-apple-system",
|
|
5009
|
+
"BlinkMacSystemFont",
|
|
5010
|
+
"Segoe UI",
|
|
5011
|
+
"Helvetica Neue",
|
|
5012
|
+
"Arial",
|
|
5013
|
+
"Noto Sans",
|
|
5014
|
+
"sans-serif",
|
|
5015
|
+
"Apple Color Emoji",
|
|
5016
|
+
"Segoe UI Emoji",
|
|
5017
|
+
"Segoe UI Symbol",
|
|
5018
|
+
"Noto Color Emoji"
|
|
5019
|
+
],
|
|
5020
|
+
label: "Roboto",
|
|
5021
|
+
url: "https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"
|
|
5022
|
+
},
|
|
5023
|
+
font2: {
|
|
5024
|
+
family: [
|
|
5025
|
+
"ui-sans-serif",
|
|
5026
|
+
"system-ui",
|
|
5027
|
+
"-apple-system",
|
|
5028
|
+
"BlinkMacSystemFont",
|
|
5029
|
+
"Segoe UI",
|
|
5030
|
+
"Roboto",
|
|
5031
|
+
"Helvetica Neue",
|
|
5032
|
+
"Arial",
|
|
5033
|
+
"Noto Sans",
|
|
5034
|
+
"sans-serif",
|
|
5035
|
+
"Apple Color Emoji",
|
|
5036
|
+
"Segoe UI Emoji",
|
|
5037
|
+
"Segoe UI Symbol",
|
|
5038
|
+
"Noto Color Emoji"
|
|
5039
|
+
],
|
|
5040
|
+
label: "Sans Serif"
|
|
5041
|
+
}
|
|
5005
5042
|
};
|
|
5043
|
+
|
|
5006
5044
|
const fontsRef = getThemeRefs({ fonts }).fonts;
|
|
5007
5045
|
|
|
5008
5046
|
const typography = {
|
|
5009
5047
|
h1: {
|
|
5010
|
-
font: fontsRef.font1,
|
|
5048
|
+
font: fontsRef.font1.family,
|
|
5011
5049
|
weight: '900',
|
|
5012
5050
|
size: '48px'
|
|
5013
5051
|
},
|
|
5014
5052
|
h2: {
|
|
5015
|
-
font: fontsRef.font1,
|
|
5053
|
+
font: fontsRef.font1.family,
|
|
5016
5054
|
weight: '800',
|
|
5017
5055
|
size: '38px'
|
|
5018
5056
|
},
|
|
5019
5057
|
h3: {
|
|
5020
|
-
font: fontsRef.font1,
|
|
5058
|
+
font: fontsRef.font1.family,
|
|
5021
5059
|
weight: '600',
|
|
5022
5060
|
size: '28px'
|
|
5023
5061
|
},
|
|
5024
5062
|
subtitle1: {
|
|
5025
|
-
font: fontsRef.font2,
|
|
5063
|
+
font: fontsRef.font2.family,
|
|
5026
5064
|
weight: '500',
|
|
5027
5065
|
size: '22px'
|
|
5028
5066
|
},
|
|
5029
5067
|
subtitle2: {
|
|
5030
|
-
font: fontsRef.font2,
|
|
5068
|
+
font: fontsRef.font2.family,
|
|
5031
5069
|
weight: '400',
|
|
5032
5070
|
size: '20px'
|
|
5033
5071
|
},
|
|
5034
5072
|
body1: {
|
|
5035
|
-
font: fontsRef.font1,
|
|
5073
|
+
font: fontsRef.font1.family,
|
|
5036
5074
|
weight: '300',
|
|
5037
5075
|
size: '16px'
|
|
5038
5076
|
},
|
|
5039
5077
|
body2: {
|
|
5040
|
-
font: fontsRef.font1,
|
|
5078
|
+
font: fontsRef.font1.family,
|
|
5041
5079
|
weight: '200',
|
|
5042
5080
|
size: '14px'
|
|
5043
5081
|
}
|
|
@@ -5219,7 +5257,7 @@ const textField = (vars) => ({
|
|
|
5219
5257
|
[vars.borderWidth]: '1px',
|
|
5220
5258
|
[vars.borderStyle]: 'solid',
|
|
5221
5259
|
[vars.borderColor]: 'transparent',
|
|
5222
|
-
[vars.borderRadius]: globalRefs$e.radius.
|
|
5260
|
+
[vars.borderRadius]: globalRefs$e.radius.xs,
|
|
5223
5261
|
|
|
5224
5262
|
_disabled: {
|
|
5225
5263
|
[vars.color]: globalRefs$e.colors.surface.dark,
|