@descope/web-components-ui 1.0.347 → 1.0.348
Sign up to get free protection for your applications and to get access to all the features.
- 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,
|