@descope/web-components-ui 3.14.4 → 3.14.6
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 +28 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +28 -0
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/DescopeDev.js.map +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js.map +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +40 -40
- package/src/components/descope-radio-group/RadioButtonClass.js +1 -0
- package/src/components/descope-radio-group/RadioGroupClass.js +20 -0
- package/src/theme/components/radioGroup/radioButton.js +1 -0
- package/src/theme/components/radioGroup/radioGroup.js +6 -0
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -25277,6 +25277,7 @@ const RadioButtonClass = compose$1(
|
|
|
25277
25277
|
fontSize: [{ selector: 'label' }, {}],
|
|
25278
25278
|
labelTextColor: { selector: 'label', property: 'color' },
|
|
25279
25279
|
fontFamily: { selector: 'label' },
|
|
25280
|
+
labelFontWeight: { selector: 'label', property: 'font-weight' },
|
|
25280
25281
|
radioSize: [
|
|
25281
25282
|
{ selector: '::part(radio)', property: 'height' },
|
|
25282
25283
|
{ selector: '::part(radio)', property: 'width' },
|
|
@@ -25438,10 +25439,30 @@ const RadioGroupClass = compose$1(
|
|
|
25438
25439
|
buttonsSpacing: { selector: '::part(group-field)', property: 'justify-content' },
|
|
25439
25440
|
buttonsRowGap: { selector: '::part(group-field)', property: 'row-gap' },
|
|
25440
25441
|
buttonsColumnGap: { selector: '::part(group-field)', property: 'column-gap' },
|
|
25442
|
+
itemsFontFamily: {
|
|
25443
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
25444
|
+
property: RadioButtonClass.cssVarList.fontFamily,
|
|
25445
|
+
},
|
|
25446
|
+
itemsLabelFontWeight: {
|
|
25447
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
25448
|
+
property: RadioButtonClass.cssVarList.labelFontWeight,
|
|
25449
|
+
},
|
|
25441
25450
|
itemsLabelColor: {
|
|
25442
25451
|
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
25443
25452
|
property: RadioButtonClass.cssVarList.labelTextColor,
|
|
25444
25453
|
},
|
|
25454
|
+
itemsRadioCheckedColor: {
|
|
25455
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
25456
|
+
property: RadioButtonClass.cssVarList.radioCheckedColor,
|
|
25457
|
+
},
|
|
25458
|
+
itemsRadioBackgroundColor: {
|
|
25459
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
25460
|
+
property: RadioButtonClass.cssVarList.radioBackgroundColor,
|
|
25461
|
+
},
|
|
25462
|
+
itemsRadioCheckedBackgroundColor: {
|
|
25463
|
+
selector: () => `::slotted(${RadioButtonClass.componentName}[checked="true"])`,
|
|
25464
|
+
property: RadioButtonClass.cssVarList.radioBackgroundColor,
|
|
25465
|
+
},
|
|
25445
25466
|
},
|
|
25446
25467
|
}),
|
|
25447
25468
|
draggableMixin,
|
|
@@ -25482,6 +25503,7 @@ const radioGroup = {
|
|
|
25482
25503
|
[vars$b.hostDirection]: refs.direction,
|
|
25483
25504
|
[vars$b.fontSize]: refs.fontSize,
|
|
25484
25505
|
[vars$b.fontFamily]: refs.fontFamily,
|
|
25506
|
+
[vars$b.labelFontWeight]: refs.labelFontWeight,
|
|
25485
25507
|
[vars$b.labelTextColor]: refs.labelTextColor,
|
|
25486
25508
|
[vars$b.labelRequiredIndicator]: refs.requiredIndicator,
|
|
25487
25509
|
[vars$b.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
@@ -25493,6 +25515,11 @@ const radioGroup = {
|
|
|
25493
25515
|
[vars$b.errorMessageFontSize]: refs.errorMessageFontSize,
|
|
25494
25516
|
[vars$b.helperTextColor]: refs.helperTextColor,
|
|
25495
25517
|
[vars$b.itemsLabelColor]: globalRefs$5.colors.surface.contrast,
|
|
25518
|
+
[vars$b.itemsLabelFontWeight]: refs.inputValueFontWeight,
|
|
25519
|
+
[vars$b.itemsFontFamily]: refs.fontFamily,
|
|
25520
|
+
[vars$b.itemsRadioCheckedColor]: globalRefs$5.colors.surface.light,
|
|
25521
|
+
[vars$b.itemsRadioBackgroundColor]: globalRefs$5.colors.surface.light,
|
|
25522
|
+
[vars$b.itemsRadioCheckedBackgroundColor]: globalRefs$5.colors.surface.contrast,
|
|
25496
25523
|
|
|
25497
25524
|
textAlign: {
|
|
25498
25525
|
right: { [vars$b.inputTextAlign]: 'right' },
|
|
@@ -25521,6 +25548,7 @@ const globalRefs$4 = getThemeRefs(globals$1);
|
|
|
25521
25548
|
|
|
25522
25549
|
const radioButton = {
|
|
25523
25550
|
[vars$a.fontFamily]: refs.fontFamily,
|
|
25551
|
+
[vars$a.labelFontWeight]: refs.inputValueFontWeight,
|
|
25524
25552
|
[vars$a.radioSize]: 'calc(1em + 6px)',
|
|
25525
25553
|
[vars$a.radioMargin]: 'auto 4px',
|
|
25526
25554
|
[vars$a.radioCheckedSize]: `calc(var(${vars$a.radioSize})/5)`,
|