@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.
@@ -3923,9 +3923,7 @@ const customMixin$8 = (superclass) =>
3923
3923
  init() {
3924
3924
  super.init?.();
3925
3925
 
3926
- if (!this.getAttribute('pattern')) {
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
- let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
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$2);
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 = EnrichedTextClass.cssVarList;
5309
+ const vars$u = LinkClass.cssVarList;
5310
5310
 
5311
- const EnrichedText = {
5311
+ const link$1 = {
5312
5312
  [vars$u.hostDirection]: globalRefs$l.direction,
5313
+ [vars$u.cursor]: 'pointer',
5313
5314
 
5314
- [vars$u.fontSize]: globalRefs$l.typography.body1.size,
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
- [vars$u.textLineHeight]: '1.35em',
5320
- [vars$u.textAlign]: 'left',
5321
- [vars$u.textColor]: globalRefs$l.colors.surface.dark,
5317
+ textAlign: {
5318
+ right: { [vars$u.textAlign]: 'right' },
5319
+ left: { [vars$u.textAlign]: 'left' },
5320
+ center: { [vars$u.textAlign]: 'center' },
5321
+ },
5322
5322
 
5323
- [vars$u.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
5324
- [vars$u.linkTextDecoration]: 'none',
5325
- [vars$u.linkHoverTextDecoration]: 'underline',
5323
+ _fullWidth: {
5324
+ [vars$u.hostWidth]: '100%',
5325
+ },
5326
5326
 
5327
- [vars$u.minWidth]: '0.25em',
5328
- [vars$u.minHeight]: '1.35em',
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.surface.dark,
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 EnrichedText$1 = /*#__PURE__*/Object.freeze({
5344
+ var link$2 = /*#__PURE__*/Object.freeze({
5395
5345
  __proto__: null,
5396
- default: EnrichedText,
5346
+ default: link$1,
5397
5347
  vars: vars$u
5398
5348
  });
5399
5349
 
5400
5350
  const globalRefs$k = getThemeRefs(globals);
5401
- const vars$t = LinkClass.cssVarList;
5351
+ const vars$t = EnrichedTextClass.cssVarList;
5402
5352
 
5403
- const link$1 = {
5353
+ const enrichedText = {
5404
5354
  [vars$t.hostDirection]: globalRefs$k.direction,
5405
- [vars$t.cursor]: 'pointer',
5406
-
5407
- [vars$t.textColor]: globalRefs$k.colors.primary.main,
5355
+ [vars$t.hostWidth]: useVar(vars$v.hostWidth),
5408
5356
 
5409
- textAlign: {
5410
- right: { [vars$t.textAlign]: 'right' },
5411
- left: { [vars$t.textAlign]: 'left' },
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
- _fullWidth: {
5416
- [vars$t.hostWidth]: '100%',
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
- _hover: {
5420
- [vars$t.textDecoration]: 'underline',
5421
- },
5365
+ [vars$t.linkColor]: useVar(vars$u.textColor),
5366
+ [vars$t.linkTextDecoration]: 'none',
5367
+ [vars$t.linkHoverTextDecoration]: 'underline',
5422
5368
 
5423
- mode: {
5424
- secondary: {
5425
- [vars$t.textColor]: globalRefs$k.colors.secondary.main,
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 link$2 = /*#__PURE__*/Object.freeze({
5374
+ var enrichedText$1 = /*#__PURE__*/Object.freeze({
5437
5375
  __proto__: null,
5438
- default: link$1,
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
- EnrichedText: EnrichedText$1,
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