@descope/web-components-ui 1.0.238 → 1.0.239
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +132 -126
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +132 -126
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-modal-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-modal/ModalClass.js +4 -1
- package/src/theme/components/modal.js +5 -0
package/dist/index.esm.js
CHANGED
@@ -7494,15 +7494,15 @@ const globals = {
|
|
7494
7494
|
};
|
7495
7495
|
const vars$v = getThemeVars(globals);
|
7496
7496
|
|
7497
|
-
const globalRefs$
|
7497
|
+
const globalRefs$h = getThemeRefs(globals);
|
7498
7498
|
const compVars$4 = ButtonClass.cssVarList;
|
7499
7499
|
|
7500
7500
|
const mode = {
|
7501
|
-
primary: globalRefs$
|
7502
|
-
secondary: globalRefs$
|
7503
|
-
success: globalRefs$
|
7504
|
-
error: globalRefs$
|
7505
|
-
surface: globalRefs$
|
7501
|
+
primary: globalRefs$h.colors.primary,
|
7502
|
+
secondary: globalRefs$h.colors.secondary,
|
7503
|
+
success: globalRefs$h.colors.success,
|
7504
|
+
error: globalRefs$h.colors.error,
|
7505
|
+
surface: globalRefs$h.colors.surface,
|
7506
7506
|
};
|
7507
7507
|
|
7508
7508
|
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$D);
|
@@ -7510,15 +7510,15 @@ const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, c
|
|
7510
7510
|
const button = {
|
7511
7511
|
...helperTheme$3,
|
7512
7512
|
|
7513
|
-
[compVars$4.fontFamily]: globalRefs$
|
7513
|
+
[compVars$4.fontFamily]: globalRefs$h.fonts.font1.family,
|
7514
7514
|
|
7515
7515
|
[compVars$4.cursor]: 'pointer',
|
7516
7516
|
[compVars$4.hostHeight]: '3em',
|
7517
7517
|
[compVars$4.hostWidth]: 'auto',
|
7518
|
-
[compVars$4.hostDirection]: globalRefs$
|
7518
|
+
[compVars$4.hostDirection]: globalRefs$h.direction,
|
7519
7519
|
|
7520
|
-
[compVars$4.borderRadius]: globalRefs$
|
7521
|
-
[compVars$4.borderWidth]: globalRefs$
|
7520
|
+
[compVars$4.borderRadius]: globalRefs$h.radius.sm,
|
7521
|
+
[compVars$4.borderWidth]: globalRefs$h.border.xs,
|
7522
7522
|
[compVars$4.borderStyle]: 'solid',
|
7523
7523
|
[compVars$4.borderColor]: 'transparent',
|
7524
7524
|
|
@@ -7554,10 +7554,10 @@ const button = {
|
|
7554
7554
|
},
|
7555
7555
|
|
7556
7556
|
_disabled: {
|
7557
|
-
[helperVars$3.main]: globalRefs$
|
7558
|
-
[helperVars$3.dark]: globalRefs$
|
7559
|
-
[helperVars$3.light]: globalRefs$
|
7560
|
-
[helperVars$3.contrast]: globalRefs$
|
7557
|
+
[helperVars$3.main]: globalRefs$h.colors.surface.main,
|
7558
|
+
[helperVars$3.dark]: globalRefs$h.colors.surface.dark,
|
7559
|
+
[helperVars$3.light]: globalRefs$h.colors.surface.light,
|
7560
|
+
[helperVars$3.contrast]: globalRefs$h.colors.surface.contrast,
|
7561
7561
|
},
|
7562
7562
|
|
7563
7563
|
variant: {
|
@@ -7599,7 +7599,7 @@ const button = {
|
|
7599
7599
|
},
|
7600
7600
|
|
7601
7601
|
_focused: {
|
7602
|
-
[compVars$4.outlineColor]: globalRefs$
|
7602
|
+
[compVars$4.outlineColor]: globalRefs$h.colors.surface.main,
|
7603
7603
|
},
|
7604
7604
|
};
|
7605
7605
|
|
@@ -7615,21 +7615,21 @@ var button$1 = /*#__PURE__*/Object.freeze({
|
|
7615
7615
|
});
|
7616
7616
|
|
7617
7617
|
const componentName$3 = getComponentName('input-wrapper');
|
7618
|
-
const globalRefs$
|
7618
|
+
const globalRefs$g = getThemeRefs(globals);
|
7619
7619
|
|
7620
7620
|
const [theme$1, refs, vars$t] = createHelperVars(
|
7621
7621
|
{
|
7622
|
-
labelTextColor: globalRefs$
|
7623
|
-
valueTextColor: globalRefs$
|
7624
|
-
placeholderTextColor: globalRefs$
|
7622
|
+
labelTextColor: globalRefs$g.colors.surface.contrast,
|
7623
|
+
valueTextColor: globalRefs$g.colors.surface.contrast,
|
7624
|
+
placeholderTextColor: globalRefs$g.colors.surface.main,
|
7625
7625
|
requiredIndicator: "'*'",
|
7626
|
-
errorMessageTextColor: globalRefs$
|
7626
|
+
errorMessageTextColor: globalRefs$g.colors.error.main,
|
7627
7627
|
|
7628
|
-
borderWidth: globalRefs$
|
7629
|
-
borderRadius: globalRefs$
|
7628
|
+
borderWidth: globalRefs$g.border.xs,
|
7629
|
+
borderRadius: globalRefs$g.radius.xs,
|
7630
7630
|
borderColor: 'transparent',
|
7631
7631
|
|
7632
|
-
outlineWidth: globalRefs$
|
7632
|
+
outlineWidth: globalRefs$g.border.sm,
|
7633
7633
|
outlineStyle: 'solid',
|
7634
7634
|
outlineColor: 'transparent',
|
7635
7635
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
@@ -7640,11 +7640,11 @@ const [theme$1, refs, vars$t] = createHelperVars(
|
|
7640
7640
|
horizontalPadding: '0.5em',
|
7641
7641
|
verticalPadding: '0.5em',
|
7642
7642
|
|
7643
|
-
backgroundColor: globalRefs$
|
7643
|
+
backgroundColor: globalRefs$g.colors.surface.light,
|
7644
7644
|
|
7645
|
-
fontFamily: globalRefs$
|
7645
|
+
fontFamily: globalRefs$g.fonts.font1.family,
|
7646
7646
|
|
7647
|
-
direction: globalRefs$
|
7647
|
+
direction: globalRefs$g.direction,
|
7648
7648
|
|
7649
7649
|
size: {
|
7650
7650
|
xs: { fontSize: '12px' },
|
@@ -7658,27 +7658,27 @@ const [theme$1, refs, vars$t] = createHelperVars(
|
|
7658
7658
|
},
|
7659
7659
|
|
7660
7660
|
_focused: {
|
7661
|
-
outlineColor: globalRefs$
|
7661
|
+
outlineColor: globalRefs$g.colors.surface.main,
|
7662
7662
|
_invalid: {
|
7663
|
-
outlineColor: globalRefs$
|
7663
|
+
outlineColor: globalRefs$g.colors.error.main,
|
7664
7664
|
},
|
7665
7665
|
},
|
7666
7666
|
|
7667
7667
|
_bordered: {
|
7668
|
-
outlineWidth: globalRefs$
|
7669
|
-
borderColor: globalRefs$
|
7668
|
+
outlineWidth: globalRefs$g.border.xs,
|
7669
|
+
borderColor: globalRefs$g.colors.surface.main,
|
7670
7670
|
borderStyle: 'solid',
|
7671
7671
|
_invalid: {
|
7672
|
-
borderColor: globalRefs$
|
7672
|
+
borderColor: globalRefs$g.colors.error.main,
|
7673
7673
|
},
|
7674
7674
|
},
|
7675
7675
|
|
7676
7676
|
_disabled: {
|
7677
|
-
labelTextColor: globalRefs$
|
7678
|
-
borderColor: globalRefs$
|
7679
|
-
valueTextColor: globalRefs$
|
7680
|
-
placeholderTextColor: globalRefs$
|
7681
|
-
backgroundColor: globalRefs$
|
7677
|
+
labelTextColor: globalRefs$g.colors.surface.main,
|
7678
|
+
borderColor: globalRefs$g.colors.surface.main,
|
7679
|
+
valueTextColor: globalRefs$g.colors.surface.dark,
|
7680
|
+
placeholderTextColor: globalRefs$g.colors.surface.dark,
|
7681
|
+
backgroundColor: globalRefs$g.colors.surface.main,
|
7682
7682
|
},
|
7683
7683
|
},
|
7684
7684
|
componentName$3
|
@@ -7724,7 +7724,7 @@ var textField$1 = /*#__PURE__*/Object.freeze({
|
|
7724
7724
|
vars: vars$s
|
7725
7725
|
});
|
7726
7726
|
|
7727
|
-
const globalRefs$
|
7727
|
+
const globalRefs$f = getThemeRefs(globals);
|
7728
7728
|
const vars$r = PasswordClass.cssVarList;
|
7729
7729
|
|
7730
7730
|
const password = {
|
@@ -7748,7 +7748,7 @@ const password = {
|
|
7748
7748
|
[vars$r.inputOutlineStyle]: refs.outlineStyle,
|
7749
7749
|
[vars$r.inputOutlineColor]: refs.outlineColor,
|
7750
7750
|
[vars$r.inputOutlineOffset]: refs.outlineOffset,
|
7751
|
-
[vars$r.revealButtonOffset]: globalRefs$
|
7751
|
+
[vars$r.revealButtonOffset]: globalRefs$f.spacing.md,
|
7752
7752
|
[vars$r.revealButtonSize]: refs.toggleButtonSize,
|
7753
7753
|
};
|
7754
7754
|
|
@@ -7822,7 +7822,7 @@ var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
7822
7822
|
vars: vars$p
|
7823
7823
|
});
|
7824
7824
|
|
7825
|
-
const globalRefs$
|
7825
|
+
const globalRefs$e = getThemeRefs(globals);
|
7826
7826
|
const vars$o = TextAreaClass.cssVarList;
|
7827
7827
|
|
7828
7828
|
const textArea = {
|
@@ -7849,7 +7849,7 @@ const textArea = {
|
|
7849
7849
|
[vars$o.inputMinHeight]: '5em',
|
7850
7850
|
|
7851
7851
|
_disabled: {
|
7852
|
-
[vars$o.inputBackgroundColor]: globalRefs$
|
7852
|
+
[vars$o.inputBackgroundColor]: globalRefs$e.colors.surface.light,
|
7853
7853
|
},
|
7854
7854
|
|
7855
7855
|
_readonly: {
|
@@ -7906,7 +7906,7 @@ var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
7906
7906
|
const knobMargin = '2px';
|
7907
7907
|
const checkboxHeight = '1.25em';
|
7908
7908
|
|
7909
|
-
const globalRefs$
|
7909
|
+
const globalRefs$d = getThemeRefs(globals);
|
7910
7910
|
const vars$m = SwitchToggleClass.cssVarList;
|
7911
7911
|
|
7912
7912
|
const switchToggle = {
|
@@ -7924,7 +7924,7 @@ const switchToggle = {
|
|
7924
7924
|
[vars$m.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
7925
7925
|
[vars$m.trackBorderColor]: refs.borderColor,
|
7926
7926
|
[vars$m.trackBackgroundColor]: 'none',
|
7927
|
-
[vars$m.trackBorderRadius]: globalRefs$
|
7927
|
+
[vars$m.trackBorderRadius]: globalRefs$d.radius.md,
|
7928
7928
|
[vars$m.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
7929
7929
|
[vars$m.trackHeight]: checkboxHeight,
|
7930
7930
|
|
@@ -7951,19 +7951,19 @@ const switchToggle = {
|
|
7951
7951
|
},
|
7952
7952
|
|
7953
7953
|
_disabled: {
|
7954
|
-
[vars$m.knobColor]: globalRefs$
|
7955
|
-
[vars$m.trackBorderColor]: globalRefs$
|
7956
|
-
[vars$m.trackBackgroundColor]: globalRefs$
|
7954
|
+
[vars$m.knobColor]: globalRefs$d.colors.surface.light,
|
7955
|
+
[vars$m.trackBorderColor]: globalRefs$d.colors.surface.main,
|
7956
|
+
[vars$m.trackBackgroundColor]: globalRefs$d.colors.surface.main,
|
7957
7957
|
[vars$m.labelTextColor]: refs.labelTextColor,
|
7958
7958
|
_checked: {
|
7959
|
-
[vars$m.knobColor]: globalRefs$
|
7960
|
-
[vars$m.trackBackgroundColor]: globalRefs$
|
7959
|
+
[vars$m.knobColor]: globalRefs$d.colors.surface.light,
|
7960
|
+
[vars$m.trackBackgroundColor]: globalRefs$d.colors.surface.main,
|
7961
7961
|
},
|
7962
7962
|
},
|
7963
7963
|
|
7964
7964
|
_invalid: {
|
7965
|
-
[vars$m.trackBorderColor]: globalRefs$
|
7966
|
-
[vars$m.knobColor]: globalRefs$
|
7965
|
+
[vars$m.trackBorderColor]: globalRefs$d.colors.error.main,
|
7966
|
+
[vars$m.knobColor]: globalRefs$d.colors.error.main,
|
7967
7967
|
},
|
7968
7968
|
};
|
7969
7969
|
|
@@ -7973,7 +7973,7 @@ var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
7973
7973
|
vars: vars$m
|
7974
7974
|
});
|
7975
7975
|
|
7976
|
-
const globalRefs$
|
7976
|
+
const globalRefs$c = getThemeRefs(globals);
|
7977
7977
|
|
7978
7978
|
const compVars$3 = ContainerClass.cssVarList;
|
7979
7979
|
|
@@ -8005,8 +8005,8 @@ const container = {
|
|
8005
8005
|
|
8006
8006
|
[compVars$3.hostWidth]: '100%',
|
8007
8007
|
[compVars$3.boxShadow]: 'none',
|
8008
|
-
[compVars$3.backgroundColor]: globalRefs$
|
8009
|
-
[compVars$3.color]: globalRefs$
|
8008
|
+
[compVars$3.backgroundColor]: globalRefs$c.colors.surface.light,
|
8009
|
+
[compVars$3.color]: globalRefs$c.colors.surface.contrast,
|
8010
8010
|
[compVars$3.borderRadius]: '0px',
|
8011
8011
|
|
8012
8012
|
verticalPadding: {
|
@@ -8053,30 +8053,30 @@ const container = {
|
|
8053
8053
|
|
8054
8054
|
shadow: {
|
8055
8055
|
sm: {
|
8056
|
-
[compVars$3.boxShadow]: `${globalRefs$
|
8056
|
+
[compVars$3.boxShadow]: `${globalRefs$c.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$c.shadow.narrow.sm} ${shadowColor$1}`,
|
8057
8057
|
},
|
8058
8058
|
md: {
|
8059
|
-
[compVars$3.boxShadow]: `${globalRefs$
|
8059
|
+
[compVars$3.boxShadow]: `${globalRefs$c.shadow.wide.md} ${shadowColor$1}, ${globalRefs$c.shadow.narrow.md} ${shadowColor$1}`,
|
8060
8060
|
},
|
8061
8061
|
lg: {
|
8062
|
-
[compVars$3.boxShadow]: `${globalRefs$
|
8062
|
+
[compVars$3.boxShadow]: `${globalRefs$c.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$c.shadow.narrow.lg} ${shadowColor$1}`,
|
8063
8063
|
},
|
8064
8064
|
xl: {
|
8065
|
-
[compVars$3.boxShadow]: `${globalRefs$
|
8065
|
+
[compVars$3.boxShadow]: `${globalRefs$c.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$c.shadow.narrow.xl} ${shadowColor$1}`,
|
8066
8066
|
},
|
8067
8067
|
'2xl': {
|
8068
8068
|
[helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
8069
|
-
[compVars$3.boxShadow]: `${globalRefs$
|
8069
|
+
[compVars$3.boxShadow]: `${globalRefs$c.shadow.wide['2xl']} ${shadowColor$1}`,
|
8070
8070
|
},
|
8071
8071
|
},
|
8072
8072
|
|
8073
8073
|
borderRadius: {
|
8074
|
-
sm: { [compVars$3.borderRadius]: globalRefs$
|
8075
|
-
md: { [compVars$3.borderRadius]: globalRefs$
|
8076
|
-
lg: { [compVars$3.borderRadius]: globalRefs$
|
8077
|
-
xl: { [compVars$3.borderRadius]: globalRefs$
|
8078
|
-
'2xl': { [compVars$3.borderRadius]: globalRefs$
|
8079
|
-
'3xl': { [compVars$3.borderRadius]: globalRefs$
|
8074
|
+
sm: { [compVars$3.borderRadius]: globalRefs$c.radius.sm },
|
8075
|
+
md: { [compVars$3.borderRadius]: globalRefs$c.radius.md },
|
8076
|
+
lg: { [compVars$3.borderRadius]: globalRefs$c.radius.lg },
|
8077
|
+
xl: { [compVars$3.borderRadius]: globalRefs$c.radius.xl },
|
8078
|
+
'2xl': { [compVars$3.borderRadius]: globalRefs$c.radius['2xl'] },
|
8079
|
+
'3xl': { [compVars$3.borderRadius]: globalRefs$c.radius['3xl'] },
|
8080
8080
|
},
|
8081
8081
|
};
|
8082
8082
|
|
@@ -8115,64 +8115,64 @@ var totpImage = /*#__PURE__*/Object.freeze({
|
|
8115
8115
|
vars: vars$j
|
8116
8116
|
});
|
8117
8117
|
|
8118
|
-
const globalRefs$
|
8118
|
+
const globalRefs$b = getThemeRefs(globals);
|
8119
8119
|
const vars$i = TextClass.cssVarList;
|
8120
8120
|
|
8121
8121
|
const text = {
|
8122
|
-
[vars$i.hostDirection]: globalRefs$
|
8122
|
+
[vars$i.hostDirection]: globalRefs$b.direction,
|
8123
8123
|
[vars$i.textLineHeight]: '1.35em',
|
8124
8124
|
[vars$i.textAlign]: 'left',
|
8125
|
-
[vars$i.textColor]: globalRefs$
|
8125
|
+
[vars$i.textColor]: globalRefs$b.colors.surface.dark,
|
8126
8126
|
variant: {
|
8127
8127
|
h1: {
|
8128
|
-
[vars$i.fontSize]: globalRefs$
|
8129
|
-
[vars$i.fontWeight]: globalRefs$
|
8130
|
-
[vars$i.fontFamily]: globalRefs$
|
8128
|
+
[vars$i.fontSize]: globalRefs$b.typography.h1.size,
|
8129
|
+
[vars$i.fontWeight]: globalRefs$b.typography.h1.weight,
|
8130
|
+
[vars$i.fontFamily]: globalRefs$b.typography.h1.font,
|
8131
8131
|
},
|
8132
8132
|
h2: {
|
8133
|
-
[vars$i.fontSize]: globalRefs$
|
8134
|
-
[vars$i.fontWeight]: globalRefs$
|
8135
|
-
[vars$i.fontFamily]: globalRefs$
|
8133
|
+
[vars$i.fontSize]: globalRefs$b.typography.h2.size,
|
8134
|
+
[vars$i.fontWeight]: globalRefs$b.typography.h2.weight,
|
8135
|
+
[vars$i.fontFamily]: globalRefs$b.typography.h2.font,
|
8136
8136
|
},
|
8137
8137
|
h3: {
|
8138
|
-
[vars$i.fontSize]: globalRefs$
|
8139
|
-
[vars$i.fontWeight]: globalRefs$
|
8140
|
-
[vars$i.fontFamily]: globalRefs$
|
8138
|
+
[vars$i.fontSize]: globalRefs$b.typography.h3.size,
|
8139
|
+
[vars$i.fontWeight]: globalRefs$b.typography.h3.weight,
|
8140
|
+
[vars$i.fontFamily]: globalRefs$b.typography.h3.font,
|
8141
8141
|
},
|
8142
8142
|
subtitle1: {
|
8143
|
-
[vars$i.fontSize]: globalRefs$
|
8144
|
-
[vars$i.fontWeight]: globalRefs$
|
8145
|
-
[vars$i.fontFamily]: globalRefs$
|
8143
|
+
[vars$i.fontSize]: globalRefs$b.typography.subtitle1.size,
|
8144
|
+
[vars$i.fontWeight]: globalRefs$b.typography.subtitle1.weight,
|
8145
|
+
[vars$i.fontFamily]: globalRefs$b.typography.subtitle1.font,
|
8146
8146
|
},
|
8147
8147
|
subtitle2: {
|
8148
|
-
[vars$i.fontSize]: globalRefs$
|
8149
|
-
[vars$i.fontWeight]: globalRefs$
|
8150
|
-
[vars$i.fontFamily]: globalRefs$
|
8148
|
+
[vars$i.fontSize]: globalRefs$b.typography.subtitle2.size,
|
8149
|
+
[vars$i.fontWeight]: globalRefs$b.typography.subtitle2.weight,
|
8150
|
+
[vars$i.fontFamily]: globalRefs$b.typography.subtitle2.font,
|
8151
8151
|
},
|
8152
8152
|
body1: {
|
8153
|
-
[vars$i.fontSize]: globalRefs$
|
8154
|
-
[vars$i.fontWeight]: globalRefs$
|
8155
|
-
[vars$i.fontFamily]: globalRefs$
|
8153
|
+
[vars$i.fontSize]: globalRefs$b.typography.body1.size,
|
8154
|
+
[vars$i.fontWeight]: globalRefs$b.typography.body1.weight,
|
8155
|
+
[vars$i.fontFamily]: globalRefs$b.typography.body1.font,
|
8156
8156
|
},
|
8157
8157
|
body2: {
|
8158
|
-
[vars$i.fontSize]: globalRefs$
|
8159
|
-
[vars$i.fontWeight]: globalRefs$
|
8160
|
-
[vars$i.fontFamily]: globalRefs$
|
8158
|
+
[vars$i.fontSize]: globalRefs$b.typography.body2.size,
|
8159
|
+
[vars$i.fontWeight]: globalRefs$b.typography.body2.weight,
|
8160
|
+
[vars$i.fontFamily]: globalRefs$b.typography.body2.font,
|
8161
8161
|
},
|
8162
8162
|
},
|
8163
8163
|
|
8164
8164
|
mode: {
|
8165
8165
|
primary: {
|
8166
|
-
[vars$i.textColor]: globalRefs$
|
8166
|
+
[vars$i.textColor]: globalRefs$b.colors.primary.main,
|
8167
8167
|
},
|
8168
8168
|
secondary: {
|
8169
|
-
[vars$i.textColor]: globalRefs$
|
8169
|
+
[vars$i.textColor]: globalRefs$b.colors.secondary.main,
|
8170
8170
|
},
|
8171
8171
|
error: {
|
8172
|
-
[vars$i.textColor]: globalRefs$
|
8172
|
+
[vars$i.textColor]: globalRefs$b.colors.error.main,
|
8173
8173
|
},
|
8174
8174
|
success: {
|
8175
|
-
[vars$i.textColor]: globalRefs$
|
8175
|
+
[vars$i.textColor]: globalRefs$b.colors.success.main,
|
8176
8176
|
},
|
8177
8177
|
},
|
8178
8178
|
|
@@ -8205,14 +8205,14 @@ var text$1 = /*#__PURE__*/Object.freeze({
|
|
8205
8205
|
vars: vars$i
|
8206
8206
|
});
|
8207
8207
|
|
8208
|
-
const globalRefs$
|
8208
|
+
const globalRefs$a = getThemeRefs(globals);
|
8209
8209
|
const vars$h = LinkClass.cssVarList;
|
8210
8210
|
|
8211
8211
|
const link = {
|
8212
|
-
[vars$h.hostDirection]: globalRefs$
|
8212
|
+
[vars$h.hostDirection]: globalRefs$a.direction,
|
8213
8213
|
[vars$h.cursor]: 'pointer',
|
8214
8214
|
|
8215
|
-
[vars$h.textColor]: globalRefs$
|
8215
|
+
[vars$h.textColor]: globalRefs$a.colors.primary.main,
|
8216
8216
|
|
8217
8217
|
textAlign: {
|
8218
8218
|
right: { [vars$h.textAlign]: 'right' },
|
@@ -8226,16 +8226,16 @@ const link = {
|
|
8226
8226
|
|
8227
8227
|
mode: {
|
8228
8228
|
primary: {
|
8229
|
-
[vars$h.textColor]: globalRefs$
|
8229
|
+
[vars$h.textColor]: globalRefs$a.colors.primary.main,
|
8230
8230
|
},
|
8231
8231
|
secondary: {
|
8232
|
-
[vars$h.textColor]: globalRefs$
|
8232
|
+
[vars$h.textColor]: globalRefs$a.colors.secondary.main,
|
8233
8233
|
},
|
8234
8234
|
error: {
|
8235
|
-
[vars$h.textColor]: globalRefs$
|
8235
|
+
[vars$h.textColor]: globalRefs$a.colors.error.main,
|
8236
8236
|
},
|
8237
8237
|
success: {
|
8238
|
-
[vars$h.textColor]: globalRefs$
|
8238
|
+
[vars$h.textColor]: globalRefs$a.colors.success.main,
|
8239
8239
|
},
|
8240
8240
|
},
|
8241
8241
|
};
|
@@ -8246,7 +8246,7 @@ var link$1 = /*#__PURE__*/Object.freeze({
|
|
8246
8246
|
vars: vars$h
|
8247
8247
|
});
|
8248
8248
|
|
8249
|
-
const globalRefs$
|
8249
|
+
const globalRefs$9 = getThemeRefs(globals);
|
8250
8250
|
const compVars$2 = DividerClass.cssVarList;
|
8251
8251
|
|
8252
8252
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
@@ -8260,12 +8260,12 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
8260
8260
|
const divider = {
|
8261
8261
|
...helperTheme$1,
|
8262
8262
|
|
8263
|
-
[compVars$2.hostDirection]: globalRefs$
|
8263
|
+
[compVars$2.hostDirection]: globalRefs$9.direction,
|
8264
8264
|
[compVars$2.alignItems]: 'center',
|
8265
8265
|
[compVars$2.flexDirection]: 'row',
|
8266
8266
|
[compVars$2.alignSelf]: 'stretch',
|
8267
8267
|
[compVars$2.hostWidth]: '100%',
|
8268
|
-
[compVars$2.stripeColor]: globalRefs$
|
8268
|
+
[compVars$2.stripeColor]: globalRefs$9.colors.surface.main,
|
8269
8269
|
[compVars$2.stripeColorOpacity]: '0.5',
|
8270
8270
|
[compVars$2.stripeHorizontalThickness]: helperRefs$1.thickness,
|
8271
8271
|
[compVars$2.labelTextWidth]: 'fit-content',
|
@@ -8326,17 +8326,17 @@ var passcode$1 = /*#__PURE__*/Object.freeze({
|
|
8326
8326
|
vars: vars$f
|
8327
8327
|
});
|
8328
8328
|
|
8329
|
-
const globalRefs$
|
8329
|
+
const globalRefs$8 = getThemeRefs(globals);
|
8330
8330
|
const vars$e = LoaderLinearClass.cssVarList;
|
8331
8331
|
|
8332
8332
|
const loaderLinear = {
|
8333
8333
|
[vars$e.hostDisplay]: 'inline-block',
|
8334
8334
|
[vars$e.hostWidth]: '100%',
|
8335
8335
|
|
8336
|
-
[vars$e.barColor]: globalRefs$
|
8336
|
+
[vars$e.barColor]: globalRefs$8.colors.surface.contrast,
|
8337
8337
|
[vars$e.barWidth]: '20%',
|
8338
8338
|
|
8339
|
-
[vars$e.barBackgroundColor]: globalRefs$
|
8339
|
+
[vars$e.barBackgroundColor]: globalRefs$8.colors.surface.main,
|
8340
8340
|
[vars$e.barBorderRadius]: '4px',
|
8341
8341
|
|
8342
8342
|
[vars$e.animationDuration]: '2s',
|
@@ -8353,10 +8353,10 @@ const loaderLinear = {
|
|
8353
8353
|
|
8354
8354
|
mode: {
|
8355
8355
|
primary: {
|
8356
|
-
[vars$e.barColor]: globalRefs$
|
8356
|
+
[vars$e.barColor]: globalRefs$8.colors.primary.main,
|
8357
8357
|
},
|
8358
8358
|
secondary: {
|
8359
|
-
[vars$e.barColor]: globalRefs$
|
8359
|
+
[vars$e.barColor]: globalRefs$8.colors.secondary.main,
|
8360
8360
|
},
|
8361
8361
|
},
|
8362
8362
|
|
@@ -8371,18 +8371,18 @@ var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
|
8371
8371
|
vars: vars$e
|
8372
8372
|
});
|
8373
8373
|
|
8374
|
-
const globalRefs$
|
8374
|
+
const globalRefs$7 = getThemeRefs(globals);
|
8375
8375
|
const compVars$1 = LoaderRadialClass.cssVarList;
|
8376
8376
|
|
8377
8377
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
8378
8378
|
{
|
8379
|
-
spinnerColor: globalRefs$
|
8379
|
+
spinnerColor: globalRefs$7.colors.surface.contrast,
|
8380
8380
|
mode: {
|
8381
8381
|
primary: {
|
8382
|
-
spinnerColor: globalRefs$
|
8382
|
+
spinnerColor: globalRefs$7.colors.primary.main,
|
8383
8383
|
},
|
8384
8384
|
secondary: {
|
8385
|
-
spinnerColor: globalRefs$
|
8385
|
+
spinnerColor: globalRefs$7.colors.secondary.main,
|
8386
8386
|
},
|
8387
8387
|
},
|
8388
8388
|
},
|
@@ -8426,7 +8426,7 @@ var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
|
8426
8426
|
vars: vars$d
|
8427
8427
|
});
|
8428
8428
|
|
8429
|
-
const globalRefs$
|
8429
|
+
const globalRefs$6 = getThemeRefs(globals);
|
8430
8430
|
const vars$c = ComboBoxClass.cssVarList;
|
8431
8431
|
|
8432
8432
|
const comboBox = {
|
@@ -8450,12 +8450,12 @@ const comboBox = {
|
|
8450
8450
|
[vars$c.inputBackgroundColor]: refs.backgroundColor,
|
8451
8451
|
[vars$c.inputHorizontalPadding]: refs.horizontalPadding,
|
8452
8452
|
[vars$c.inputHeight]: refs.inputHeight,
|
8453
|
-
[vars$c.inputDropdownButtonColor]: globalRefs$
|
8453
|
+
[vars$c.inputDropdownButtonColor]: globalRefs$6.colors.surface.contrast,
|
8454
8454
|
[vars$c.inputDropdownButtonCursor]: 'pointer',
|
8455
8455
|
[vars$c.inputDropdownButtonSize]: refs.toggleButtonSize,
|
8456
|
-
[vars$c.inputDropdownButtonOffset]: globalRefs$
|
8457
|
-
[vars$c.overlayItemPaddingInlineStart]: globalRefs$
|
8458
|
-
[vars$c.overlayItemPaddingInlineEnd]: globalRefs$
|
8456
|
+
[vars$c.inputDropdownButtonOffset]: globalRefs$6.spacing.xs,
|
8457
|
+
[vars$c.overlayItemPaddingInlineStart]: globalRefs$6.spacing.xs,
|
8458
|
+
[vars$c.overlayItemPaddingInlineEnd]: globalRefs$6.spacing.lg,
|
8459
8459
|
|
8460
8460
|
_readonly: {
|
8461
8461
|
[vars$c.inputDropdownButtonCursor]: 'default',
|
@@ -8648,26 +8648,26 @@ var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
|
8648
8648
|
vars: vars$7
|
8649
8649
|
});
|
8650
8650
|
|
8651
|
-
const globalRefs$
|
8651
|
+
const globalRefs$5 = getThemeRefs(globals);
|
8652
8652
|
|
8653
8653
|
const vars$6 = ButtonSelectionGroupItemClass.cssVarList;
|
8654
8654
|
|
8655
8655
|
const buttonSelectionGroupItem = {
|
8656
8656
|
[vars$6.hostDirection]: 'inherit',
|
8657
|
-
[vars$6.backgroundColor]: globalRefs$
|
8658
|
-
[vars$6.labelTextColor]: globalRefs$
|
8659
|
-
[vars$6.borderColor]: globalRefs$
|
8657
|
+
[vars$6.backgroundColor]: globalRefs$5.colors.surface.light,
|
8658
|
+
[vars$6.labelTextColor]: globalRefs$5.colors.surface.contrast,
|
8659
|
+
[vars$6.borderColor]: globalRefs$5.colors.surface.main,
|
8660
8660
|
[vars$6.borderStyle]: 'solid',
|
8661
|
-
[vars$6.borderRadius]: globalRefs$
|
8661
|
+
[vars$6.borderRadius]: globalRefs$5.radius.sm,
|
8662
8662
|
|
8663
8663
|
_hover: {
|
8664
8664
|
[vars$6.backgroundColor]: '#f4f5f5', // can we take it from the palette?
|
8665
8665
|
},
|
8666
8666
|
|
8667
8667
|
_selected: {
|
8668
|
-
[vars$6.borderColor]: globalRefs$
|
8669
|
-
[vars$6.backgroundColor]: globalRefs$
|
8670
|
-
[vars$6.labelTextColor]: globalRefs$
|
8668
|
+
[vars$6.borderColor]: globalRefs$5.colors.surface.contrast,
|
8669
|
+
[vars$6.backgroundColor]: globalRefs$5.colors.surface.contrast,
|
8670
|
+
[vars$6.labelTextColor]: globalRefs$5.colors.surface.light,
|
8671
8671
|
},
|
8672
8672
|
};
|
8673
8673
|
|
@@ -8677,7 +8677,7 @@ var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
|
8677
8677
|
vars: vars$6
|
8678
8678
|
});
|
8679
8679
|
|
8680
|
-
const globalRefs$
|
8680
|
+
const globalRefs$4 = getThemeRefs(globals);
|
8681
8681
|
const vars$5 = ButtonSelectionGroupClass.cssVarList;
|
8682
8682
|
|
8683
8683
|
const buttonSelectionGroup = {
|
@@ -8686,7 +8686,7 @@ const buttonSelectionGroup = {
|
|
8686
8686
|
[vars$5.labelTextColor]: refs.labelTextColor,
|
8687
8687
|
[vars$5.labelRequiredIndicator]: refs.requiredIndicator,
|
8688
8688
|
[vars$5.errorMessageTextColor]: refs.errorMessageTextColor,
|
8689
|
-
[vars$5.itemsSpacing]: globalRefs$
|
8689
|
+
[vars$5.itemsSpacing]: globalRefs$4.spacing.sm,
|
8690
8690
|
[vars$5.hostWidth]: refs.width,
|
8691
8691
|
};
|
8692
8692
|
|
@@ -8774,7 +8774,10 @@ const ModalClass = compose(
|
|
8774
8774
|
property: 'display',
|
8775
8775
|
important: true,
|
8776
8776
|
},
|
8777
|
-
backgroundColor:
|
8777
|
+
backgroundColor: [
|
8778
|
+
{ selector: () => '::part(content)', property: 'background-color' },
|
8779
|
+
{ selector: () => '::part(overlay)', property: 'background-color' },
|
8780
|
+
],
|
8778
8781
|
width: { selector: () => '::part(overlay)', property: 'width' },
|
8779
8782
|
shadow: { selector: () => '::part(overlay)', property: 'box-shadow' },
|
8780
8783
|
},
|
@@ -8796,9 +8799,12 @@ const ModalClass = compose(
|
|
8796
8799
|
})
|
8797
8800
|
);
|
8798
8801
|
|
8802
|
+
const globalRefs$3 = getThemeRefs(globals);
|
8803
|
+
|
8799
8804
|
const compVars = ModalClass.cssVarList;
|
8800
8805
|
|
8801
8806
|
const modal = {
|
8807
|
+
[compVars.overlayBackgroundColor]: globalRefs$3.colors.surface.light,
|
8802
8808
|
[compVars.overlayShadow]: 'none',
|
8803
8809
|
[compVars.overlayWidth]: '700px',
|
8804
8810
|
};
|