@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/cjs/index.cjs.js
CHANGED
@@ -4943,6 +4943,7 @@ const text$2 = {
|
|
4943
4943
|
[vars$v.textLineHeight]: '1.35em',
|
4944
4944
|
[vars$v.textAlign]: 'left',
|
4945
4945
|
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
4946
|
+
|
4946
4947
|
variant: {
|
4947
4948
|
h1: {
|
4948
4949
|
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
@@ -5050,7 +5051,7 @@ const decodeHTML = (html) => {
|
|
5050
5051
|
|
5051
5052
|
const componentName$C = getComponentName('enriched-text');
|
5052
5053
|
|
5053
|
-
|
5054
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
|
5054
5055
|
#origLinkRenderer;
|
5055
5056
|
|
5056
5057
|
#origEmRenderer;
|
@@ -5210,7 +5211,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
5210
5211
|
this.contentNode.removeAttribute('inert');
|
5211
5212
|
}
|
5212
5213
|
}
|
5213
|
-
}
|
5214
|
+
}
|
5214
5215
|
|
5215
5216
|
const EnrichedTextClass = compose(
|
5216
5217
|
createStyleMixin({
|
@@ -5235,9 +5236,10 @@ const EnrichedTextClass = compose(
|
|
5235
5236
|
},
|
5236
5237
|
}),
|
5237
5238
|
createStyleMixin({ componentNameOverride: getComponentName('link') }),
|
5239
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
5238
5240
|
draggableMixin,
|
5239
5241
|
componentNameValidationMixin
|
5240
|
-
)(EnrichedText
|
5242
|
+
)(EnrichedText);
|
5241
5243
|
|
5242
5244
|
const componentName$B = getComponentName('link');
|
5243
5245
|
|
@@ -5306,33 +5308,31 @@ const LinkClass = compose(
|
|
5306
5308
|
)(RawLink);
|
5307
5309
|
|
5308
5310
|
const globalRefs$l = getThemeRefs(globals);
|
5309
|
-
const vars$u =
|
5311
|
+
const vars$u = LinkClass.cssVarList;
|
5310
5312
|
|
5311
|
-
const
|
5313
|
+
const link$1 = {
|
5312
5314
|
[vars$u.hostDirection]: globalRefs$l.direction,
|
5315
|
+
[vars$u.cursor]: 'pointer',
|
5313
5316
|
|
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,
|
5317
|
+
[vars$u.textColor]: globalRefs$l.colors.primary.main,
|
5318
5318
|
|
5319
|
-
|
5320
|
-
|
5321
|
-
|
5319
|
+
textAlign: {
|
5320
|
+
right: { [vars$u.textAlign]: 'right' },
|
5321
|
+
left: { [vars$u.textAlign]: 'left' },
|
5322
|
+
center: { [vars$u.textAlign]: 'center' },
|
5323
|
+
},
|
5322
5324
|
|
5323
|
-
|
5324
|
-
|
5325
|
-
|
5325
|
+
_fullWidth: {
|
5326
|
+
[vars$u.hostWidth]: '100%',
|
5327
|
+
},
|
5326
5328
|
|
5327
|
-
|
5328
|
-
|
5329
|
+
_hover: {
|
5330
|
+
[vars$u.textDecoration]: 'underline',
|
5331
|
+
},
|
5329
5332
|
|
5330
5333
|
mode: {
|
5331
|
-
primary: {
|
5332
|
-
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
5333
|
-
},
|
5334
5334
|
secondary: {
|
5335
|
-
[vars$u.textColor]: globalRefs$l.colors.
|
5335
|
+
[vars$u.textColor]: globalRefs$l.colors.secondary.main,
|
5336
5336
|
},
|
5337
5337
|
error: {
|
5338
5338
|
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
@@ -5341,101 +5341,41 @@ const EnrichedText = {
|
|
5341
5341
|
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
5342
5342
|
},
|
5343
5343
|
},
|
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
5344
|
};
|
5393
5345
|
|
5394
|
-
var
|
5346
|
+
var link$2 = /*#__PURE__*/Object.freeze({
|
5395
5347
|
__proto__: null,
|
5396
|
-
default:
|
5348
|
+
default: link$1,
|
5397
5349
|
vars: vars$u
|
5398
5350
|
});
|
5399
5351
|
|
5400
5352
|
const globalRefs$k = getThemeRefs(globals);
|
5401
|
-
const vars$t =
|
5353
|
+
const vars$t = EnrichedTextClass.cssVarList;
|
5402
5354
|
|
5403
|
-
const
|
5355
|
+
const enrichedText = {
|
5404
5356
|
[vars$t.hostDirection]: globalRefs$k.direction,
|
5405
|
-
[vars$t.
|
5357
|
+
[vars$t.hostWidth]: useVar(vars$v.hostWidth),
|
5406
5358
|
|
5407
|
-
[vars$t.
|
5359
|
+
[vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
|
5360
|
+
[vars$t.textColor]: useVar(vars$v.textColor),
|
5361
|
+
[vars$t.textAlign]: useVar(vars$v.textAlign),
|
5408
5362
|
|
5409
|
-
|
5410
|
-
|
5411
|
-
|
5412
|
-
center: { [vars$t.textAlign]: 'center' },
|
5413
|
-
},
|
5363
|
+
[vars$t.fontSize]: useVar(vars$v.fontSize),
|
5364
|
+
[vars$t.fontWeight]: useVar(vars$v.fontWeight),
|
5365
|
+
[vars$t.fontFamily]: useVar(vars$v.fontFamily),
|
5414
5366
|
|
5415
|
-
|
5416
|
-
|
5417
|
-
|
5418
|
-
|
5419
|
-
_hover: {
|
5420
|
-
[vars$t.textDecoration]: 'underline',
|
5421
|
-
},
|
5367
|
+
[vars$t.linkColor]: useVar(vars$u.textColor),
|
5368
|
+
[vars$t.linkTextDecoration]: 'none',
|
5369
|
+
[vars$t.linkHoverTextDecoration]: 'underline',
|
5422
5370
|
|
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
|
-
},
|
5371
|
+
[vars$t.fontWeightBold]: '900',
|
5372
|
+
[vars$t.minWidth]: '0.25em',
|
5373
|
+
[vars$t.minHeight]: '1.35em',
|
5434
5374
|
};
|
5435
5375
|
|
5436
|
-
var
|
5376
|
+
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
5437
5377
|
__proto__: null,
|
5438
|
-
default:
|
5378
|
+
default: enrichedText,
|
5439
5379
|
vars: vars$t
|
5440
5380
|
});
|
5441
5381
|
|
@@ -13117,7 +13057,7 @@ const components = {
|
|
13117
13057
|
totpImage,
|
13118
13058
|
notpImage,
|
13119
13059
|
text: text$3,
|
13120
|
-
|
13060
|
+
enrichedText: enrichedText$1,
|
13121
13061
|
link: link$2,
|
13122
13062
|
divider: divider$1,
|
13123
13063
|
passcode: passcode$1,
|
@@ -13555,4 +13495,5 @@ exports.globalsThemeToStyle = globalsThemeToStyle;
|
|
13555
13495
|
exports.themeToCSSVarsObj = themeToCSSVarsObj;
|
13556
13496
|
exports.themeToStyle = themeToStyle;
|
13557
13497
|
exports.themeVars = themeVars;
|
13498
|
+
exports.useVar = useVar;
|
13558
13499
|
//# sourceMappingURL=index.cjs.js.map
|