@descope/web-components-ui 1.0.276 → 1.0.278
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +74 -14
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +27 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/4447.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-text-field/textFieldMappings.js +27 -12
- package/src/index.cjs.js +1 -0
package/dist/cjs/index.cjs.js
CHANGED
@@ -393,7 +393,7 @@ const genColors = (colors) => {
|
|
393
393
|
|
394
394
|
const direction = 'ltr';
|
395
395
|
|
396
|
-
const colors = genColors({
|
396
|
+
const colors$1 = genColors({
|
397
397
|
surface: {
|
398
398
|
main: '#ffffff',
|
399
399
|
dark: '#636c74',
|
@@ -557,7 +557,7 @@ const shadow = {
|
|
557
557
|
};
|
558
558
|
|
559
559
|
const globals = {
|
560
|
-
colors,
|
560
|
+
colors: colors$1,
|
561
561
|
typography,
|
562
562
|
spacing,
|
563
563
|
border,
|
@@ -2723,17 +2723,27 @@ var button$1 = /*#__PURE__*/Object.freeze({
|
|
2723
2723
|
vars: vars$x
|
2724
2724
|
});
|
2725
2725
|
|
2726
|
-
const {
|
2727
|
-
|
2728
|
-
|
2729
|
-
|
2730
|
-
|
2731
|
-
|
2732
|
-
|
2733
|
-
|
2734
|
-
|
2735
|
-
|
2736
|
-
|
2726
|
+
const {
|
2727
|
+
host: host$g,
|
2728
|
+
label: label$9,
|
2729
|
+
placeholder: placeholder$3,
|
2730
|
+
requiredIndicator: requiredIndicator$b,
|
2731
|
+
inputField: inputField$6,
|
2732
|
+
input,
|
2733
|
+
helperText: helperText$9,
|
2734
|
+
errorMessage: errorMessage$b,
|
2735
|
+
disabledPlaceholder,
|
2736
|
+
} = {
|
2737
|
+
host: { selector: () => ':host' },
|
2738
|
+
label: { selector: '::part(label)' },
|
2739
|
+
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
2740
|
+
placeholder: { selector: '> input:placeholder-shown' },
|
2741
|
+
disabledPlaceholder: { selector: '> input:disabled::placeholder' },
|
2742
|
+
inputField: { selector: '::part(input-field)' },
|
2743
|
+
input: { selector: 'input' },
|
2744
|
+
helperText: { selector: '::part(helper-text)' },
|
2745
|
+
errorMessage: { selector: '::part(error-message)' },
|
2746
|
+
};
|
2737
2747
|
|
2738
2748
|
var textFieldMappings = {
|
2739
2749
|
// we apply font-size also on the host so we can set its width with em
|
@@ -2749,6 +2759,8 @@ var textFieldMappings = {
|
|
2749
2759
|
labelTextColor: [
|
2750
2760
|
{ ...label$9, property: 'color' },
|
2751
2761
|
{ ...requiredIndicator$b, property: 'color' },
|
2762
|
+
{ ...label$9, property: '-webkit-text-fill-color' },
|
2763
|
+
{ ...requiredIndicator$b, property: '-webkit-text-fill-color' },
|
2752
2764
|
],
|
2753
2765
|
errorMessageTextColor: { ...errorMessage$b, property: 'color' },
|
2754
2766
|
|
@@ -2775,7 +2787,10 @@ var textFieldMappings = {
|
|
2775
2787
|
|
2776
2788
|
inputTextAlign: { ...input, property: 'text-align' },
|
2777
2789
|
|
2778
|
-
inputPlaceholderColor:
|
2790
|
+
inputPlaceholderColor: [
|
2791
|
+
{ ...placeholder$3, property: 'color' },
|
2792
|
+
{ ...disabledPlaceholder, property: '-webkit-text-fill-color' },
|
2793
|
+
],
|
2779
2794
|
};
|
2780
2795
|
|
2781
2796
|
const useHostExternalPadding = (cssVarList) => `
|
@@ -9880,6 +9895,50 @@ const vars = Object.keys(components).reduce(
|
|
9880
9895
|
const defaultTheme = { globals, components: theme };
|
9881
9896
|
const themeVars = { globals: vars$y, components: vars };
|
9882
9897
|
|
9898
|
+
const colors = {
|
9899
|
+
surface: {
|
9900
|
+
main: '#181a1c',
|
9901
|
+
dark: '#bec4ca',
|
9902
|
+
light: '#555f68',
|
9903
|
+
highlight: '#22262a',
|
9904
|
+
contrast: '#f5f6f7',
|
9905
|
+
},
|
9906
|
+
primary: {
|
9907
|
+
main: '#1f80ff',
|
9908
|
+
dark: '#71aeff',
|
9909
|
+
light: '#004094',
|
9910
|
+
highlight: '#00214d',
|
9911
|
+
contrast: '#000000',
|
9912
|
+
},
|
9913
|
+
secondary: {
|
9914
|
+
main: '#a665eb',
|
9915
|
+
dark: '#b9a0f3',
|
9916
|
+
light: '#683ae6',
|
9917
|
+
highlight: '#361299',
|
9918
|
+
contrast: '#000000',
|
9919
|
+
},
|
9920
|
+
success: {
|
9921
|
+
main: '#27963c',
|
9922
|
+
dark: '#8bc3a2',
|
9923
|
+
light: '#004d0f',
|
9924
|
+
highlight: '#001f00',
|
9925
|
+
contrast: '#000000',
|
9926
|
+
},
|
9927
|
+
error: {
|
9928
|
+
main: '#f85249',
|
9929
|
+
dark: '#fa7c75',
|
9930
|
+
light: '#c51107',
|
9931
|
+
highlight: '#4a0603',
|
9932
|
+
contrast: '#000000',
|
9933
|
+
},
|
9934
|
+
};
|
9935
|
+
|
9936
|
+
const darkTheme = merge({}, defaultTheme, {
|
9937
|
+
globals: {
|
9938
|
+
colors,
|
9939
|
+
},
|
9940
|
+
});
|
9941
|
+
|
9883
9942
|
const componentName$1 = getComponentName('recaptcha');
|
9884
9943
|
|
9885
9944
|
const observedAttributes = ['enabled', 'site-key', 'action', 'enterprise'];
|
@@ -10171,6 +10230,7 @@ exports.UploadFileClass = UploadFileClass;
|
|
10171
10230
|
exports.componentsThemeManager = componentsThemeManager;
|
10172
10231
|
exports.createComponentsTheme = createComponentsTheme;
|
10173
10232
|
exports.createHelperVars = createHelperVars;
|
10233
|
+
exports.darkTheme = darkTheme;
|
10174
10234
|
exports.defaultTheme = defaultTheme;
|
10175
10235
|
exports.genColor = genColor;
|
10176
10236
|
exports.genColors = genColors;
|