odaptos_design_system 1.4.80 → 1.4.81
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/RatingScale/RatingScale.d.ts +2 -0
- package/dist/odaptos_design_system.cjs.development.js +17 -3
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +17 -3
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/RatingScale/RatingScale.module.scss +8 -0
- package/src/RatingScale/RatingScale.tsx +20 -0
|
@@ -16,6 +16,8 @@ interface RatingScaleProps {
|
|
|
16
16
|
helperText?: string;
|
|
17
17
|
errorText?: string;
|
|
18
18
|
error?: boolean;
|
|
19
|
+
ratingStartText?: string;
|
|
20
|
+
ratingEndText?: string;
|
|
19
21
|
otherProps?: any;
|
|
20
22
|
}
|
|
21
23
|
export declare const RatingScale: (props: RatingScaleProps) => React.JSX.Element;
|
|
@@ -8516,8 +8516,8 @@ const Radio = ({
|
|
|
8516
8516
|
}));
|
|
8517
8517
|
};
|
|
8518
8518
|
|
|
8519
|
-
var css_248z$s = ".RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB{display:flex;flex-direction:row;flex-wrap:wrap}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB .RatingScale-module_radioContainer__TPHX2{display:flex;gap:.25rem}";
|
|
8520
|
-
var styles$s = {"ratingScale":"RatingScale-module_ratingScale__U-ng1","formControl":"RatingScale-module_formControl__dRysB","radioGroup":"RatingScale-module_radioGroup__3WsUB","radioContainer":"RatingScale-module_radioContainer__TPHX2"};
|
|
8519
|
+
var css_248z$s = ".RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB{width:100%}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB .RatingScale-module_radioContainer__TPHX2{display:flex;gap:.25rem}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_ratingScaleText__bsEqe{display:flex;justify-content:space-between}";
|
|
8520
|
+
var styles$s = {"ratingScale":"RatingScale-module_ratingScale__U-ng1","formControl":"RatingScale-module_formControl__dRysB","radioGroup":"RatingScale-module_radioGroup__3WsUB","radioContainer":"RatingScale-module_radioContainer__TPHX2","ratingScaleText":"RatingScale-module_ratingScaleText__bsEqe"};
|
|
8521
8521
|
styleInject(css_248z$s);
|
|
8522
8522
|
|
|
8523
8523
|
const RatingScale = props => {
|
|
@@ -8535,6 +8535,8 @@ const RatingScale = props => {
|
|
|
8535
8535
|
onBlur,
|
|
8536
8536
|
disabled,
|
|
8537
8537
|
error,
|
|
8538
|
+
ratingStartText,
|
|
8539
|
+
ratingEndText,
|
|
8538
8540
|
otherProps
|
|
8539
8541
|
} = props;
|
|
8540
8542
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -8564,7 +8566,19 @@ const RatingScale = props => {
|
|
|
8564
8566
|
label: option,
|
|
8565
8567
|
checked: value === option,
|
|
8566
8568
|
disabled: disabled
|
|
8567
|
-
}))))
|
|
8569
|
+
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
8570
|
+
className: styles$s.ratingScaleText
|
|
8571
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
8572
|
+
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
8573
|
+
weight: 'regular',
|
|
8574
|
+
size: 'sm',
|
|
8575
|
+
className: styles$s.ratingScaleStartText
|
|
8576
|
+
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
8577
|
+
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
8578
|
+
weight: 'regular',
|
|
8579
|
+
size: 'sm',
|
|
8580
|
+
className: styles$s.ratingScaleEndText
|
|
8581
|
+
})) : null);
|
|
8568
8582
|
};
|
|
8569
8583
|
|
|
8570
8584
|
var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:1rem;width:1rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
|