@czi-sds/components 22.13.1 → 22.13.2

package/dist/index.cjs.d.ts

@@ -1507,12 +1507,22 @@ interface RadioExtraProps extends CommonThemeProps {
     disabled?: boolean;
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
-    caption?: string;
+    caption?: React.ReactNode;
     intent?: "default" | "negative" | "notice" | "positive";
     label?: React.ReactNode;
     radioProps?: Partial<MUIRadioProps>;
     stage?: "checked" | "unchecked";
     value?: string;
+    classes?: {
+        root?: string;
+        labelCaptionContainer?: string;
+        label?: string;
+        caption?: string;
+        radioButton?: string;
+        radioCheckedIcon?: string;
+        radioCheckedIconDot?: string;
+        radioDefaultIcon?: string;
+    };
 }
 type RadioProps = RadioContentProps & RadioExtraProps;
 /**

package/dist/index.cjs.js

@@ -8004,10 +8004,11 @@ var templateObject_1$x, templateObject_2$k, templateObject_3$f, templateObject_4
  * @see https://mui.com/material-ui/react-radio-button/
  */
 var InputRadio = function (props) {
-    var caption = props.caption, disabled = props.disabled, _a = props.intent, intent = _a === void 0 ? "default" : _a, radioProps = props.radioProps, stage = props.stage, value = props.value;
+    var caption = props.caption, disabled = props.disabled, _a = props.intent, intent = _a === void 0 ? "default" : _a, radioProps = props.radioProps, stage = props.stage, value = props.value, _b = props.classes, classes = _b === void 0 ? EMPTY_OBJECT : _b;
     // (masoudmanson): We don't need to pass the label prop to the radio component
     // so we are destructuring it here.
     var label = props.label, restProps = __rest(props, ["label"]);
+    var root = classes.root, labelCaptionContainer = classes.labelCaptionContainer, labelClassName = classes.label, captionClassName = classes.caption, radioButtonClassName = classes.radioButton, radioCheckedIconClassName = classes.radioCheckedIcon, radioCheckedIconDotClassName = classes.radioCheckedIconDot, radioDefaultIconClassName = classes.radioDefaultIcon;
     var newProps;
     switch (stage) {
         case "checked":
@@ -8023,8 +8024,8 @@ var InputRadio = function (props) {
     // Otherwise, the screen reader will read the label twice!
     var labelId = "".concat(value, "-label");
     var captionId = caption ? "".concat(value, "-caption") : undefined;
-    var finalLabel = caption ? (jsxRuntime.jsxs(StyledLabelContainer, { children: [jsxRuntime.jsx(StyledRadioLabel, { id: labelId, children: label }), jsxRuntime.jsx(StyledRadioCaption, { id: captionId, children: caption })] })) : (jsxRuntime.jsx(StyledLabelContainer, { children: jsxRuntime.jsx(StyledRadioLabel, { id: labelId, children: label }) }));
-    return (jsxRuntime.jsx(StyledFormControlLabel, { control: jsxRuntime.jsx(StyledRadioButton, __assign({ checkedIcon: jsxRuntime.jsx(StyledRadioCheckedIcon, { children: jsxRuntime.jsx(StyledRadioDot, {}) }), icon: jsxRuntime.jsx(StyledRadioDefaultIcon, { intent: intent }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
+    var finalLabel = caption ? (jsxRuntime.jsxs(StyledLabelContainer, { className: labelCaptionContainer, children: [jsxRuntime.jsx(StyledRadioLabel, { id: labelId, className: labelClassName, children: label }), jsxRuntime.jsx(StyledRadioCaption, { id: captionId, className: captionClassName, children: caption })] })) : (jsxRuntime.jsx(StyledLabelContainer, { className: labelCaptionContainer, children: jsxRuntime.jsx(StyledRadioLabel, { id: labelId, className: labelClassName, children: label }) }));
+    return (jsxRuntime.jsx(StyledFormControlLabel, { control: jsxRuntime.jsx(StyledRadioButton, __assign({ className: radioButtonClassName, checkedIcon: jsxRuntime.jsx(StyledRadioCheckedIcon, { className: radioCheckedIconClassName, children: jsxRuntime.jsx(StyledRadioDot, { className: radioCheckedIconDotClassName }) }), icon: jsxRuntime.jsx(StyledRadioDefaultIcon, { intent: intent, className: radioDefaultIconClassName }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value, className: root }));
 };
 
 var inputSlider = function (props) {

package/dist/index.esm.d.ts

@@ -1507,12 +1507,22 @@ interface RadioExtraProps extends CommonThemeProps {
     disabled?: boolean;
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
-    caption?: string;
+    caption?: React.ReactNode;
     intent?: "default" | "negative" | "notice" | "positive";
     label?: React.ReactNode;
     radioProps?: Partial<MUIRadioProps>;
     stage?: "checked" | "unchecked";
     value?: string;
+    classes?: {
+        root?: string;
+        labelCaptionContainer?: string;
+        label?: string;
+        caption?: string;
+        radioButton?: string;
+        radioCheckedIcon?: string;
+        radioCheckedIconDot?: string;
+        radioDefaultIcon?: string;
+    };
 }
 type RadioProps = RadioContentProps & RadioExtraProps;
 /**

package/dist/index.esm.js

@@ -7981,10 +7981,11 @@ var templateObject_1$x, templateObject_2$k, templateObject_3$f, templateObject_4
  * @see https://mui.com/material-ui/react-radio-button/
  */
 var InputRadio = function (props) {
-    var caption = props.caption, disabled = props.disabled, _a = props.intent, intent = _a === void 0 ? "default" : _a, radioProps = props.radioProps, stage = props.stage, value = props.value;
+    var caption = props.caption, disabled = props.disabled, _a = props.intent, intent = _a === void 0 ? "default" : _a, radioProps = props.radioProps, stage = props.stage, value = props.value, _b = props.classes, classes = _b === void 0 ? EMPTY_OBJECT : _b;
     // (masoudmanson): We don't need to pass the label prop to the radio component
     // so we are destructuring it here.
     var label = props.label, restProps = __rest(props, ["label"]);
+    var root = classes.root, labelCaptionContainer = classes.labelCaptionContainer, labelClassName = classes.label, captionClassName = classes.caption, radioButtonClassName = classes.radioButton, radioCheckedIconClassName = classes.radioCheckedIcon, radioCheckedIconDotClassName = classes.radioCheckedIconDot, radioDefaultIconClassName = classes.radioDefaultIcon;
     var newProps;
     switch (stage) {
         case "checked":
@@ -8000,8 +8001,8 @@ var InputRadio = function (props) {
     // Otherwise, the screen reader will read the label twice!
     var labelId = "".concat(value, "-label");
     var captionId = caption ? "".concat(value, "-caption") : undefined;
-    var finalLabel = caption ? (jsxs(StyledLabelContainer, { children: [jsx(StyledRadioLabel, { id: labelId, children: label }), jsx(StyledRadioCaption, { id: captionId, children: caption })] })) : (jsx(StyledLabelContainer, { children: jsx(StyledRadioLabel, { id: labelId, children: label }) }));
-    return (jsx(StyledFormControlLabel, { control: jsx(StyledRadioButton, __assign({ checkedIcon: jsx(StyledRadioCheckedIcon, { children: jsx(StyledRadioDot, {}) }), icon: jsx(StyledRadioDefaultIcon, { intent: intent }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
+    var finalLabel = caption ? (jsxs(StyledLabelContainer, { className: labelCaptionContainer, children: [jsx(StyledRadioLabel, { id: labelId, className: labelClassName, children: label }), jsx(StyledRadioCaption, { id: captionId, className: captionClassName, children: caption })] })) : (jsx(StyledLabelContainer, { className: labelCaptionContainer, children: jsx(StyledRadioLabel, { id: labelId, className: labelClassName, children: label }) }));
+    return (jsx(StyledFormControlLabel, { control: jsx(StyledRadioButton, __assign({ className: radioButtonClassName, checkedIcon: jsx(StyledRadioCheckedIcon, { className: radioCheckedIconClassName, children: jsx(StyledRadioDot, { className: radioCheckedIconDotClassName }) }), icon: jsx(StyledRadioDefaultIcon, { intent: intent, className: radioDefaultIconClassName }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value, className: root }));
 };
 
 var inputSlider = function (props) {