@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.
@@ -1133,7 +1133,7 @@ const createProxy = ({
1133
1133
 
1134
1134
  constructor() {
1135
1135
  super().attachShadow({ mode: 'open', delegatesFocus }).innerHTML = `
1136
- <style id="create-proxy">${isFunction(style) ? style() : style}</style>
1136
+ <style id="create-proxy">${(isFunction(style) ? style() : style) || ''}</style>
1137
1137
  <${wrappedEleName}>
1138
1138
  ${slots
1139
1139
  .map(
@@ -5026,12 +5026,8 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
5026
5026
  margin-bottom: 1em;
5027
5027
  }
5028
5028
  a {
5029
- text-decoration: none;
5030
5029
  cursor: pointer;
5031
5030
  }
5032
- a:hover {
5033
- text-decoration: underline;
5034
- }
5035
5031
  blockquote {
5036
5032
  padding: 0 2em;
5037
5033
  }
@@ -5176,6 +5172,8 @@ const EnrichedTextClass = compose(
5176
5172
  textLineHeight: { property: 'line-height' },
5177
5173
  textAlign: {},
5178
5174
  linkColor: { selector: 'a', property: 'color' },
5175
+ linkTextDecoration: { selector: 'a', property: 'text-decoration' },
5176
+ linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },
5179
5177
  minHeight: {},
5180
5178
  minWidth: {},
5181
5179
  },
@@ -5199,10 +5197,6 @@ class RawLink extends createBaseClass({ componentName: componentName$B, baseSele
5199
5197
  }
5200
5198
  :host a {
5201
5199
  display: inline;
5202
- text-decoration: none;
5203
- }
5204
- :host a:hover {
5205
- text-decoration: underline;
5206
5200
  }
5207
5201
  </style>
5208
5202
  <div>
@@ -5229,12 +5223,13 @@ class RawLink extends createBaseClass({ componentName: componentName$B, baseSele
5229
5223
 
5230
5224
  const selectors$2 = {
5231
5225
  host: { selector: () => ':host' },
5226
+ link: { selector: () => ':host a' },
5232
5227
  anchor: {},
5233
5228
  wrapper: { selector: () => ':host > div' },
5234
5229
  text: { selector: () => TextClass.componentName },
5235
5230
  };
5236
5231
 
5237
- const { anchor, text: text$1, host: host$h, wrapper: wrapper$1 } = selectors$2;
5232
+ const { anchor, text: text$1, host: host$h, wrapper: wrapper$1, link: link$3 } = selectors$2;
5238
5233
 
5239
5234
  const LinkClass = compose(
5240
5235
  createStyleMixin({
@@ -5242,6 +5237,7 @@ const LinkClass = compose(
5242
5237
  hostWidth: { ...host$h, property: 'width' },
5243
5238
  hostDirection: { ...text$1, property: 'direction' },
5244
5239
  textAlign: wrapper$1,
5240
+ textDecoration: { ...link$3, property: 'text-decoration', fallback: 'none' },
5245
5241
  textColor: [
5246
5242
  { ...anchor, property: 'color' },
5247
5243
  { ...text$1, property: TextClass.cssVarList.textColor },
@@ -5269,6 +5265,8 @@ const EnrichedText = {
5269
5265
  [vars$u.textColor]: globalRefs$l.colors.surface.dark,
5270
5266
 
5271
5267
  [vars$u.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
5268
+ [vars$u.linkTextDecoration]: 'none',
5269
+ [vars$u.linkHoverTextDecoration]: 'underline',
5272
5270
 
5273
5271
  [vars$u.minWidth]: '0.25em',
5274
5272
  [vars$u.minHeight]: '1.35em',
@@ -5362,6 +5360,10 @@ const link$1 = {
5362
5360
  [vars$t.hostWidth]: '100%',
5363
5361
  },
5364
5362
 
5363
+ _hover: {
5364
+ [vars$t.textDecoration]: 'underline',
5365
+ },
5366
+
5365
5367
  mode: {
5366
5368
  secondary: {
5367
5369
  [vars$t.textColor]: globalRefs$k.colors.secondary.main,
@@ -12585,6 +12587,9 @@ const RadioButtonClass = compose(
12585
12587
  radioMargin: { selector: '::part(radio)', property: 'margin' },
12586
12588
  radioCheckedSize: { selector: '::part(radio)::after', property: 'border-width' },
12587
12589
  radioCheckedColor: { selector: '::part(radio)::after', property: 'border-color' },
12590
+ radioBorderColor: { selector: '::part(radio)', property: 'border-color', fallback: 'none' },
12591
+ radioBorderWidth: { selector: '::part(radio)', property: 'border-width', fallback: 0 },
12592
+ radioBorderStyle: { selector: '::part(radio)', property: 'border-style', fallback: 'solid' },
12588
12593
  },
12589
12594
  }),
12590
12595
  composedProxyInputMixin({ proxyProps: ['setSelectionRange'] }),
@@ -12822,6 +12827,8 @@ const radioButton = {
12822
12827
  [vars$1.radioCheckedSize]: `calc(var(${vars$1.radioSize})/5)`,
12823
12828
  [vars$1.radioCheckedColor]: globalRefs.colors.surface.light,
12824
12829
  [vars$1.radioBackgroundColor]: globalRefs.colors.surface.light,
12830
+ [vars$1.radioBorderColor]: 'none',
12831
+ [vars$1.radioBorderWidth]: 0,
12825
12832
 
12826
12833
  _checked: {
12827
12834
  [vars$1.radioBackgroundColor]: globalRefs.colors.surface.contrast,