@audira/carbon-react-native 1.0.0-beta.4 → 1.0.0-beta.6

package/lib/commonjs/components/modal/Modal.js

@@ -24,13 +24,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * You can also use this component with other libraries like `@gorhom/bottom-sheet`, `@lodev09/react-native-true-sheet`, and other libraries, even with the core `Modal` component of React Native
  */
 const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)(function Modal({
-  size = 'medium',
+  size = "medium",
   label: labelProp,
   title,
   children,
   buttonCloseProps,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   style,
   dir,
   ...props
@@ -55,7 +55,7 @@ const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)(function Modal
       ...props,
       "aria-label": ariaLabel ?? label,
       "aria-labelledBy": ariaLabelledBy ?? label,
-      dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+      dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
       style: [bgLayerStyleSheet[`bg_${layerContextLevel}`], styleSheetBySizeAndBreakpoint.modal, globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, style],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styleSheet.headerText, styleSheetBySizeAndBreakpoint.headerTextContainer],
@@ -82,7 +82,7 @@ const styleSheet = _reactNative.StyleSheet.create({
     },
     iconClose: {
       top: 0,
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     iconCloseLtr: {
       right: 0
@@ -95,8 +95,8 @@ const styleSheet = _reactNative.StyleSheet.create({
     extra_small: {
       small: _reactNative.StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -104,7 +104,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       medium: _reactNative.StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -112,7 +112,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       large: _reactNative.StyleSheet.create({
         modal: {
-          width: '32%'
+          width: "32%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -120,7 +120,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       x_large: _reactNative.StyleSheet.create({
         modal: {
-          width: '24%'
+          width: "24%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -128,7 +128,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       max: _reactNative.StyleSheet.create({
         modal: {
-          width: '24%'
+          width: "24%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -138,8 +138,8 @@ const styleSheet = _reactNative.StyleSheet.create({
     small: {
       small: _reactNative.StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -147,7 +147,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       medium: _reactNative.StyleSheet.create({
         modal: {
-          width: '60%'
+          width: "60%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -155,7 +155,7 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       large: _reactNative.StyleSheet.create({
         modal: {
-          width: '42%'
+          width: "42%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -163,28 +163,28 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       x_large: _reactNative.StyleSheet.create({
         modal: {
-          width: '36%'
+          width: "36%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
         modal: {
-          width: '36%'
+          width: "36%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     },
     medium: {
       small: _reactNative.StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -192,46 +192,46 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       medium: _reactNative.StyleSheet.create({
         modal: {
-          width: '84%'
+          width: "84%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       large: _reactNative.StyleSheet.create({
         modal: {
-          width: '60%'
+          width: "60%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       x_large: _reactNative.StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     },
     large: {
       small: _reactNative.StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -239,38 +239,38 @@ const styleSheet = _reactNative.StyleSheet.create({
       }),
       medium: _reactNative.StyleSheet.create({
         modal: {
-          width: '96%'
+          width: "96%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       large: _reactNative.StyleSheet.create({
         modal: {
-          width: '84%'
+          width: "84%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       x_large: _reactNative.StyleSheet.create({
         modal: {
-          width: '72%'
+          width: "72%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
         modal: {
-          width: '72%'
+          width: "72%"
         },
         headerTextContainer: {
           paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     }

package/lib/commonjs/components/modal-content/ModalContent.js

@@ -23,7 +23,7 @@ const ModalContent = exports.ModalContent = /*#__PURE__*/(0, _react.forwardRef)(
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     ref: ref,
     ...props,
-    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+    dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
     style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, style]
   });
 });
@@ -73,11 +73,11 @@ const styleSheet = _reactNative.StyleSheet.create({
       },
       x_large: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     },
     medium: {
@@ -87,19 +87,19 @@ const styleSheet = _reactNative.StyleSheet.create({
       },
       medium: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       large: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       x_large: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     },
     large: {
@@ -109,19 +109,19 @@ const styleSheet = _reactNative.StyleSheet.create({
       },
       medium: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       large: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       x_large: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     }
   };

package/lib/commonjs/components/notification/_status-hooks/_base/useBase.js

@@ -40,9 +40,9 @@ const styleSheet = _reactNative.StyleSheet.create({
     borderBottomWidth: 1
   },
   baseTransparentBorder: {
-    borderTopColor: 'transparent',
-    borderRightColor: 'transparent',
-    borderBottomColor: 'transparent'
+    borderTopColor: "transparent",
+    borderRightColor: "transparent",
+    borderBottomColor: "transparent"
   }
 });
 //# sourceMappingURL=useBase.js.map

package/lib/commonjs/components/notification/_variant-context.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.VariantContext = void 0;
 var _react = require("react");
 const VariantContext = exports.VariantContext = /*#__PURE__*/(0, _react.createContext)({
-  color: 'high_contrast'
+  color: "high_contrast"
 });
 //# sourceMappingURL=_variant-context.js.map

package/lib/commonjs/components/notification/_variants/_ButtonGhost.js

@@ -12,7 +12,7 @@ var _index2 = require("../../button/ghost/index.js");
 var _variantContext = require("../_variant-context.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function ButtonGhost({
-  size = 'small',
+  size = "small",
   style,
   ...props
 }) {
@@ -39,7 +39,7 @@ const baseStyle = _reactNative.StyleSheet.create({
     }
   }),
   mapColorScheme = {
-    low_contrast: 'gray_10',
-    high_contrast: 'gray_100'
+    low_contrast: "gray_10",
+    high_contrast: "gray_100"
   };
 //# sourceMappingURL=_ButtonGhost.js.map

package/lib/commonjs/components/notification/_variants/_ButtonTertiary.js

@@ -12,7 +12,7 @@ var _index2 = require("../../button/tertiary/index.js");
 var _variantContext = require("../_variant-context.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function ButtonTertiary({
-  size = 'small',
+  size = "small",
   style,
   ...props
 }) {
@@ -39,7 +39,7 @@ const baseStyle = _reactNative.StyleSheet.create({
     }
   }),
   mapColorScheme = {
-    low_contrast: 'gray_10',
-    high_contrast: 'gray_100'
+    low_contrast: "gray_10",
+    high_contrast: "gray_100"
   };
 //# sourceMappingURL=_ButtonTertiary.js.map

package/lib/commonjs/components/notification/_variants/actionable/ActionableVariant.js

@@ -25,7 +25,7 @@ const ActionableVariant = exports.ActionableVariant = /*#__PURE__*/(0, _react.fo
       inline: false,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/commonjs/components/notification/_variants/actionable-inline/ActionableInlineVariant.js

@@ -25,7 +25,7 @@ const ActionableInlineVariant = exports.ActionableInlineVariant = /*#__PURE__*/(
       inline: true,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/commonjs/components/notification/_variants/callout/CalloutVariant.js

@@ -23,7 +23,7 @@ const CalloutVariant = exports.CalloutVariant = /*#__PURE__*/(0, _react.forwardR
       inline: false,
       Icon: Icon,
       iconClose: false,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/commonjs/components/notification/_variants/callout-inline/CalloutInlineVariant.js

@@ -23,7 +23,7 @@ const CalloutInlineVariant = exports.CalloutInlineVariant = /*#__PURE__*/(0, _re
       inline: true,
       Icon: Icon,
       iconClose: false,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/commonjs/components/notification/_variants/toast/ToastVariant.js

@@ -26,7 +26,7 @@ const ToastVariant = exports.ToastVariant = /*#__PURE__*/(0, _react.forwardRef)(
       inline: false,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,
@@ -52,10 +52,10 @@ function Timestamp({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Subtitle, {
     ...props,
     style: [baseStyle.timestamp, style],
-    children: new Date().toLocaleString('en-US', {
-      hour: '2-digit',
-      minute: '2-digit',
-      second: '2-digit',
+    children: new Date().toLocaleString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
       hour12: true
     })
   });

package/lib/commonjs/components/notification/base/Base.js

@@ -40,7 +40,7 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
     themeContext = (0, _react.useContext)(_index4.ThemeContext);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     ...props,
-    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+    dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
     style: [_index2.FlexStyleSheet.flex_row, globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, style],
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -66,9 +66,9 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
           type: "heading_compact_01",
           style: [baseStyle.inlineTextWrapper, titleStyle],
           children: !globalConfigContext.rtl ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [title, title && body ? ' ' : '', body]
+            children: [title, title && body ? " " : "", body]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [body, title && body ? ' ' : '', title]
+            children: [body, title && body ? " " : "", title]
           })
         }), nodes?.beforeContentContainerEnd]
       }), nodes?.afterContentContainer]
@@ -99,11 +99,11 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
          * Means nothing since we used `iconNode` prop
          */
         icon: {
-          default: 'transparent',
-          focused: 'transparent',
-          hovered: 'transparent',
-          pressed: 'transparent',
-          disabled: 'transparent'
+          default: "transparent",
+          focused: "transparent",
+          hovered: "transparent",
+          pressed: "transparent",
+          disabled: "transparent"
         }
       },
       style: [_index2.FlexStyleSheet.justify_center, baseStyle.buttonIconClose, iconCloseButtonProps?.style]
@@ -112,7 +112,7 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
 });
 const baseStyle = _reactNative.StyleSheet.create({
     leftBar: {
-      position: 'absolute',
+      position: "absolute",
       top: -1,
       bottom: -1,
       width: 3
@@ -140,12 +140,12 @@ const baseStyle = _reactNative.StyleSheet.create({
       paddingLeft: 0
     },
     text: {
-      color: 'transparent'
+      color: "transparent"
     }
   }),
   backgroundStyleSheet = _index3.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     focused: {
       borderWidth: 1,
@@ -158,7 +158,7 @@ const baseStyle = _reactNative.StyleSheet.create({
       backgroundColor: _index3.CarbonStyleSheet.color.background_active
     },
     disabled: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     }
   }),
   mapAndroidRippleEffectColor = {

package/lib/commonjs/components/radio-button/RadioButton.js

@@ -18,10 +18,10 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)(fu
   defaultChecked,
   checked,
   value,
-  interactiveState = 'normal',
+  interactiveState = "normal",
   label,
-  role = 'radio',
-  'aria-label': ariaLabel,
+  role = "radio",
+  "aria-label": ariaLabel,
   onChange,
   onPress,
   radioButtonInputProps,
@@ -52,14 +52,14 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)(fu
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     ...props,
     "aria-label": ariaLabel || label,
-    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+    dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
     style: [_index2.FlexStyleSheet.flex_row, globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, style],
     ref: viewRef,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
       ...pressableProps,
       role: role,
-      disabled: interactiveState === 'disabled',
-      "aria-label": pressableProps?.['aria-label'] ?? label,
+      disabled: interactiveState === "disabled",
+      "aria-label": pressableProps?.["aria-label"] ?? label,
       onPress: pressHandler,
       style: [_index2.CommonStyleSheet.absolute, _index2.CommonStyleSheet.w_full, _index2.CommonStyleSheet.h_full, baseStyle.pressable, pressableProps?.style]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.RadioButtonInput, {
@@ -78,7 +78,7 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)(fu
       label: label,
       textProps: {
         ...formLabelProps?.textProps,
-        type: formLabelProps?.textProps?.type || 'body_compact_01',
+        type: formLabelProps?.textProps?.type || "body_compact_01",
         style: [textColorStyle[interactiveState], formLabelProps?.textProps?.style]
       },
       style: [_index2.FlexStyleSheet.flex_1, baseStyle.label, formLabelProps?.style]

package/lib/commonjs/components/radio-button-group/RadioButtonGroup.js

@@ -20,15 +20,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const Component = /*#__PURE__*/(0, _react.forwardRef)(function RadioButtonGroup({
   defaultSelectedValue,
   selectedValue: selectedValueProp,
-  orientation = 'vertical',
+  orientation = "vertical",
   legend,
   helperText,
-  helperTextMode = 'normal',
+  helperTextMode = "normal",
   helperTextModeIcon = true,
   onChange,
   formHelperTextProps,
   children,
-  role = 'radiogroup',
+  role = "radiogroup",
   style,
   ...props
 }, forwardedRef) {
@@ -39,7 +39,7 @@ const Component = /*#__PURE__*/(0, _react.forwardRef)(function RadioButtonGroup(
     }),
     themeContext = (0, _react.useContext)(_index2.ThemeContext),
     [selectedValueSelf, setSelectedValueSelf] = (0, _react.useState)(ref.current.selectedValue),
-    controlled = typeof selectedValueProp !== 'undefined',
+    controlled = typeof selectedValueProp !== "undefined",
     selectedValue = controlled ? selectedValueProp : selectedValueSelf,
     setOnChangeGroupEffect = (0, _react.useCallback)(value => {
       ref.current.onChangeEffect = value;
@@ -58,7 +58,7 @@ const Component = /*#__PURE__*/(0, _react.forwardRef)(function RadioButtonGroup(
       setSelectedValue(valueParam) {
         if (!controlled) {
           ref.current.onChangeEffect = true;
-          if (typeof valueParam !== 'function') {
+          if (typeof valueParam !== "function") {
             setSelectedValueSelf(valueParam);
           } else {
             setSelectedValueSelf(valueParam(ref.current.selectedValue));
@@ -89,13 +89,13 @@ const Component = /*#__PURE__*/(0, _react.forwardRef)(function RadioButtonGroup(
       })
     }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormHelperText, {
       ...formHelperTextProps,
-      error: helperTextMode === 'error',
+      error: helperTextMode === "error",
       text: helperText,
-      textLeading: helperTextModeIcon && helperTextMode === 'error' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_warningFilled.default, {
+      textLeading: helperTextModeIcon && helperTextMode === "error" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_warningFilled.default, {
         fill: mapIconErrorFillColor[themeContext.colorScheme],
         width: 18,
         height: 18
-      }) : helperTextModeIcon && helperTextMode === 'warning' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_warningAltFilled.default, {
+      }) : helperTextModeIcon && helperTextMode === "warning" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_warningAltFilled.default, {
         fill: mapIconWarningFillColor[themeContext.colorScheme],
         width: 18,
         height: 18
@@ -121,11 +121,11 @@ const baseStyle = _reactNative.StyleSheet.create({
   }),
   wrapperOrientationStyle = _reactNative.StyleSheet.create({
     vertical: {
-      flexDirection: 'column'
+      flexDirection: "column"
     },
     horizontal: {
       ..._index.FlexStyleSheet.flex_wrap,
-      flexDirection: 'row'
+      flexDirection: "row"
     }
   }),
   mapIconErrorFillColor = {

package/lib/commonjs/components/radio-button-group/_Item.js

@@ -35,7 +35,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
       setChecked(checkedParam) {
         if (!controlled) {
           let checked;
-          if (typeof checkedParam === 'boolean') {
+          if (typeof checkedParam === "boolean") {
             checked = checkedParam;
           } else {
             checked = checkedParam(!!radioButtonRef.current?.checked);