@descope/web-components-ui 1.0.122 → 1.0.123
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +105 -109
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +105 -109
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/201.js +1 -1
- package/dist/umd/descope-phone-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-phone-field/PhoneFieldClass.js +3 -1
- package/src/helpers/themeHelpers/resetHelpers.js +7 -0
- package/src/theme/components/comboBox.js +0 -4
- package/src/theme/components/inputWrapper.js +2 -7
- package/src/theme/components/passcode.js +2 -6
package/dist/index.esm.js
CHANGED
@@ -1353,6 +1353,7 @@ const resetInputOverrides = (name, cssVarList) => `
|
|
1353
1353
|
${resetInputPlaceholder(name)}
|
1354
1354
|
${resetInputField(name)}
|
1355
1355
|
${resetInputAutoFill(name, cssVarList)}
|
1356
|
+
${resetInputFieldInvalidBackgroundColor(name)}
|
1356
1357
|
|
1357
1358
|
${name}::before {
|
1358
1359
|
height: unset;
|
@@ -1425,6 +1426,12 @@ const resetInputReadonlyStyle = (name) => `
|
|
1425
1426
|
}
|
1426
1427
|
`;
|
1427
1428
|
|
1429
|
+
const resetInputFieldInvalidBackgroundColor = (name) => `
|
1430
|
+
${name}::part(input-field)::after {
|
1431
|
+
background: none;
|
1432
|
+
}
|
1433
|
+
`;
|
1434
|
+
|
1428
1435
|
var commonStyles = `
|
1429
1436
|
:host {
|
1430
1437
|
display: inline-flex;
|
@@ -4840,6 +4847,8 @@ const PhoneFieldClass = compose(
|
|
4840
4847
|
|
4841
4848
|
${resetInputFieldDefaultWidth()}
|
4842
4849
|
${resetInputCursor('vaadin-text-field')}
|
4850
|
+
${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}
|
4851
|
+
|
4843
4852
|
`,
|
4844
4853
|
excludeAttrsSync: ['tabindex'],
|
4845
4854
|
componentName: componentName$3
|
@@ -5513,15 +5522,15 @@ const globals = {
|
|
5513
5522
|
};
|
5514
5523
|
const vars$m = getThemeVars(globals);
|
5515
5524
|
|
5516
|
-
const globalRefs$
|
5525
|
+
const globalRefs$b = getThemeRefs(globals);
|
5517
5526
|
const compVars$2 = ButtonClass.cssVarList;
|
5518
5527
|
|
5519
5528
|
const mode = {
|
5520
|
-
primary: globalRefs$
|
5521
|
-
secondary: globalRefs$
|
5522
|
-
success: globalRefs$
|
5523
|
-
error: globalRefs$
|
5524
|
-
surface: globalRefs$
|
5529
|
+
primary: globalRefs$b.colors.primary,
|
5530
|
+
secondary: globalRefs$b.colors.secondary,
|
5531
|
+
success: globalRefs$b.colors.success,
|
5532
|
+
error: globalRefs$b.colors.error,
|
5533
|
+
surface: globalRefs$b.colors.surface
|
5525
5534
|
};
|
5526
5535
|
|
5527
5536
|
const [helperTheme$3, helperRefs$3, helperVars$2] = createHelperVars({ mode }, componentName$o);
|
@@ -5532,11 +5541,11 @@ const horizontalPaddingRatio = 2;
|
|
5532
5541
|
const button = {
|
5533
5542
|
...helperTheme$3,
|
5534
5543
|
|
5535
|
-
[compVars$2.fontFamily]: globalRefs$
|
5544
|
+
[compVars$2.fontFamily]: globalRefs$b.fonts.font1.family,
|
5536
5545
|
|
5537
5546
|
[compVars$2.cursor]: 'pointer',
|
5538
5547
|
|
5539
|
-
[compVars$2.borderRadius]: globalRefs$
|
5548
|
+
[compVars$2.borderRadius]: globalRefs$b.radius.sm,
|
5540
5549
|
[compVars$2.borderWidth]: '2px',
|
5541
5550
|
[compVars$2.borderStyle]: 'solid',
|
5542
5551
|
[compVars$2.borderColor]: 'transparent',
|
@@ -5619,28 +5628,28 @@ var button$1 = /*#__PURE__*/Object.freeze({
|
|
5619
5628
|
});
|
5620
5629
|
|
5621
5630
|
const componentName = getComponentName('input-wrapper');
|
5622
|
-
const globalRefs$
|
5631
|
+
const globalRefs$a = getThemeRefs(globals);
|
5623
5632
|
|
5624
5633
|
const [theme$1, refs, vars$k] = createHelperVars({
|
5625
|
-
labelTextColor: globalRefs$
|
5626
|
-
valueTextColor: globalRefs$
|
5627
|
-
placeholderTextColor: globalRefs$
|
5634
|
+
labelTextColor: globalRefs$a.colors.surface.contrast,
|
5635
|
+
valueTextColor: globalRefs$a.colors.surface.contrast,
|
5636
|
+
placeholderTextColor: globalRefs$a.colors.surface.main,
|
5628
5637
|
requiredIndicator: "'*'",
|
5629
5638
|
|
5630
|
-
borderWidth: globalRefs$
|
5631
|
-
borderRadius: globalRefs$
|
5639
|
+
borderWidth: globalRefs$a.border.xs,
|
5640
|
+
borderRadius: globalRefs$a.radius.xs,
|
5632
5641
|
borderColor: 'transparent',
|
5633
5642
|
|
5634
|
-
outlineWidth: globalRefs$
|
5643
|
+
outlineWidth: globalRefs$a.border.sm,
|
5635
5644
|
outlineStyle: 'solid',
|
5636
5645
|
outlineColor: 'transparent',
|
5637
5646
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
5638
5647
|
|
5639
5648
|
inputHeight: '2em',
|
5640
5649
|
|
5641
|
-
backgroundColor: globalRefs$
|
5650
|
+
backgroundColor: globalRefs$a.colors.surface.light,
|
5642
5651
|
|
5643
|
-
fontFamily: globalRefs$
|
5652
|
+
fontFamily: globalRefs$a.fonts.font1.family,
|
5644
5653
|
|
5645
5654
|
size: {
|
5646
5655
|
xs: { fontSize: '8px' },
|
@@ -5655,31 +5664,26 @@ const [theme$1, refs, vars$k] = createHelperVars({
|
|
5655
5664
|
},
|
5656
5665
|
|
5657
5666
|
_focused: {
|
5658
|
-
outlineColor: globalRefs$
|
5667
|
+
outlineColor: globalRefs$a.colors.surface.main,
|
5659
5668
|
_invalid: {
|
5660
|
-
outlineColor: globalRefs$
|
5669
|
+
outlineColor: globalRefs$a.colors.error.main,
|
5661
5670
|
}
|
5662
5671
|
},
|
5663
5672
|
|
5664
5673
|
_bordered: {
|
5665
|
-
|
5674
|
+
outlineWidth: globalRefs$a.border.xs,
|
5675
|
+
borderColor: globalRefs$a.colors.surface.main,
|
5666
5676
|
borderStyle: 'solid',
|
5667
5677
|
_invalid: {
|
5668
|
-
borderColor: globalRefs$
|
5678
|
+
borderColor: globalRefs$a.colors.error.main,
|
5669
5679
|
}
|
5670
5680
|
},
|
5671
5681
|
|
5672
5682
|
_disabled: {
|
5673
|
-
labelTextColor: globalRefs$
|
5674
|
-
valueTextColor: globalRefs$
|
5675
|
-
placeholderTextColor: globalRefs$
|
5676
|
-
backgroundColor: globalRefs$
|
5677
|
-
},
|
5678
|
-
|
5679
|
-
_invalid: {
|
5680
|
-
labelTextColor: globalRefs$b.colors.error.main,
|
5681
|
-
valueTextColor: globalRefs$b.colors.error.main,
|
5682
|
-
placeholderTextColor: globalRefs$b.colors.error.light,
|
5683
|
+
labelTextColor: globalRefs$a.colors.surface.main,
|
5684
|
+
valueTextColor: globalRefs$a.colors.surface.dark,
|
5685
|
+
placeholderTextColor: globalRefs$a.colors.surface.dark,
|
5686
|
+
backgroundColor: globalRefs$a.colors.surface.main
|
5683
5687
|
}
|
5684
5688
|
}, componentName);
|
5685
5689
|
|
@@ -5803,7 +5807,7 @@ var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
5803
5807
|
vars: vars$g
|
5804
5808
|
});
|
5805
5809
|
|
5806
|
-
const globalRefs$
|
5810
|
+
const globalRefs$9 = getThemeRefs(globals);
|
5807
5811
|
const vars$f = TextAreaClass.cssVarList;
|
5808
5812
|
|
5809
5813
|
const textArea = {
|
@@ -5826,7 +5830,7 @@ const textArea = {
|
|
5826
5830
|
[vars$f.inputResizeType]: 'vertical',
|
5827
5831
|
|
5828
5832
|
_disabled: {
|
5829
|
-
[vars$f.inputBackgroundColor]: globalRefs$
|
5833
|
+
[vars$f.inputBackgroundColor]: globalRefs$9.colors.surface.light,
|
5830
5834
|
},
|
5831
5835
|
|
5832
5836
|
_readonly: {
|
@@ -5840,7 +5844,7 @@ var textArea$1 = /*#__PURE__*/Object.freeze({
|
|
5840
5844
|
vars: vars$f
|
5841
5845
|
});
|
5842
5846
|
|
5843
|
-
const globalRefs$
|
5847
|
+
const globalRefs$8 = getThemeRefs(globals);
|
5844
5848
|
const vars$e = CheckboxClass.cssVarList;
|
5845
5849
|
|
5846
5850
|
const checkbox = {
|
@@ -5856,16 +5860,16 @@ const checkbox = {
|
|
5856
5860
|
[vars$e.inputOutlineColor]: refs.outlineColor,
|
5857
5861
|
[vars$e.inputOutlineStyle]: refs.outlineStyle,
|
5858
5862
|
[vars$e.inputBorderRadius]: refs.borderRadius,
|
5859
|
-
[vars$e.inputBackgroundColor]: globalRefs$
|
5863
|
+
[vars$e.inputBackgroundColor]: globalRefs$8.colors.surface.main,
|
5860
5864
|
[vars$e.inputSize]: '2em',
|
5861
5865
|
|
5862
5866
|
_checked: {
|
5863
|
-
[vars$e.inputBackgroundColor]: globalRefs$
|
5864
|
-
[vars$e.inputValueTextColor]: globalRefs$
|
5867
|
+
[vars$e.inputBackgroundColor]: globalRefs$8.colors.primary.main,
|
5868
|
+
[vars$e.inputValueTextColor]: globalRefs$8.colors.primary.contrast,
|
5865
5869
|
},
|
5866
5870
|
|
5867
5871
|
_disabled: {
|
5868
|
-
[vars$e.inputBackgroundColor]: globalRefs$
|
5872
|
+
[vars$e.inputBackgroundColor]: globalRefs$8.colors.surface.main,
|
5869
5873
|
},
|
5870
5874
|
};
|
5871
5875
|
|
@@ -5878,7 +5882,7 @@ var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
5878
5882
|
const knobMargin = '2px';
|
5879
5883
|
const checkboxHeight = '1.25em';
|
5880
5884
|
|
5881
|
-
const globalRefs$
|
5885
|
+
const globalRefs$7 = getThemeRefs(globals);
|
5882
5886
|
const vars$d = SwitchToggleClass.cssVarList;
|
5883
5887
|
|
5884
5888
|
const switchToggle = {
|
@@ -5892,9 +5896,9 @@ const switchToggle = {
|
|
5892
5896
|
|
5893
5897
|
[vars$d.trackBorderStyle]: refs.borderStyle,
|
5894
5898
|
[vars$d.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
5895
|
-
[vars$d.trackBorderColor]: globalRefs$
|
5899
|
+
[vars$d.trackBorderColor]: globalRefs$7.colors.surface.contrast,
|
5896
5900
|
[vars$d.trackBackgroundColor]: 'none',
|
5897
|
-
[vars$d.trackBorderRadius]: globalRefs$
|
5901
|
+
[vars$d.trackBorderRadius]: globalRefs$7.radius.md,
|
5898
5902
|
[vars$d.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
5899
5903
|
[vars$d.trackHeight]: checkboxHeight,
|
5900
5904
|
|
@@ -5914,21 +5918,21 @@ const switchToggle = {
|
|
5914
5918
|
[vars$d.hostWidth]: refs.width,
|
5915
5919
|
|
5916
5920
|
_checked: {
|
5917
|
-
[vars$d.trackBorderColor]: globalRefs$
|
5921
|
+
[vars$d.trackBorderColor]: globalRefs$7.colors.primary.main,
|
5918
5922
|
[vars$d.knobLeftOffset]: `calc(100% - var(${vars$d.knobSize}) - ${knobMargin})`,
|
5919
|
-
[vars$d.knobColor]: globalRefs$
|
5923
|
+
[vars$d.knobColor]: globalRefs$7.colors.primary.main,
|
5920
5924
|
[vars$d.knobTextColor]: refs.valueTextColor,
|
5921
5925
|
},
|
5922
5926
|
|
5923
5927
|
_disabled: {
|
5924
|
-
[vars$d.knobColor]: globalRefs$
|
5925
|
-
[vars$d.trackBorderColor]: globalRefs$
|
5926
|
-
[vars$d.trackBackgroundColor]: globalRefs$
|
5928
|
+
[vars$d.knobColor]: globalRefs$7.colors.surface.main,
|
5929
|
+
[vars$d.trackBorderColor]: globalRefs$7.colors.surface.main,
|
5930
|
+
[vars$d.trackBackgroundColor]: globalRefs$7.colors.surface.light,
|
5927
5931
|
},
|
5928
5932
|
|
5929
5933
|
_invalid: {
|
5930
|
-
[vars$d.trackBorderColor]: globalRefs$
|
5931
|
-
[vars$d.knobColor]: globalRefs$
|
5934
|
+
[vars$d.trackBorderColor]: globalRefs$7.colors.error.main,
|
5935
|
+
[vars$d.knobColor]: globalRefs$7.colors.error.main,
|
5932
5936
|
},
|
5933
5937
|
};
|
5934
5938
|
|
@@ -5938,7 +5942,7 @@ var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
5938
5942
|
vars: vars$d
|
5939
5943
|
});
|
5940
5944
|
|
5941
|
-
const globalRefs$
|
5945
|
+
const globalRefs$6 = getThemeRefs(globals);
|
5942
5946
|
|
5943
5947
|
const compVars$1 = ContainerClass.cssVarList;
|
5944
5948
|
|
@@ -5968,8 +5972,8 @@ const container = {
|
|
5968
5972
|
|
5969
5973
|
[compVars$1.hostWidth]: '100%',
|
5970
5974
|
[compVars$1.boxShadow]: 'none',
|
5971
|
-
[compVars$1.backgroundColor]: globalRefs$
|
5972
|
-
[compVars$1.color]: globalRefs$
|
5975
|
+
[compVars$1.backgroundColor]: globalRefs$6.colors.surface.light,
|
5976
|
+
[compVars$1.color]: globalRefs$6.colors.surface.contrast,
|
5973
5977
|
|
5974
5978
|
verticalPadding: {
|
5975
5979
|
sm: { [compVars$1.verticalPadding]: '5px' },
|
@@ -6014,23 +6018,23 @@ const container = {
|
|
6014
6018
|
},
|
6015
6019
|
|
6016
6020
|
shadow: {
|
6017
|
-
sm: { [compVars$1.boxShadow]: `${globalRefs$
|
6018
|
-
md: { [compVars$1.boxShadow]: `${globalRefs$
|
6019
|
-
lg: { [compVars$1.boxShadow]: `${globalRefs$
|
6020
|
-
xl: { [compVars$1.boxShadow]: `${globalRefs$
|
6021
|
+
sm: { [compVars$1.boxShadow]: `${globalRefs$6.shadow.wide.sm} ${shadowColor}, ${globalRefs$6.shadow.narrow.sm} ${shadowColor}` },
|
6022
|
+
md: { [compVars$1.boxShadow]: `${globalRefs$6.shadow.wide.md} ${shadowColor}, ${globalRefs$6.shadow.narrow.md} ${shadowColor}` },
|
6023
|
+
lg: { [compVars$1.boxShadow]: `${globalRefs$6.shadow.wide.lg} ${shadowColor}, ${globalRefs$6.shadow.narrow.lg} ${shadowColor}` },
|
6024
|
+
xl: { [compVars$1.boxShadow]: `${globalRefs$6.shadow.wide.xl} ${shadowColor}, ${globalRefs$6.shadow.narrow.xl} ${shadowColor}` },
|
6021
6025
|
'2xl': {
|
6022
6026
|
[helperVars$1.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
6023
|
-
[compVars$1.boxShadow]: `${globalRefs$
|
6027
|
+
[compVars$1.boxShadow]: `${globalRefs$6.shadow.wide['2xl']} ${shadowColor}`
|
6024
6028
|
},
|
6025
6029
|
},
|
6026
6030
|
|
6027
6031
|
borderRadius: {
|
6028
|
-
sm: { [compVars$1.borderRadius]: globalRefs$
|
6029
|
-
md: { [compVars$1.borderRadius]: globalRefs$
|
6030
|
-
lg: { [compVars$1.borderRadius]: globalRefs$
|
6031
|
-
xl: { [compVars$1.borderRadius]: globalRefs$
|
6032
|
-
'2xl': { [compVars$1.borderRadius]: globalRefs$
|
6033
|
-
'3xl': { [compVars$1.borderRadius]: globalRefs$
|
6032
|
+
sm: { [compVars$1.borderRadius]: globalRefs$6.radius.sm },
|
6033
|
+
md: { [compVars$1.borderRadius]: globalRefs$6.radius.md },
|
6034
|
+
lg: { [compVars$1.borderRadius]: globalRefs$6.radius.lg },
|
6035
|
+
xl: { [compVars$1.borderRadius]: globalRefs$6.radius.xl },
|
6036
|
+
'2xl': { [compVars$1.borderRadius]: globalRefs$6.radius['2xl'] },
|
6037
|
+
'3xl': { [compVars$1.borderRadius]: globalRefs$6.radius['3xl'] },
|
6034
6038
|
}
|
6035
6039
|
};
|
6036
6040
|
|
@@ -6057,63 +6061,63 @@ var logo$1 = /*#__PURE__*/Object.freeze({
|
|
6057
6061
|
vars: vars$b
|
6058
6062
|
});
|
6059
6063
|
|
6060
|
-
const globalRefs$
|
6064
|
+
const globalRefs$5 = getThemeRefs(globals);
|
6061
6065
|
const vars$a = TextClass.cssVarList;
|
6062
6066
|
|
6063
6067
|
const text = {
|
6064
6068
|
[vars$a.textLineHeight]: '1em',
|
6065
6069
|
[vars$a.textAlign]: 'left',
|
6066
|
-
[vars$a.textColor]: globalRefs$
|
6070
|
+
[vars$a.textColor]: globalRefs$5.colors.surface.dark,
|
6067
6071
|
variant: {
|
6068
6072
|
h1: {
|
6069
|
-
[vars$a.fontSize]: globalRefs$
|
6070
|
-
[vars$a.fontWeight]: globalRefs$
|
6071
|
-
[vars$a.fontFamily]: globalRefs$
|
6073
|
+
[vars$a.fontSize]: globalRefs$5.typography.h1.size,
|
6074
|
+
[vars$a.fontWeight]: globalRefs$5.typography.h1.weight,
|
6075
|
+
[vars$a.fontFamily]: globalRefs$5.typography.h1.font
|
6072
6076
|
},
|
6073
6077
|
h2: {
|
6074
|
-
[vars$a.fontSize]: globalRefs$
|
6075
|
-
[vars$a.fontWeight]: globalRefs$
|
6076
|
-
[vars$a.fontFamily]: globalRefs$
|
6078
|
+
[vars$a.fontSize]: globalRefs$5.typography.h2.size,
|
6079
|
+
[vars$a.fontWeight]: globalRefs$5.typography.h2.weight,
|
6080
|
+
[vars$a.fontFamily]: globalRefs$5.typography.h2.font
|
6077
6081
|
},
|
6078
6082
|
h3: {
|
6079
|
-
[vars$a.fontSize]: globalRefs$
|
6080
|
-
[vars$a.fontWeight]: globalRefs$
|
6081
|
-
[vars$a.fontFamily]: globalRefs$
|
6083
|
+
[vars$a.fontSize]: globalRefs$5.typography.h3.size,
|
6084
|
+
[vars$a.fontWeight]: globalRefs$5.typography.h3.weight,
|
6085
|
+
[vars$a.fontFamily]: globalRefs$5.typography.h3.font
|
6082
6086
|
},
|
6083
6087
|
subtitle1: {
|
6084
|
-
[vars$a.fontSize]: globalRefs$
|
6085
|
-
[vars$a.fontWeight]: globalRefs$
|
6086
|
-
[vars$a.fontFamily]: globalRefs$
|
6088
|
+
[vars$a.fontSize]: globalRefs$5.typography.subtitle1.size,
|
6089
|
+
[vars$a.fontWeight]: globalRefs$5.typography.subtitle1.weight,
|
6090
|
+
[vars$a.fontFamily]: globalRefs$5.typography.subtitle1.font
|
6087
6091
|
},
|
6088
6092
|
subtitle2: {
|
6089
|
-
[vars$a.fontSize]: globalRefs$
|
6090
|
-
[vars$a.fontWeight]: globalRefs$
|
6091
|
-
[vars$a.fontFamily]: globalRefs$
|
6093
|
+
[vars$a.fontSize]: globalRefs$5.typography.subtitle2.size,
|
6094
|
+
[vars$a.fontWeight]: globalRefs$5.typography.subtitle2.weight,
|
6095
|
+
[vars$a.fontFamily]: globalRefs$5.typography.subtitle2.font
|
6092
6096
|
},
|
6093
6097
|
body1: {
|
6094
|
-
[vars$a.fontSize]: globalRefs$
|
6095
|
-
[vars$a.fontWeight]: globalRefs$
|
6096
|
-
[vars$a.fontFamily]: globalRefs$
|
6098
|
+
[vars$a.fontSize]: globalRefs$5.typography.body1.size,
|
6099
|
+
[vars$a.fontWeight]: globalRefs$5.typography.body1.weight,
|
6100
|
+
[vars$a.fontFamily]: globalRefs$5.typography.body1.font
|
6097
6101
|
},
|
6098
6102
|
body2: {
|
6099
|
-
[vars$a.fontSize]: globalRefs$
|
6100
|
-
[vars$a.fontWeight]: globalRefs$
|
6101
|
-
[vars$a.fontFamily]: globalRefs$
|
6103
|
+
[vars$a.fontSize]: globalRefs$5.typography.body2.size,
|
6104
|
+
[vars$a.fontWeight]: globalRefs$5.typography.body2.weight,
|
6105
|
+
[vars$a.fontFamily]: globalRefs$5.typography.body2.font
|
6102
6106
|
}
|
6103
6107
|
},
|
6104
6108
|
|
6105
6109
|
mode: {
|
6106
6110
|
primary: {
|
6107
|
-
[vars$a.textColor]: globalRefs$
|
6111
|
+
[vars$a.textColor]: globalRefs$5.colors.primary.main
|
6108
6112
|
},
|
6109
6113
|
secondary: {
|
6110
|
-
[vars$a.textColor]: globalRefs$
|
6114
|
+
[vars$a.textColor]: globalRefs$5.colors.secondary.main
|
6111
6115
|
},
|
6112
6116
|
error: {
|
6113
|
-
[vars$a.textColor]: globalRefs$
|
6117
|
+
[vars$a.textColor]: globalRefs$5.colors.error.main
|
6114
6118
|
},
|
6115
6119
|
success: {
|
6116
|
-
[vars$a.textColor]: globalRefs$
|
6120
|
+
[vars$a.textColor]: globalRefs$5.colors.success.main
|
6117
6121
|
}
|
6118
6122
|
},
|
6119
6123
|
|
@@ -6146,7 +6150,7 @@ var text$1 = /*#__PURE__*/Object.freeze({
|
|
6146
6150
|
vars: vars$a
|
6147
6151
|
});
|
6148
6152
|
|
6149
|
-
const globalRefs$
|
6153
|
+
const globalRefs$4 = getThemeRefs(globals);
|
6150
6154
|
const vars$9 = LinkClass.cssVarList;
|
6151
6155
|
|
6152
6156
|
const link = {
|
@@ -6155,10 +6159,10 @@ const link = {
|
|
6155
6159
|
[vars$9.textUnderlineWidth]: '2px',
|
6156
6160
|
[vars$9.textUnderlineStyle]: 'solid',
|
6157
6161
|
[vars$9.textUnderlineColor]: 'transparent',
|
6158
|
-
[vars$9.textColor]: globalRefs$
|
6162
|
+
[vars$9.textColor]: globalRefs$4.colors.primary.main,
|
6159
6163
|
|
6160
6164
|
_hover: {
|
6161
|
-
[vars$9.textUnderlineColor]: globalRefs$
|
6165
|
+
[vars$9.textUnderlineColor]: globalRefs$4.colors.primary.main
|
6162
6166
|
},
|
6163
6167
|
|
6164
6168
|
textAlign: {
|
@@ -6177,16 +6181,16 @@ const link = {
|
|
6177
6181
|
|
6178
6182
|
mode: {
|
6179
6183
|
primary: {
|
6180
|
-
[vars$9.textColor]: globalRefs$
|
6184
|
+
[vars$9.textColor]: globalRefs$4.colors.primary.main,
|
6181
6185
|
},
|
6182
6186
|
secondary: {
|
6183
|
-
[vars$9.textColor]: globalRefs$
|
6187
|
+
[vars$9.textColor]: globalRefs$4.colors.secondary.main,
|
6184
6188
|
},
|
6185
6189
|
error: {
|
6186
|
-
[vars$9.textColor]: globalRefs$
|
6190
|
+
[vars$9.textColor]: globalRefs$4.colors.error.main,
|
6187
6191
|
},
|
6188
6192
|
success: {
|
6189
|
-
[vars$9.textColor]: globalRefs$
|
6193
|
+
[vars$9.textColor]: globalRefs$4.colors.success.main,
|
6190
6194
|
}
|
6191
6195
|
}
|
6192
6196
|
};
|
@@ -6197,7 +6201,7 @@ var link$1 = /*#__PURE__*/Object.freeze({
|
|
6197
6201
|
vars: vars$9
|
6198
6202
|
});
|
6199
6203
|
|
6200
|
-
const globalRefs$
|
6204
|
+
const globalRefs$3 = getThemeRefs(globals);
|
6201
6205
|
const compVars = DividerClass.cssVarList;
|
6202
6206
|
|
6203
6207
|
const [
|
@@ -6216,7 +6220,7 @@ const divider = {
|
|
6216
6220
|
[compVars.flexDirection]: 'row',
|
6217
6221
|
[compVars.alignSelf]: 'stretch',
|
6218
6222
|
[compVars.hostWidth]: '100%',
|
6219
|
-
[compVars.stripeColor]: globalRefs$
|
6223
|
+
[compVars.stripeColor]: globalRefs$3.colors.surface.main,
|
6220
6224
|
[compVars.stripeColorOpacity]: '0.5',
|
6221
6225
|
[compVars.stripeHorizontalThickness]: helperRefs$1.thickness,
|
6222
6226
|
[compVars.labelTextWidth]: 'fit-content',
|
@@ -6246,7 +6250,7 @@ var divider$1 = /*#__PURE__*/Object.freeze({
|
|
6246
6250
|
vars: vars$8
|
6247
6251
|
});
|
6248
6252
|
|
6249
|
-
|
6253
|
+
getThemeRefs(globals);
|
6250
6254
|
const vars$7 = PasscodeClass.cssVarList;
|
6251
6255
|
|
6252
6256
|
const passcode = {
|
@@ -6260,15 +6264,11 @@ const passcode = {
|
|
6260
6264
|
[vars$7.digitSpacing]: '0',
|
6261
6265
|
[vars$7.hostWidth]: refs.width,
|
6262
6266
|
[vars$7.digitOutlineColor]: 'transparent',
|
6263
|
-
[vars$7.digitOutlineWidth]:
|
6264
|
-
[vars$7.focusedDigitFieldOutlineColor]:
|
6267
|
+
[vars$7.digitOutlineWidth]: refs.outlineWidth,
|
6268
|
+
[vars$7.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
6265
6269
|
|
6266
6270
|
_hideCursor: {
|
6267
6271
|
[vars$7.digitCaretTextColor]: 'transparent',
|
6268
|
-
},
|
6269
|
-
|
6270
|
-
_invalid: {
|
6271
|
-
[vars$7.focusedDigitFieldOutlineColor]: globalRefs$3.colors.error.light,
|
6272
6272
|
}
|
6273
6273
|
};
|
6274
6274
|
|
@@ -6399,10 +6399,6 @@ const comboBox = {
|
|
6399
6399
|
[vars$4.inputDropdownButtonCursor]: 'default'
|
6400
6400
|
},
|
6401
6401
|
|
6402
|
-
_invalid: {
|
6403
|
-
[vars$4.inputDropdownButtonColor]: globalRefs.colors.error.main
|
6404
|
-
},
|
6405
|
-
|
6406
6402
|
// [vars.overlayCursor]: 'pointer',
|
6407
6403
|
// [vars.overlayBackground]: globalRefs.colors.surface.light,
|
6408
6404
|
// [vars.overlayBorder]: `2px solid red`,
|