@descope/web-components-ui 1.0.359 → 1.0.361
Sign up to get free protection for your applications and to get access to all the features.
- 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/cjs/index.cjs.js
CHANGED
@@ -3923,9 +3923,7 @@ const customMixin$8 = (superclass) =>
|
|
3923
3923
|
init() {
|
3924
3924
|
super.init?.();
|
3925
3925
|
|
3926
|
-
|
3927
|
-
this.setAttribute('pattern', defaultPattern);
|
3928
|
-
}
|
3926
|
+
this.setAttribute('pattern', defaultPattern);
|
3929
3927
|
|
3930
3928
|
if (!this.getAttribute('autocomplete')) {
|
3931
3929
|
this.setAttribute('autocomplete', defaultAutocomplete);
|
@@ -4943,6 +4941,7 @@ const text$2 = {
|
|
4943
4941
|
[vars$v.textLineHeight]: '1.35em',
|
4944
4942
|
[vars$v.textAlign]: 'left',
|
4945
4943
|
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
4944
|
+
|
4946
4945
|
variant: {
|
4947
4946
|
h1: {
|
4948
4947
|
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
@@ -5050,7 +5049,7 @@ const decodeHTML = (html) => {
|
|
5050
5049
|
|
5051
5050
|
const componentName$C = getComponentName('enriched-text');
|
5052
5051
|
|
5053
|
-
|
5052
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
|
5054
5053
|
#origLinkRenderer;
|
5055
5054
|
|
5056
5055
|
#origEmRenderer;
|
@@ -5210,7 +5209,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
5210
5209
|
this.contentNode.removeAttribute('inert');
|
5211
5210
|
}
|
5212
5211
|
}
|
5213
|
-
}
|
5212
|
+
}
|
5214
5213
|
|
5215
5214
|
const EnrichedTextClass = compose(
|
5216
5215
|
createStyleMixin({
|
@@ -5235,9 +5234,10 @@ const EnrichedTextClass = compose(
|
|
5235
5234
|
},
|
5236
5235
|
}),
|
5237
5236
|
createStyleMixin({ componentNameOverride: getComponentName('link') }),
|
5237
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
5238
5238
|
draggableMixin,
|
5239
5239
|
componentNameValidationMixin
|
5240
|
-
)(EnrichedText
|
5240
|
+
)(EnrichedText);
|
5241
5241
|
|
5242
5242
|
const componentName$B = getComponentName('link');
|
5243
5243
|
|
@@ -5306,33 +5306,31 @@ const LinkClass = compose(
|
|
5306
5306
|
)(RawLink);
|
5307
5307
|
|
5308
5308
|
const globalRefs$l = getThemeRefs(globals);
|
5309
|
-
const vars$u =
|
5309
|
+
const vars$u = LinkClass.cssVarList;
|
5310
5310
|
|
5311
|
-
const
|
5311
|
+
const link$1 = {
|
5312
5312
|
[vars$u.hostDirection]: globalRefs$l.direction,
|
5313
|
+
[vars$u.cursor]: 'pointer',
|
5313
5314
|
|
5314
|
-
[vars$u.
|
5315
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
5316
|
-
[vars$u.fontWeightBold]: '900',
|
5317
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
5315
|
+
[vars$u.textColor]: globalRefs$l.colors.primary.main,
|
5318
5316
|
|
5319
|
-
|
5320
|
-
|
5321
|
-
|
5317
|
+
textAlign: {
|
5318
|
+
right: { [vars$u.textAlign]: 'right' },
|
5319
|
+
left: { [vars$u.textAlign]: 'left' },
|
5320
|
+
center: { [vars$u.textAlign]: 'center' },
|
5321
|
+
},
|
5322
5322
|
|
5323
|
-
|
5324
|
-
|
5325
|
-
|
5323
|
+
_fullWidth: {
|
5324
|
+
[vars$u.hostWidth]: '100%',
|
5325
|
+
},
|
5326
5326
|
|
5327
|
-
|
5328
|
-
|
5327
|
+
_hover: {
|
5328
|
+
[vars$u.textDecoration]: 'underline',
|
5329
|
+
},
|
5329
5330
|
|
5330
5331
|
mode: {
|
5331
|
-
primary: {
|
5332
|
-
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
5333
|
-
},
|
5334
5332
|
secondary: {
|
5335
|
-
[vars$u.textColor]: globalRefs$l.colors.
|
5333
|
+
[vars$u.textColor]: globalRefs$l.colors.secondary.main,
|
5336
5334
|
},
|
5337
5335
|
error: {
|
5338
5336
|
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
@@ -5341,101 +5339,41 @@ const EnrichedText = {
|
|
5341
5339
|
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
5342
5340
|
},
|
5343
5341
|
},
|
5344
|
-
|
5345
|
-
variant: {
|
5346
|
-
h1: {
|
5347
|
-
[vars$u.fontSize]: globalRefs$l.typography.h1.size,
|
5348
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h1.weight,
|
5349
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h1.font,
|
5350
|
-
},
|
5351
|
-
h2: {
|
5352
|
-
[vars$u.fontSize]: globalRefs$l.typography.h2.size,
|
5353
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h2.weight,
|
5354
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h2.font,
|
5355
|
-
},
|
5356
|
-
h3: {
|
5357
|
-
[vars$u.fontSize]: globalRefs$l.typography.h3.size,
|
5358
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h3.weight,
|
5359
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h3.font,
|
5360
|
-
},
|
5361
|
-
subtitle1: {
|
5362
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle1.size,
|
5363
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle1.weight,
|
5364
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle1.font,
|
5365
|
-
},
|
5366
|
-
subtitle2: {
|
5367
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle2.size,
|
5368
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle2.weight,
|
5369
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle2.font,
|
5370
|
-
},
|
5371
|
-
body1: {
|
5372
|
-
[vars$u.fontSize]: globalRefs$l.typography.body1.size,
|
5373
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
5374
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
5375
|
-
},
|
5376
|
-
body2: {
|
5377
|
-
[vars$u.fontSize]: globalRefs$l.typography.body2.size,
|
5378
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body2.weight,
|
5379
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body2.font,
|
5380
|
-
},
|
5381
|
-
},
|
5382
|
-
|
5383
|
-
textAlign: {
|
5384
|
-
right: { [vars$u.textAlign]: 'right' },
|
5385
|
-
left: { [vars$u.textAlign]: 'left' },
|
5386
|
-
center: { [vars$u.textAlign]: 'center' },
|
5387
|
-
},
|
5388
|
-
|
5389
|
-
_fullWidth: {
|
5390
|
-
[vars$u.hostWidth]: '100%',
|
5391
|
-
},
|
5392
5342
|
};
|
5393
5343
|
|
5394
|
-
var
|
5344
|
+
var link$2 = /*#__PURE__*/Object.freeze({
|
5395
5345
|
__proto__: null,
|
5396
|
-
default:
|
5346
|
+
default: link$1,
|
5397
5347
|
vars: vars$u
|
5398
5348
|
});
|
5399
5349
|
|
5400
5350
|
const globalRefs$k = getThemeRefs(globals);
|
5401
|
-
const vars$t =
|
5351
|
+
const vars$t = EnrichedTextClass.cssVarList;
|
5402
5352
|
|
5403
|
-
const
|
5353
|
+
const enrichedText = {
|
5404
5354
|
[vars$t.hostDirection]: globalRefs$k.direction,
|
5405
|
-
[vars$t.
|
5406
|
-
|
5407
|
-
[vars$t.textColor]: globalRefs$k.colors.primary.main,
|
5355
|
+
[vars$t.hostWidth]: useVar(vars$v.hostWidth),
|
5408
5356
|
|
5409
|
-
|
5410
|
-
|
5411
|
-
|
5412
|
-
center: { [vars$t.textAlign]: 'center' },
|
5413
|
-
},
|
5357
|
+
[vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
|
5358
|
+
[vars$t.textColor]: useVar(vars$v.textColor),
|
5359
|
+
[vars$t.textAlign]: useVar(vars$v.textAlign),
|
5414
5360
|
|
5415
|
-
|
5416
|
-
|
5417
|
-
|
5361
|
+
[vars$t.fontSize]: useVar(vars$v.fontSize),
|
5362
|
+
[vars$t.fontWeight]: useVar(vars$v.fontWeight),
|
5363
|
+
[vars$t.fontFamily]: useVar(vars$v.fontFamily),
|
5418
5364
|
|
5419
|
-
|
5420
|
-
|
5421
|
-
|
5365
|
+
[vars$t.linkColor]: useVar(vars$u.textColor),
|
5366
|
+
[vars$t.linkTextDecoration]: 'none',
|
5367
|
+
[vars$t.linkHoverTextDecoration]: 'underline',
|
5422
5368
|
|
5423
|
-
|
5424
|
-
|
5425
|
-
|
5426
|
-
},
|
5427
|
-
error: {
|
5428
|
-
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
5429
|
-
},
|
5430
|
-
success: {
|
5431
|
-
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
5432
|
-
},
|
5433
|
-
},
|
5369
|
+
[vars$t.fontWeightBold]: '900',
|
5370
|
+
[vars$t.minWidth]: '0.25em',
|
5371
|
+
[vars$t.minHeight]: '1.35em',
|
5434
5372
|
};
|
5435
5373
|
|
5436
|
-
var
|
5374
|
+
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
5437
5375
|
__proto__: null,
|
5438
|
-
default:
|
5376
|
+
default: enrichedText,
|
5439
5377
|
vars: vars$t
|
5440
5378
|
});
|
5441
5379
|
|
@@ -13117,7 +13055,7 @@ const components = {
|
|
13117
13055
|
totpImage,
|
13118
13056
|
notpImage,
|
13119
13057
|
text: text$3,
|
13120
|
-
|
13058
|
+
enrichedText: enrichedText$1,
|
13121
13059
|
link: link$2,
|
13122
13060
|
divider: divider$1,
|
13123
13061
|
passcode: passcode$1,
|
@@ -13555,4 +13493,5 @@ exports.globalsThemeToStyle = globalsThemeToStyle;
|
|
13555
13493
|
exports.themeToCSSVarsObj = themeToCSSVarsObj;
|
13556
13494
|
exports.themeToStyle = themeToStyle;
|
13557
13495
|
exports.themeVars = themeVars;
|
13496
|
+
exports.useVar = useVar;
|
13558
13497
|
//# sourceMappingURL=index.cjs.js.map
|