@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/index.esm.js CHANGED
@@ -2634,9 +2634,7 @@ const customMixin$a = (superclass) =>
2634
2634
  init() {
2635
2635
  super.init?.();
2636
2636
 
2637
- if (!this.getAttribute('pattern')) {
2638
- this.setAttribute('pattern', defaultPattern);
2639
- }
2637
+ this.setAttribute('pattern', defaultPattern);
2640
2638
 
2641
2639
  if (!this.getAttribute('autocomplete')) {
2642
2640
  this.setAttribute('autocomplete', defaultAutocomplete);
@@ -3767,7 +3765,7 @@ const decodeHTML = (html) => {
3767
3765
 
3768
3766
  const componentName$D = getComponentName('enriched-text');
3769
3767
 
3770
- let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$D, baseSelector: ':host > div' }) {
3768
+ class EnrichedText extends createBaseClass({ componentName: componentName$D, baseSelector: ':host > div' }) {
3771
3769
  #origLinkRenderer;
3772
3770
 
3773
3771
  #origEmRenderer;
@@ -3927,7 +3925,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
3927
3925
  this.contentNode.removeAttribute('inert');
3928
3926
  }
3929
3927
  }
3930
- };
3928
+ }
3931
3929
 
3932
3930
  const EnrichedTextClass = compose(
3933
3931
  createStyleMixin({
@@ -3952,9 +3950,10 @@ const EnrichedTextClass = compose(
3952
3950
  },
3953
3951
  }),
3954
3952
  createStyleMixin({ componentNameOverride: getComponentName('link') }),
3953
+ createStyleMixin({ componentNameOverride: getComponentName('text') }),
3955
3954
  draggableMixin,
3956
3955
  componentNameValidationMixin
3957
- )(EnrichedText$2);
3956
+ )(EnrichedText);
3958
3957
 
3959
3958
  customElements.define(componentName$D, EnrichedTextClass);
3960
3959
 
@@ -12990,6 +12989,7 @@ const text = {
12990
12989
  [vars$v.textLineHeight]: '1.35em',
12991
12990
  [vars$v.textAlign]: 'left',
12992
12991
  [vars$v.textColor]: globalRefs$m.colors.surface.dark,
12992
+
12993
12993
  variant: {
12994
12994
  h1: {
12995
12995
  [vars$v.fontSize]: globalRefs$m.typography.h1.size,
@@ -13073,33 +13073,31 @@ var text$1 = /*#__PURE__*/Object.freeze({
13073
13073
  });
13074
13074
 
13075
13075
  const globalRefs$l = getThemeRefs(globals);
13076
- const vars$u = EnrichedTextClass.cssVarList;
13076
+ const vars$u = LinkClass.cssVarList;
13077
13077
 
13078
- const EnrichedText = {
13078
+ const link = {
13079
13079
  [vars$u.hostDirection]: globalRefs$l.direction,
13080
+ [vars$u.cursor]: 'pointer',
13080
13081
 
13081
- [vars$u.fontSize]: globalRefs$l.typography.body1.size,
13082
- [vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
13083
- [vars$u.fontWeightBold]: '900',
13084
- [vars$u.fontFamily]: globalRefs$l.typography.body1.font,
13082
+ [vars$u.textColor]: globalRefs$l.colors.primary.main,
13085
13083
 
13086
- [vars$u.textLineHeight]: '1.35em',
13087
- [vars$u.textAlign]: 'left',
13088
- [vars$u.textColor]: globalRefs$l.colors.surface.dark,
13084
+ textAlign: {
13085
+ right: { [vars$u.textAlign]: 'right' },
13086
+ left: { [vars$u.textAlign]: 'left' },
13087
+ center: { [vars$u.textAlign]: 'center' },
13088
+ },
13089
13089
 
13090
- [vars$u.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
13091
- [vars$u.linkTextDecoration]: 'none',
13092
- [vars$u.linkHoverTextDecoration]: 'underline',
13090
+ _fullWidth: {
13091
+ [vars$u.hostWidth]: '100%',
13092
+ },
13093
13093
 
13094
- [vars$u.minWidth]: '0.25em',
13095
- [vars$u.minHeight]: '1.35em',
13094
+ _hover: {
13095
+ [vars$u.textDecoration]: 'underline',
13096
+ },
13096
13097
 
13097
13098
  mode: {
13098
- primary: {
13099
- [vars$u.textColor]: globalRefs$l.colors.surface.contrast,
13100
- },
13101
13099
  secondary: {
13102
- [vars$u.textColor]: globalRefs$l.colors.surface.dark,
13100
+ [vars$u.textColor]: globalRefs$l.colors.secondary.main,
13103
13101
  },
13104
13102
  error: {
13105
13103
  [vars$u.textColor]: globalRefs$l.colors.error.main,
@@ -13108,101 +13106,41 @@ const EnrichedText = {
13108
13106
  [vars$u.textColor]: globalRefs$l.colors.success.main,
13109
13107
  },
13110
13108
  },
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
13109
  };
13160
13110
 
13161
- var EnrichedText$1 = /*#__PURE__*/Object.freeze({
13111
+ var link$1 = /*#__PURE__*/Object.freeze({
13162
13112
  __proto__: null,
13163
- default: EnrichedText,
13113
+ default: link,
13164
13114
  vars: vars$u
13165
13115
  });
13166
13116
 
13167
13117
  const globalRefs$k = getThemeRefs(globals);
13168
- const vars$t = LinkClass.cssVarList;
13118
+ const vars$t = EnrichedTextClass.cssVarList;
13169
13119
 
13170
- const link = {
13120
+ const enrichedText = {
13171
13121
  [vars$t.hostDirection]: globalRefs$k.direction,
13172
- [vars$t.cursor]: 'pointer',
13173
-
13174
- [vars$t.textColor]: globalRefs$k.colors.primary.main,
13122
+ [vars$t.hostWidth]: useVar(vars$v.hostWidth),
13175
13123
 
13176
- textAlign: {
13177
- right: { [vars$t.textAlign]: 'right' },
13178
- left: { [vars$t.textAlign]: 'left' },
13179
- center: { [vars$t.textAlign]: 'center' },
13180
- },
13124
+ [vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
13125
+ [vars$t.textColor]: useVar(vars$v.textColor),
13126
+ [vars$t.textAlign]: useVar(vars$v.textAlign),
13181
13127
 
13182
- _fullWidth: {
13183
- [vars$t.hostWidth]: '100%',
13184
- },
13128
+ [vars$t.fontSize]: useVar(vars$v.fontSize),
13129
+ [vars$t.fontWeight]: useVar(vars$v.fontWeight),
13130
+ [vars$t.fontFamily]: useVar(vars$v.fontFamily),
13185
13131
 
13186
- _hover: {
13187
- [vars$t.textDecoration]: 'underline',
13188
- },
13132
+ [vars$t.linkColor]: useVar(vars$u.textColor),
13133
+ [vars$t.linkTextDecoration]: 'none',
13134
+ [vars$t.linkHoverTextDecoration]: 'underline',
13189
13135
 
13190
- mode: {
13191
- secondary: {
13192
- [vars$t.textColor]: globalRefs$k.colors.secondary.main,
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
- },
13136
+ [vars$t.fontWeightBold]: '900',
13137
+ [vars$t.minWidth]: '0.25em',
13138
+ [vars$t.minHeight]: '1.35em',
13201
13139
  };
13202
13140
 
13203
- var link$1 = /*#__PURE__*/Object.freeze({
13141
+ var enrichedText$1 = /*#__PURE__*/Object.freeze({
13204
13142
  __proto__: null,
13205
- default: link,
13143
+ default: enrichedText,
13206
13144
  vars: vars$t
13207
13145
  });
13208
13146
 
@@ -14412,7 +14350,7 @@ const components = {
14412
14350
  totpImage,
14413
14351
  notpImage,
14414
14352
  text: text$1,
14415
- EnrichedText: EnrichedText$1,
14353
+ enrichedText: enrichedText$1,
14416
14354
  link: link$1,
14417
14355
  divider: divider$1,
14418
14356
  passcode: passcode$1,