@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/cjs/index.cjs.js +17 -10
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +17 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/4978.js +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-enriched-text/EnrichedTextClass.js +2 -4
- package/src/components/descope-link/LinkClass.js +3 -5
- package/src/components/descope-radio-group/RadioButtonClass.js +3 -0
- package/src/mixins/createProxy.js +1 -1
- package/src/theme/components/enrichedText.js +2 -0
- package/src/theme/components/link.js +4 -0
- package/src/theme/components/radioGroup/radioButton.js +2 -0
package/dist/cjs/index.cjs.js
CHANGED
@@ -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,
|