@descope/web-components-ui 1.0.359 → 1.0.361
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/cjs/index.cjs.js +43 -104
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +42 -104
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-email-field/EmailFieldClass.js +1 -3
- package/src/components/descope-enriched-text/EnrichedTextClass.js +1 -0
- package/src/helpers/themeHelpers/index.js +1 -1
- package/src/theme/components/enrichedText.js +14 -75
- package/src/theme/components/index.js +2 -2
- package/src/theme/components/text.js +1 -0
package/dist/index.esm.js
CHANGED
@@ -2634,9 +2634,7 @@ const customMixin$a = (superclass) =>
|
|
2634
2634
|
init() {
|
2635
2635
|
super.init?.();
|
2636
2636
|
|
2637
|
-
|
2638
|
-
this.setAttribute('pattern', defaultPattern);
|
2639
|
-
}
|
2637
|
+
this.setAttribute('pattern', defaultPattern);
|
2640
2638
|
|
2641
2639
|
if (!this.getAttribute('autocomplete')) {
|
2642
2640
|
this.setAttribute('autocomplete', defaultAutocomplete);
|
@@ -3767,7 +3765,7 @@ const decodeHTML = (html) => {
|
|
3767
3765
|
|
3768
3766
|
const componentName$D = getComponentName('enriched-text');
|
3769
3767
|
|
3770
|
-
|
3768
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$D, baseSelector: ':host > div' }) {
|
3771
3769
|
#origLinkRenderer;
|
3772
3770
|
|
3773
3771
|
#origEmRenderer;
|
@@ -3927,7 +3925,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
3927
3925
|
this.contentNode.removeAttribute('inert');
|
3928
3926
|
}
|
3929
3927
|
}
|
3930
|
-
}
|
3928
|
+
}
|
3931
3929
|
|
3932
3930
|
const EnrichedTextClass = compose(
|
3933
3931
|
createStyleMixin({
|
@@ -3952,9 +3950,10 @@ const EnrichedTextClass = compose(
|
|
3952
3950
|
},
|
3953
3951
|
}),
|
3954
3952
|
createStyleMixin({ componentNameOverride: getComponentName('link') }),
|
3953
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
3955
3954
|
draggableMixin,
|
3956
3955
|
componentNameValidationMixin
|
3957
|
-
)(EnrichedText
|
3956
|
+
)(EnrichedText);
|
3958
3957
|
|
3959
3958
|
customElements.define(componentName$D, EnrichedTextClass);
|
3960
3959
|
|
@@ -12990,6 +12989,7 @@ const text = {
|
|
12990
12989
|
[vars$v.textLineHeight]: '1.35em',
|
12991
12990
|
[vars$v.textAlign]: 'left',
|
12992
12991
|
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
12992
|
+
|
12993
12993
|
variant: {
|
12994
12994
|
h1: {
|
12995
12995
|
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
@@ -13073,33 +13073,31 @@ var text$1 = /*#__PURE__*/Object.freeze({
|
|
13073
13073
|
});
|
13074
13074
|
|
13075
13075
|
const globalRefs$l = getThemeRefs(globals);
|
13076
|
-
const vars$u =
|
13076
|
+
const vars$u = LinkClass.cssVarList;
|
13077
13077
|
|
13078
|
-
const
|
13078
|
+
const link = {
|
13079
13079
|
[vars$u.hostDirection]: globalRefs$l.direction,
|
13080
|
+
[vars$u.cursor]: 'pointer',
|
13080
13081
|
|
13081
|
-
[vars$u.
|
13082
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
13083
|
-
[vars$u.fontWeightBold]: '900',
|
13084
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
13082
|
+
[vars$u.textColor]: globalRefs$l.colors.primary.main,
|
13085
13083
|
|
13086
|
-
|
13087
|
-
|
13088
|
-
|
13084
|
+
textAlign: {
|
13085
|
+
right: { [vars$u.textAlign]: 'right' },
|
13086
|
+
left: { [vars$u.textAlign]: 'left' },
|
13087
|
+
center: { [vars$u.textAlign]: 'center' },
|
13088
|
+
},
|
13089
13089
|
|
13090
|
-
|
13091
|
-
|
13092
|
-
|
13090
|
+
_fullWidth: {
|
13091
|
+
[vars$u.hostWidth]: '100%',
|
13092
|
+
},
|
13093
13093
|
|
13094
|
-
|
13095
|
-
|
13094
|
+
_hover: {
|
13095
|
+
[vars$u.textDecoration]: 'underline',
|
13096
|
+
},
|
13096
13097
|
|
13097
13098
|
mode: {
|
13098
|
-
primary: {
|
13099
|
-
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
13100
|
-
},
|
13101
13099
|
secondary: {
|
13102
|
-
[vars$u.textColor]: globalRefs$l.colors.
|
13100
|
+
[vars$u.textColor]: globalRefs$l.colors.secondary.main,
|
13103
13101
|
},
|
13104
13102
|
error: {
|
13105
13103
|
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
@@ -13108,101 +13106,41 @@ const EnrichedText = {
|
|
13108
13106
|
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
13109
13107
|
},
|
13110
13108
|
},
|
13111
|
-
|
13112
|
-
variant: {
|
13113
|
-
h1: {
|
13114
|
-
[vars$u.fontSize]: globalRefs$l.typography.h1.size,
|
13115
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h1.weight,
|
13116
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h1.font,
|
13117
|
-
},
|
13118
|
-
h2: {
|
13119
|
-
[vars$u.fontSize]: globalRefs$l.typography.h2.size,
|
13120
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h2.weight,
|
13121
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h2.font,
|
13122
|
-
},
|
13123
|
-
h3: {
|
13124
|
-
[vars$u.fontSize]: globalRefs$l.typography.h3.size,
|
13125
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h3.weight,
|
13126
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h3.font,
|
13127
|
-
},
|
13128
|
-
subtitle1: {
|
13129
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle1.size,
|
13130
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle1.weight,
|
13131
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle1.font,
|
13132
|
-
},
|
13133
|
-
subtitle2: {
|
13134
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle2.size,
|
13135
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle2.weight,
|
13136
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle2.font,
|
13137
|
-
},
|
13138
|
-
body1: {
|
13139
|
-
[vars$u.fontSize]: globalRefs$l.typography.body1.size,
|
13140
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
13141
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
13142
|
-
},
|
13143
|
-
body2: {
|
13144
|
-
[vars$u.fontSize]: globalRefs$l.typography.body2.size,
|
13145
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body2.weight,
|
13146
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body2.font,
|
13147
|
-
},
|
13148
|
-
},
|
13149
|
-
|
13150
|
-
textAlign: {
|
13151
|
-
right: { [vars$u.textAlign]: 'right' },
|
13152
|
-
left: { [vars$u.textAlign]: 'left' },
|
13153
|
-
center: { [vars$u.textAlign]: 'center' },
|
13154
|
-
},
|
13155
|
-
|
13156
|
-
_fullWidth: {
|
13157
|
-
[vars$u.hostWidth]: '100%',
|
13158
|
-
},
|
13159
13109
|
};
|
13160
13110
|
|
13161
|
-
var
|
13111
|
+
var link$1 = /*#__PURE__*/Object.freeze({
|
13162
13112
|
__proto__: null,
|
13163
|
-
default:
|
13113
|
+
default: link,
|
13164
13114
|
vars: vars$u
|
13165
13115
|
});
|
13166
13116
|
|
13167
13117
|
const globalRefs$k = getThemeRefs(globals);
|
13168
|
-
const vars$t =
|
13118
|
+
const vars$t = EnrichedTextClass.cssVarList;
|
13169
13119
|
|
13170
|
-
const
|
13120
|
+
const enrichedText = {
|
13171
13121
|
[vars$t.hostDirection]: globalRefs$k.direction,
|
13172
|
-
[vars$t.
|
13173
|
-
|
13174
|
-
[vars$t.textColor]: globalRefs$k.colors.primary.main,
|
13122
|
+
[vars$t.hostWidth]: useVar(vars$v.hostWidth),
|
13175
13123
|
|
13176
|
-
|
13177
|
-
|
13178
|
-
|
13179
|
-
center: { [vars$t.textAlign]: 'center' },
|
13180
|
-
},
|
13124
|
+
[vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
|
13125
|
+
[vars$t.textColor]: useVar(vars$v.textColor),
|
13126
|
+
[vars$t.textAlign]: useVar(vars$v.textAlign),
|
13181
13127
|
|
13182
|
-
|
13183
|
-
|
13184
|
-
|
13128
|
+
[vars$t.fontSize]: useVar(vars$v.fontSize),
|
13129
|
+
[vars$t.fontWeight]: useVar(vars$v.fontWeight),
|
13130
|
+
[vars$t.fontFamily]: useVar(vars$v.fontFamily),
|
13185
13131
|
|
13186
|
-
|
13187
|
-
|
13188
|
-
|
13132
|
+
[vars$t.linkColor]: useVar(vars$u.textColor),
|
13133
|
+
[vars$t.linkTextDecoration]: 'none',
|
13134
|
+
[vars$t.linkHoverTextDecoration]: 'underline',
|
13189
13135
|
|
13190
|
-
|
13191
|
-
|
13192
|
-
|
13193
|
-
},
|
13194
|
-
error: {
|
13195
|
-
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
13196
|
-
},
|
13197
|
-
success: {
|
13198
|
-
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
13199
|
-
},
|
13200
|
-
},
|
13136
|
+
[vars$t.fontWeightBold]: '900',
|
13137
|
+
[vars$t.minWidth]: '0.25em',
|
13138
|
+
[vars$t.minHeight]: '1.35em',
|
13201
13139
|
};
|
13202
13140
|
|
13203
|
-
var
|
13141
|
+
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
13204
13142
|
__proto__: null,
|
13205
|
-
default:
|
13143
|
+
default: enrichedText,
|
13206
13144
|
vars: vars$t
|
13207
13145
|
});
|
13208
13146
|
|
@@ -14412,7 +14350,7 @@ const components = {
|
|
14412
14350
|
totpImage,
|
14413
14351
|
notpImage,
|
14414
14352
|
text: text$1,
|
14415
|
-
|
14353
|
+
enrichedText: enrichedText$1,
|
14416
14354
|
link: link$1,
|
14417
14355
|
divider: divider$1,
|
14418
14356
|
passcode: passcode$1,
|