@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/index.esm.js
CHANGED
|
@@ -17580,6 +17580,7 @@ const RadioButtonClass = compose(
|
|
|
17580
17580
|
fontSize: [{ selector: 'label' }, {}],
|
|
17581
17581
|
labelTextColor: { selector: 'label', property: 'color' },
|
|
17582
17582
|
fontFamily: { selector: 'label' },
|
|
17583
|
+
labelFontWeight: { selector: 'label', property: 'font-weight' },
|
|
17583
17584
|
radioSize: [
|
|
17584
17585
|
{ selector: '::part(radio)', property: 'height' },
|
|
17585
17586
|
{ selector: '::part(radio)', property: 'width' },
|
|
@@ -17741,10 +17742,30 @@ const RadioGroupClass = compose(
|
|
|
17741
17742
|
buttonsSpacing: { selector: '::part(group-field)', property: 'justify-content' },
|
|
17742
17743
|
buttonsRowGap: { selector: '::part(group-field)', property: 'row-gap' },
|
|
17743
17744
|
buttonsColumnGap: { selector: '::part(group-field)', property: 'column-gap' },
|
|
17745
|
+
itemsFontFamily: {
|
|
17746
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
17747
|
+
property: RadioButtonClass.cssVarList.fontFamily,
|
|
17748
|
+
},
|
|
17749
|
+
itemsLabelFontWeight: {
|
|
17750
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
17751
|
+
property: RadioButtonClass.cssVarList.labelFontWeight,
|
|
17752
|
+
},
|
|
17744
17753
|
itemsLabelColor: {
|
|
17745
17754
|
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
17746
17755
|
property: RadioButtonClass.cssVarList.labelTextColor,
|
|
17747
17756
|
},
|
|
17757
|
+
itemsRadioCheckedColor: {
|
|
17758
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
17759
|
+
property: RadioButtonClass.cssVarList.radioCheckedColor,
|
|
17760
|
+
},
|
|
17761
|
+
itemsRadioBackgroundColor: {
|
|
17762
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
17763
|
+
property: RadioButtonClass.cssVarList.radioBackgroundColor,
|
|
17764
|
+
},
|
|
17765
|
+
itemsRadioCheckedBackgroundColor: {
|
|
17766
|
+
selector: () => `::slotted(${RadioButtonClass.componentName}[checked="true"])`,
|
|
17767
|
+
property: RadioButtonClass.cssVarList.radioBackgroundColor,
|
|
17768
|
+
},
|
|
17748
17769
|
},
|
|
17749
17770
|
}),
|
|
17750
17771
|
draggableMixin,
|
|
@@ -31831,6 +31852,7 @@ const radioGroup = {
|
|
|
31831
31852
|
[vars$b.hostDirection]: refs.direction,
|
|
31832
31853
|
[vars$b.fontSize]: refs.fontSize,
|
|
31833
31854
|
[vars$b.fontFamily]: refs.fontFamily,
|
|
31855
|
+
[vars$b.labelFontWeight]: refs.labelFontWeight,
|
|
31834
31856
|
[vars$b.labelTextColor]: refs.labelTextColor,
|
|
31835
31857
|
[vars$b.labelRequiredIndicator]: refs.requiredIndicator,
|
|
31836
31858
|
[vars$b.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
@@ -31842,6 +31864,11 @@ const radioGroup = {
|
|
|
31842
31864
|
[vars$b.errorMessageFontSize]: refs.errorMessageFontSize,
|
|
31843
31865
|
[vars$b.helperTextColor]: refs.helperTextColor,
|
|
31844
31866
|
[vars$b.itemsLabelColor]: globalRefs$5.colors.surface.contrast,
|
|
31867
|
+
[vars$b.itemsLabelFontWeight]: refs.inputValueFontWeight,
|
|
31868
|
+
[vars$b.itemsFontFamily]: refs.fontFamily,
|
|
31869
|
+
[vars$b.itemsRadioCheckedColor]: globalRefs$5.colors.surface.light,
|
|
31870
|
+
[vars$b.itemsRadioBackgroundColor]: globalRefs$5.colors.surface.light,
|
|
31871
|
+
[vars$b.itemsRadioCheckedBackgroundColor]: globalRefs$5.colors.surface.contrast,
|
|
31845
31872
|
|
|
31846
31873
|
textAlign: {
|
|
31847
31874
|
right: { [vars$b.inputTextAlign]: 'right' },
|
|
@@ -31870,6 +31897,7 @@ const globalRefs$4 = getThemeRefs(globals$1);
|
|
|
31870
31897
|
|
|
31871
31898
|
const radioButton = {
|
|
31872
31899
|
[vars$a.fontFamily]: refs.fontFamily,
|
|
31900
|
+
[vars$a.labelFontWeight]: refs.inputValueFontWeight,
|
|
31873
31901
|
[vars$a.radioSize]: 'calc(1em + 6px)',
|
|
31874
31902
|
[vars$a.radioMargin]: 'auto 4px',
|
|
31875
31903
|
[vars$a.radioCheckedSize]: `calc(var(${vars$a.radioSize})/5)`,
|