@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/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
|