glints-aries 4.0.376 → 4.0.377

package/es/@next/RadioButton/RadioButton.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface RadioButtonProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
-    label?: string;
-    helperText?: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
     disabled?: boolean;
     name?: string;
     checked?: boolean;

package/es/@next/RadioButton/RadioButton.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["label", "helperText", "disabled", "name", "checked", "value", "onChange"];
 import React from 'react';
-import { LabelWrapper, RadioButtonInput, RadioButtonWrapper } from './RadioButtonStyle';
-import { Typography } from '../Typography';
 import { Colors } from '..';
+import { Typography } from '../Typography';
+import { LabelWrapper, RadioButtonInput, RadioButtonWrapper } from './RadioButtonStyle';
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
  */
@@ -17,6 +17,22 @@ export var RadioButton = /*#__PURE__*/React.forwardRef(function RadioButton(_ref
     value = _ref.value,
     onChange = _ref.onChange,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var renderLabel = function renderLabel() {
+    if (!label) return null;
+    return /*#__PURE__*/React.createElement(Typography, {
+      variant: "body1",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: Colors.Neutral.B18
+    }, label);
+  };
+  var renderHelperText = function renderHelperText() {
+    if (!helperText) return null;
+    return /*#__PURE__*/React.createElement(Typography, {
+      variant: "subtitle2",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: Colors.Neutral.B40
+    }, helperText);
+  };
   return /*#__PURE__*/React.createElement(RadioButtonWrapper, null, /*#__PURE__*/React.createElement(RadioButtonInput, _extends({
     ref: ref,
     disabled: disabled,
@@ -30,13 +46,5 @@ export var RadioButton = /*#__PURE__*/React.forwardRef(function RadioButton(_ref
     }
   }, props)), /*#__PURE__*/React.createElement(LabelWrapper, {
     "data-disabled": disabled
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body1",
-    as: "span",
-    color: Colors.Neutral.B18
-  }, label), /*#__PURE__*/React.createElement(Typography, {
-    variant: "subtitle2",
-    as: "span",
-    color: Colors.Neutral.B40
-  }, helperText)));
+  }, renderLabel(), renderHelperText()));
 });

package/es/@next/RadioButton/RadioButtonStyle.js

@@ -13,4 +13,4 @@ export var RadioButtonInput = styled.input.withConfig({
 export var LabelWrapper = styled.div.withConfig({
   displayName: "RadioButtonStyle__LabelWrapper",
   componentId: "sc-138orlx-2"
-})(["cursor:pointer;display:flex;flex-direction:column;gap:", ";&[data-disabled='true']{span{color:", ";}cursor:not-allowed;}"], space4, Colors.Neutral.B85);
+})(["cursor:pointer;display:flex;flex-direction:column;gap:", ";&[data-disabled='true']{span,div{color:", ";}cursor:not-allowed;}"], space4, Colors.Neutral.B85);

package/lib/@next/RadioButton/RadioButton.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface RadioButtonProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
-    label?: string;
-    helperText?: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
     disabled?: boolean;
     name?: string;
     checked?: boolean;

package/lib/@next/RadioButton/RadioButton.js

@@ -6,9 +6,9 @@ exports.RadioButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _RadioButtonStyle = require("./RadioButtonStyle");
-var _Typography = require("../Typography");
 var _ = require("..");
+var _Typography = require("../Typography");
+var _RadioButtonStyle = require("./RadioButtonStyle");
 var _excluded = ["label", "helperText", "disabled", "name", "checked", "value", "onChange"];
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
@@ -22,6 +22,22 @@ var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function RadioButton
     value = _ref.value,
     onChange = _ref.onChange,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var renderLabel = function renderLabel() {
+    if (!label) return null;
+    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "body1",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: _.Colors.Neutral.B18
+    }, label);
+  };
+  var renderHelperText = function renderHelperText() {
+    if (!helperText) return null;
+    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "subtitle2",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: _.Colors.Neutral.B40
+    }, helperText);
+  };
   return /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonInput, (0, _extends2["default"])({
     ref: ref,
     disabled: disabled,
@@ -35,14 +51,6 @@ var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function RadioButton
     }
   }, props)), /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.LabelWrapper, {
     "data-disabled": disabled
-  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    variant: "body1",
-    as: "span",
-    color: _.Colors.Neutral.B18
-  }, label), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    variant: "subtitle2",
-    as: "span",
-    color: _.Colors.Neutral.B40
-  }, helperText)));
+  }, renderLabel(), renderHelperText()));
 });
 exports.RadioButton = RadioButton;

package/lib/@next/RadioButton/RadioButtonStyle.js

@@ -20,5 +20,5 @@ exports.RadioButtonInput = RadioButtonInput;
 var LabelWrapper = _styledComponents["default"].div.withConfig({
   displayName: "RadioButtonStyle__LabelWrapper",
   componentId: "sc-138orlx-2"
-})(["cursor:pointer;display:flex;flex-direction:column;gap:", ";&[data-disabled='true']{span{color:", ";}cursor:not-allowed;}"], _spacing.space4, _.Colors.Neutral.B85);
+})(["cursor:pointer;display:flex;flex-direction:column;gap:", ";&[data-disabled='true']{span,div{color:", ";}cursor:not-allowed;}"], _spacing.space4, _.Colors.Neutral.B85);
 exports.LabelWrapper = LabelWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.376",
+  "version": "4.0.377",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",