@descope/web-components-ui 1.0.359 → 1.0.360
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +42 -101
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +41 -101
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/package.json +1 -1
- 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
@@ -3767,7 +3767,7 @@ const decodeHTML = (html) => {
|
|
3767
3767
|
|
3768
3768
|
const componentName$D = getComponentName('enriched-text');
|
3769
3769
|
|
3770
|
-
|
3770
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$D, baseSelector: ':host > div' }) {
|
3771
3771
|
#origLinkRenderer;
|
3772
3772
|
|
3773
3773
|
#origEmRenderer;
|
@@ -3927,7 +3927,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
3927
3927
|
this.contentNode.removeAttribute('inert');
|
3928
3928
|
}
|
3929
3929
|
}
|
3930
|
-
}
|
3930
|
+
}
|
3931
3931
|
|
3932
3932
|
const EnrichedTextClass = compose(
|
3933
3933
|
createStyleMixin({
|
@@ -3952,9 +3952,10 @@ const EnrichedTextClass = compose(
|
|
3952
3952
|
},
|
3953
3953
|
}),
|
3954
3954
|
createStyleMixin({ componentNameOverride: getComponentName('link') }),
|
3955
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
3955
3956
|
draggableMixin,
|
3956
3957
|
componentNameValidationMixin
|
3957
|
-
)(EnrichedText
|
3958
|
+
)(EnrichedText);
|
3958
3959
|
|
3959
3960
|
customElements.define(componentName$D, EnrichedTextClass);
|
3960
3961
|
|
@@ -12990,6 +12991,7 @@ const text = {
|
|
12990
12991
|
[vars$v.textLineHeight]: '1.35em',
|
12991
12992
|
[vars$v.textAlign]: 'left',
|
12992
12993
|
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
12994
|
+
|
12993
12995
|
variant: {
|
12994
12996
|
h1: {
|
12995
12997
|
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
@@ -13073,33 +13075,31 @@ var text$1 = /*#__PURE__*/Object.freeze({
|
|
13073
13075
|
});
|
13074
13076
|
|
13075
13077
|
const globalRefs$l = getThemeRefs(globals);
|
13076
|
-
const vars$u =
|
13078
|
+
const vars$u = LinkClass.cssVarList;
|
13077
13079
|
|
13078
|
-
const
|
13080
|
+
const link = {
|
13079
13081
|
[vars$u.hostDirection]: globalRefs$l.direction,
|
13082
|
+
[vars$u.cursor]: 'pointer',
|
13080
13083
|
|
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,
|
13084
|
+
[vars$u.textColor]: globalRefs$l.colors.primary.main,
|
13085
13085
|
|
13086
|
-
|
13087
|
-
|
13088
|
-
|
13086
|
+
textAlign: {
|
13087
|
+
right: { [vars$u.textAlign]: 'right' },
|
13088
|
+
left: { [vars$u.textAlign]: 'left' },
|
13089
|
+
center: { [vars$u.textAlign]: 'center' },
|
13090
|
+
},
|
13089
13091
|
|
13090
|
-
|
13091
|
-
|
13092
|
-
|
13092
|
+
_fullWidth: {
|
13093
|
+
[vars$u.hostWidth]: '100%',
|
13094
|
+
},
|
13093
13095
|
|
13094
|
-
|
13095
|
-
|
13096
|
+
_hover: {
|
13097
|
+
[vars$u.textDecoration]: 'underline',
|
13098
|
+
},
|
13096
13099
|
|
13097
13100
|
mode: {
|
13098
|
-
primary: {
|
13099
|
-
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
13100
|
-
},
|
13101
13101
|
secondary: {
|
13102
|
-
[vars$u.textColor]: globalRefs$l.colors.
|
13102
|
+
[vars$u.textColor]: globalRefs$l.colors.secondary.main,
|
13103
13103
|
},
|
13104
13104
|
error: {
|
13105
13105
|
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
@@ -13108,101 +13108,41 @@ const EnrichedText = {
|
|
13108
13108
|
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
13109
13109
|
},
|
13110
13110
|
},
|
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
13111
|
};
|
13160
13112
|
|
13161
|
-
var
|
13113
|
+
var link$1 = /*#__PURE__*/Object.freeze({
|
13162
13114
|
__proto__: null,
|
13163
|
-
default:
|
13115
|
+
default: link,
|
13164
13116
|
vars: vars$u
|
13165
13117
|
});
|
13166
13118
|
|
13167
13119
|
const globalRefs$k = getThemeRefs(globals);
|
13168
|
-
const vars$t =
|
13120
|
+
const vars$t = EnrichedTextClass.cssVarList;
|
13169
13121
|
|
13170
|
-
const
|
13122
|
+
const enrichedText = {
|
13171
13123
|
[vars$t.hostDirection]: globalRefs$k.direction,
|
13172
|
-
[vars$t.
|
13124
|
+
[vars$t.hostWidth]: useVar(vars$v.hostWidth),
|
13173
13125
|
|
13174
|
-
[vars$t.
|
13126
|
+
[vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
|
13127
|
+
[vars$t.textColor]: useVar(vars$v.textColor),
|
13128
|
+
[vars$t.textAlign]: useVar(vars$v.textAlign),
|
13175
13129
|
|
13176
|
-
|
13177
|
-
|
13178
|
-
|
13179
|
-
center: { [vars$t.textAlign]: 'center' },
|
13180
|
-
},
|
13130
|
+
[vars$t.fontSize]: useVar(vars$v.fontSize),
|
13131
|
+
[vars$t.fontWeight]: useVar(vars$v.fontWeight),
|
13132
|
+
[vars$t.fontFamily]: useVar(vars$v.fontFamily),
|
13181
13133
|
|
13182
|
-
|
13183
|
-
|
13184
|
-
|
13185
|
-
|
13186
|
-
_hover: {
|
13187
|
-
[vars$t.textDecoration]: 'underline',
|
13188
|
-
},
|
13134
|
+
[vars$t.linkColor]: useVar(vars$u.textColor),
|
13135
|
+
[vars$t.linkTextDecoration]: 'none',
|
13136
|
+
[vars$t.linkHoverTextDecoration]: 'underline',
|
13189
13137
|
|
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
|
-
},
|
13138
|
+
[vars$t.fontWeightBold]: '900',
|
13139
|
+
[vars$t.minWidth]: '0.25em',
|
13140
|
+
[vars$t.minHeight]: '1.35em',
|
13201
13141
|
};
|
13202
13142
|
|
13203
|
-
var
|
13143
|
+
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
13204
13144
|
__proto__: null,
|
13205
|
-
default:
|
13145
|
+
default: enrichedText,
|
13206
13146
|
vars: vars$t
|
13207
13147
|
});
|
13208
13148
|
|
@@ -14412,7 +14352,7 @@ const components = {
|
|
14412
14352
|
totpImage,
|
14413
14353
|
notpImage,
|
14414
14354
|
text: text$1,
|
14415
|
-
|
14355
|
+
enrichedText: enrichedText$1,
|
14416
14356
|
link: link$1,
|
14417
14357
|
divider: divider$1,
|
14418
14358
|
passcode: passcode$1,
|