@descope/web-components-ui 1.0.347 → 1.0.348

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
@@ -719,7 +719,7 @@ const createProxy = ({
719
719
 
720
720
  constructor() {
721
721
  super().attachShadow({ mode: 'open', delegatesFocus }).innerHTML = `
722
- <style id="create-proxy">${isFunction(style) ? style() : style}</style>
722
+ <style id="create-proxy">${(isFunction(style) ? style() : style) || ''}</style>
723
723
  <${wrappedEleName}>
724
724
  ${slots
725
725
  .map(
@@ -2675,10 +2675,6 @@ class RawLink extends createBaseClass({ componentName: componentName$L, baseSele
2675
2675
  }
2676
2676
  :host a {
2677
2677
  display: inline;
2678
- text-decoration: none;
2679
- }
2680
- :host a:hover {
2681
- text-decoration: underline;
2682
2678
  }
2683
2679
  </style>
2684
2680
  <div>
@@ -2705,12 +2701,13 @@ class RawLink extends createBaseClass({ componentName: componentName$L, baseSele
2705
2701
 
2706
2702
  const selectors$1 = {
2707
2703
  host: { selector: () => ':host' },
2704
+ link: { selector: () => ':host a' },
2708
2705
  anchor: {},
2709
2706
  wrapper: { selector: () => ':host > div' },
2710
2707
  text: { selector: () => TextClass.componentName },
2711
2708
  };
2712
2709
 
2713
- const { anchor, text: text$2, host: host$h, wrapper: wrapper$1 } = selectors$1;
2710
+ const { anchor, text: text$2, host: host$h, wrapper: wrapper$1, link: link$3 } = selectors$1;
2714
2711
 
2715
2712
  const LinkClass = compose(
2716
2713
  createStyleMixin({
@@ -2718,6 +2715,7 @@ const LinkClass = compose(
2718
2715
  hostWidth: { ...host$h, property: 'width' },
2719
2716
  hostDirection: { ...text$2, property: 'direction' },
2720
2717
  textAlign: wrapper$1,
2718
+ textDecoration: { ...link$3, property: 'text-decoration', fallback: 'none' },
2721
2719
  textColor: [
2722
2720
  { ...anchor, property: 'color' },
2723
2721
  { ...text$2, property: TextClass.cssVarList.textColor },
@@ -3702,12 +3700,8 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
3702
3700
  margin-bottom: 1em;
3703
3701
  }
3704
3702
  a {
3705
- text-decoration: none;
3706
3703
  cursor: pointer;
3707
3704
  }
3708
- a:hover {
3709
- text-decoration: underline;
3710
- }
3711
3705
  blockquote {
3712
3706
  padding: 0 2em;
3713
3707
  }
@@ -3852,6 +3846,8 @@ const EnrichedTextClass = compose(
3852
3846
  textLineHeight: { property: 'line-height' },
3853
3847
  textAlign: {},
3854
3848
  linkColor: { selector: 'a', property: 'color' },
3849
+ linkTextDecoration: { selector: 'a', property: 'text-decoration' },
3850
+ linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },
3855
3851
  minHeight: {},
3856
3852
  minWidth: {},
3857
3853
  },
@@ -11290,6 +11286,9 @@ const RadioButtonClass = compose(
11290
11286
  radioMargin: { selector: '::part(radio)', property: 'margin' },
11291
11287
  radioCheckedSize: { selector: '::part(radio)::after', property: 'border-width' },
11292
11288
  radioCheckedColor: { selector: '::part(radio)::after', property: 'border-color' },
11289
+ radioBorderColor: { selector: '::part(radio)', property: 'border-color', fallback: 'none' },
11290
+ radioBorderWidth: { selector: '::part(radio)', property: 'border-width', fallback: 0 },
11291
+ radioBorderStyle: { selector: '::part(radio)', property: 'border-style', fallback: 'solid' },
11293
11292
  },
11294
11293
  }),
11295
11294
  composedProxyInputMixin({ proxyProps: ['setSelectionRange'] }),
@@ -12768,6 +12767,8 @@ const EnrichedText = {
12768
12767
  [vars$u.textColor]: globalRefs$l.colors.surface.dark,
12769
12768
 
12770
12769
  [vars$u.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
12770
+ [vars$u.linkTextDecoration]: 'none',
12771
+ [vars$u.linkHoverTextDecoration]: 'underline',
12771
12772
 
12772
12773
  [vars$u.minWidth]: '0.25em',
12773
12774
  [vars$u.minHeight]: '1.35em',
@@ -12861,6 +12862,10 @@ const link = {
12861
12862
  [vars$t.hostWidth]: '100%',
12862
12863
  },
12863
12864
 
12865
+ _hover: {
12866
+ [vars$t.textDecoration]: 'underline',
12867
+ },
12868
+
12864
12869
  mode: {
12865
12870
  secondary: {
12866
12871
  [vars$t.textColor]: globalRefs$k.colors.secondary.main,
@@ -14027,6 +14032,8 @@ const radioButton = {
14027
14032
  [vars$1.radioCheckedSize]: `calc(var(${vars$1.radioSize})/5)`,
14028
14033
  [vars$1.radioCheckedColor]: globalRefs.colors.surface.light,
14029
14034
  [vars$1.radioBackgroundColor]: globalRefs.colors.surface.light,
14035
+ [vars$1.radioBorderColor]: 'none',
14036
+ [vars$1.radioBorderWidth]: 0,
14030
14037
 
14031
14038
  _checked: {
14032
14039
  [vars$1.radioBackgroundColor]: globalRefs.colors.surface.contrast,