@spaced-out/ui-design-system 0.5.7-beta.2 → 0.5.7-beta.4

package/lib/components/ProgressDonut/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ProgressDonut = require("src/components/ProgressDonut/ProgressDonut");
+var _ProgressDonut = require("./ProgressDonut");
 Object.keys(_ProgressDonut).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ProgressDonut[key]) return;

package/lib/components/PromptChip/PromptChip.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from 'src/types/typography';
-import type { IconType } from 'src/components/Icon';
-import type { BaseTooltipProps } from 'src/components/Tooltip';
+import type { ColorTypes } from '../../types/typography';
+import type { IconType } from '../../components/Icon';
+import type { BaseTooltipProps } from '../../components/Tooltip';
 type ClassNames = Readonly<{
     icon?: string;
     wrapper?: string;

package/lib/components/PromptChip/PromptChip.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PromptChip = exports.PROMPT_CHIP_TYPE = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("src/types/typography");
-var _classify = require("src/utils/classify");
-var _ConditionalWrapper = require("src/components/ConditionalWrapper");
-var _Icon = require("src/components/Icon");
-var _Tooltip = require("src/components/Tooltip");
-var _PromptChipModule = _interopRequireDefault(require("src/components/PromptChip/PromptChip.module.css"));
+var _typography = require("../../types/typography");
+var _classify = require("../../utils/classify");
+var _ConditionalWrapper = require("../ConditionalWrapper");
+var _Icon = require("../Icon");
+var _Tooltip = require("../Tooltip");
+var _PromptChipModule = _interopRequireDefault(require("./PromptChip.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PROMPT_CHIP_TYPE = exports.PROMPT_CHIP_TYPE = Object.freeze({
@@ -42,48 +43,59 @@ const PromptChip = exports.PromptChip = /*#__PURE__*/React.forwardRef((props, re
       setDismissed(true);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    "data-testid": "Prompt-Chip",
-    className: (0, _classify.classify)(_PromptChipModule.default.promptChipWrapper, {
-      [_PromptChipModule.default.primary]: type === PROMPT_CHIP_TYPE.primary,
-      [_PromptChipModule.default.secondary]: type === PROMPT_CHIP_TYPE.secondary
-    }, classNames?.wrapper),
-    onClick: event => {
-      onClick?.(event);
-    },
-    tabIndex: onClick ? 0 : undefined,
-    role: "button"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_PromptChipModule.default.promptChipContainer, {
-      [_PromptChipModule.default.promptChipContainerHover]: !!onClick
-    }, classNames?.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _PromptChipModule.default.leftSection
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    size: _Icon.ICON_SIZE.small,
-    name: iconName,
-    type: iconType,
-    color: iconColor,
-    className: (0, _classify.classify)({
-      [_PromptChipModule.default.chipIconDefaultColor]: !iconColor
-    }, classNames?.icon)
-  }), !!children && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_PromptChipModule.default.childrenWrapper, classNames?.children)
-  }, children)), /*#__PURE__*/React.createElement("div", {
-    className: _PromptChipModule.default.rightSection
-  }, rightSlot ? rightSlot : null, !!showInfoIcon && /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-    condition: infoIconTooltip && typeof infoIconTooltip === 'object' && Object.keys(infoIconTooltip).length > 0,
-    wrapper: children => /*#__PURE__*/React.createElement(_Tooltip.Tooltip, infoIconTooltip, children)
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    size: _Icon.ICON_SIZE.small,
-    name: "info-circle",
-    color: _typography.TEXT_COLORS.primary,
-    className: classNames?.icon
-  })), !!dismissable && /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
-    size: _Icon.ICON_SIZE.small,
-    onClick: closeClickHandler,
-    ariaLabel: "Dismiss",
-    className: _PromptChipModule.default.dismissIcon
-  })))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !dismissed && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      "data-testid": "Prompt-Chip",
+      className: (0, _classify.classify)(_PromptChipModule.default.promptChipWrapper, {
+        [_PromptChipModule.default.primary]: type === PROMPT_CHIP_TYPE.primary,
+        [_PromptChipModule.default.secondary]: type === PROMPT_CHIP_TYPE.secondary
+      }, classNames?.wrapper),
+      onClick: event => {
+        onClick?.(event);
+      },
+      tabIndex: onClick ? 0 : undefined,
+      role: "button",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classify.classify)(_PromptChipModule.default.promptChipContainer, {
+          [_PromptChipModule.default.promptChipContainerHover]: !!onClick
+        }, classNames?.container),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _PromptChipModule.default.leftSection,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            size: _Icon.ICON_SIZE.small,
+            name: iconName,
+            type: iconType,
+            color: iconColor,
+            className: (0, _classify.classify)({
+              [_PromptChipModule.default.chipIconDefaultColor]: !iconColor
+            }, classNames?.icon)
+          }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classify.classify)(_PromptChipModule.default.childrenWrapper, classNames?.children),
+            children: children
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _PromptChipModule.default.rightSection,
+          children: [rightSlot ? rightSlot : null, !!showInfoIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+            condition: infoIconTooltip && typeof infoIconTooltip === 'object' && Object.keys(infoIconTooltip).length > 0,
+            wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+              ...infoIconTooltip,
+              children: children
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+              size: _Icon.ICON_SIZE.small,
+              name: "info-circle",
+              color: _typography.TEXT_COLORS.primary,
+              className: classNames?.icon
+            })
+          }), !!dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
+            size: _Icon.ICON_SIZE.small,
+            onClick: closeClickHandler,
+            ariaLabel: "Dismiss",
+            className: _PromptChipModule.default.dismissIcon
+          })]
+        })]
+      })
+    })
+  });
 });

package/lib/components/PromptChip/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/PromptChip/PromptChip';
+export * from '../../components/PromptChip/PromptChip';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/PromptChip/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _PromptChip = require("src/components/PromptChip/PromptChip");
+var _PromptChip = require("./PromptChip");
 Object.keys(_PromptChip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _PromptChip[key]) return;

package/lib/components/PromptInput/PromptInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconType } from 'src/components/Icon';
+import type { IconType } from '../../components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     inputBox?: string;

package/lib/components/PromptInput/PromptInput.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PromptInput = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _size = require("src/styles/variables/_size");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Button = require("src/components/Button");
-var _Icon = require("src/components/Icon");
-var _Text = require("src/components/Text");
-var _Textarea = require("src/components/Textarea");
-var _PromptInputModule = _interopRequireDefault(require("src/components/PromptInput/PromptInput.module.css"));
+var _size = require("../../styles/variables/_size");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _Textarea = require("../Textarea");
+var _PromptInputModule = _interopRequireDefault(require("./PromptInput.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CONSTANTS = {
@@ -70,51 +71,57 @@ const PromptInput = exports.PromptInput = /*#__PURE__*/React.forwardRef((_ref, r
     const charCount = value ? value.length : 0;
     return textCountLimit != null && charCount > textCountLimit;
   }, [value, textCountLimit]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "PromptInput",
     className: (0, _classify.default)(_PromptInputModule.default.wrapper, {
       [_PromptInputModule.default.styledPromptContainer]: withPadding
-    }, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _PromptInputModule.default.inputActionWrapper
-  }, /*#__PURE__*/React.createElement(_Textarea.Textarea, {
-    classNames: {
-      box: (0, _classify.default)(_PromptInputModule.default.promptInputBox, classNames?.inputBox),
-      textarea: (0, _classify.default)(_PromptInputModule.default.textarea, classNames?.textarea)
-    },
-    ref: textareaRef,
-    value: value,
-    onChange: onInputChange,
-    onFocus: onInputFocus,
-    onBlur: onInputBlur,
-    onKeyDown: onInputKeyDown,
-    name: inputName,
-    disabled: inputDisabled,
-    placeholder: inputPlaceholder,
-    locked: inputLocked,
-    error: inputError || textCountError,
-    errorText: inputErrorText,
-    rows: CONSTANTS.TEXT_AREA_ROWS
-  }), /*#__PURE__*/React.createElement(_Button.Button, {
-    iconLeftName: buttonIconLeftName,
-    iconLeftType: buttonIconLeftType,
-    onClick: onButtonClick,
-    type: _Button.BUTTON_TYPES.gradient,
-    disabled: buttonDisabled,
-    ariaLabel: buttonAriaLabel,
-    isLoading: isButtonLoading,
-    classNames: {
-      wrapper: (0, _classify.default)(_PromptInputModule.default.actionButton, classNames?.buttonWrapper),
-      icon: classNames?.buttonIcon,
-      text: classNames?.buttonText
-    }
-  }, buttonText)), (!!helperContent || !!textCountLimit) && /*#__PURE__*/React.createElement("div", {
-    className: _PromptInputModule.default.secondaryRow
-  }, typeof helperContent === 'string' ? /*#__PURE__*/React.createElement(_Text.BodySmallBold, {
-    color: inputDisabled ? 'disabled' : 'secondary'
-  }, helperContent) : helperContent, /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-    color: inputError || textCountError ? 'danger' : 'secondary',
-    className: _PromptInputModule.default.textCounter
-  }, !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit)));
+    }, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _PromptInputModule.default.inputActionWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea.Textarea, {
+        classNames: {
+          box: (0, _classify.default)(_PromptInputModule.default.promptInputBox, classNames?.inputBox),
+          textarea: (0, _classify.default)(_PromptInputModule.default.textarea, classNames?.textarea)
+        },
+        ref: textareaRef,
+        value: value,
+        onChange: onInputChange,
+        onFocus: onInputFocus,
+        onBlur: onInputBlur,
+        onKeyDown: onInputKeyDown,
+        name: inputName,
+        disabled: inputDisabled,
+        placeholder: inputPlaceholder,
+        locked: inputLocked,
+        error: inputError || textCountError,
+        errorText: inputErrorText,
+        rows: CONSTANTS.TEXT_AREA_ROWS
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        iconLeftName: buttonIconLeftName,
+        iconLeftType: buttonIconLeftType,
+        onClick: onButtonClick,
+        type: _Button.BUTTON_TYPES.gradient,
+        disabled: buttonDisabled,
+        ariaLabel: buttonAriaLabel,
+        isLoading: isButtonLoading,
+        classNames: {
+          wrapper: (0, _classify.default)(_PromptInputModule.default.actionButton, classNames?.buttonWrapper),
+          icon: classNames?.buttonIcon,
+          text: classNames?.buttonText
+        },
+        children: buttonText
+      })]
+    }), (!!helperContent || !!textCountLimit) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _PromptInputModule.default.secondaryRow,
+      children: [typeof helperContent === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmallBold, {
+        color: inputDisabled ? 'disabled' : 'secondary',
+        children: helperContent
+      }) : helperContent, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+        color: inputError || textCountError ? 'danger' : 'secondary',
+        className: _PromptInputModule.default.textCounter,
+        children: !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit
+      })]
+    })]
+  });
 });

package/lib/components/PromptInput/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/PromptInput/PromptInput';
+export * from '../../components/PromptInput/PromptInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/PromptInput/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _PromptInput = require("src/components/PromptInput/PromptInput");
+var _PromptInput = require("./PromptInput");
 Object.keys(_PromptInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _PromptInput[key]) return;

package/lib/components/RadioButton/RadioButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { GroupAlign } from 'src/types/common';
+import type { GroupAlign } from '../../types/common';
 /**
  * Note:
  * Do not wrap Radio in a label. For simplicity's sake, Radio uses an

package/lib/components/RadioButton/RadioButton.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioButton = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _RadioButtonModule = _interopRequireDefault(require("src/components/RadioButton/RadioButton.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _RadioButtonModule = _interopRequireDefault(require("./RadioButton.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
  * Note:
  * Do not wrap Radio in a label. For simplicity's sake, Radio uses an
@@ -54,34 +54,37 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/React.forwardRef((_ref, f
       onChangeHandler(e);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_RadioButtonModule.default.container, {
       [_RadioButtonModule.default.horizontalRadioButton]: align === 'horizontal-fixed',
       [_RadioButtonModule.default.fluidRadioButton]: align === 'horizontal-fluid',
       [_RadioButtonModule.default.containerDisabled]: disabled
     }, classNames?.wrapper),
-    onClick: onWrapClickHandler
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "radio",
-    checked: checked,
-    disabled: disabled,
-    className: (0, _classify.default)(_RadioButtonModule.default.radio, {
-      [_RadioButtonModule.default.unselected]: !checked && !disabled && !error,
-      [_RadioButtonModule.default.selected]: checked && !disabled && !error,
-      [_RadioButtonModule.default.disabled]: disabled,
-      [_RadioButtonModule.default.error]: error && !disabled
-    }, classNames?.radio),
-    ref: radioInput,
-    onChange: onChangeHandler,
-    onKeyDown: onKeyDownHandler,
-    tabIndex: disabled ? -1 : tabIndex,
-    name: name,
-    value: value || '',
-    "aria-label": ariaLabel || children
-  }, props)), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    color: "secondary",
-    className: (0, _classify.default)(_RadioButtonModule.default.radioLabel, {
-      [_RadioButtonModule.default.labelDisabled]: disabled
-    }, classNames?.label)
-  }, children));
+    onClick: onWrapClickHandler,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "radio",
+      checked: checked,
+      disabled: disabled,
+      className: (0, _classify.default)(_RadioButtonModule.default.radio, {
+        [_RadioButtonModule.default.unselected]: !checked && !disabled && !error,
+        [_RadioButtonModule.default.selected]: checked && !disabled && !error,
+        [_RadioButtonModule.default.disabled]: disabled,
+        [_RadioButtonModule.default.error]: error && !disabled
+      }, classNames?.radio),
+      ref: radioInput,
+      onChange: onChangeHandler,
+      onKeyDown: onKeyDownHandler,
+      tabIndex: disabled ? -1 : tabIndex,
+      name: name,
+      value: value || '',
+      "aria-label": ariaLabel || children,
+      ...props
+    }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      color: "secondary",
+      className: (0, _classify.default)(_RadioButtonModule.default.radioLabel, {
+        [_RadioButtonModule.default.labelDisabled]: disabled
+      }, classNames?.label),
+      children: children
+    })]
+  });
 });

package/lib/components/RadioButton/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { GroupAlign } from 'src/types/common';
+import type { GroupAlign } from '../../types/common';
 /**
  * Note:
  * Do not wrap Radio in a label. For simplicity's sake, Radio uses an

package/lib/components/RadioButton/RadioGroup.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Text = require("src/components/Text/Text");
-var _RadioGroupModule = _interopRequireDefault(require("src/components/RadioButton/RadioGroup.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Text = require("../Text/Text");
+var _RadioGroupModule = _interopRequireDefault(require("./RadioGroup.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Type definitions for radio child props
@@ -47,17 +48,20 @@ const RadioGroup = exports.RadioGroup = /*#__PURE__*/React.forwardRef((_ref, for
     }
     return child;
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_RadioGroupModule.default.radioGroupContainer, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)({
-      [_RadioGroupModule.default.vertical]: align === 'vertical',
-      [_RadioGroupModule.default.horizontal]: align === 'horizontal-fixed',
-      [_RadioGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
-    }, classNames?.radioGroup),
-    ref: forwardRef
-  }, childrenWithProps), error && /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    color: "danger",
-    className: classNames?.errorText
-  }, errorText));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_RadioGroupModule.default.radioGroupContainer, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)({
+        [_RadioGroupModule.default.vertical]: align === 'vertical',
+        [_RadioGroupModule.default.horizontal]: align === 'horizontal-fixed',
+        [_RadioGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
+      }, classNames?.radioGroup),
+      ref: forwardRef,
+      children: childrenWithProps
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+      color: "danger",
+      className: classNames?.errorText,
+      children: errorText
+    })]
+  });
 });

package/lib/components/RadioButton/index.d.ts

@@ -1,3 +1,3 @@
-export { RadioButton } from 'src/components/RadioButton/RadioButton';
-export { RadioGroup } from 'src/components/RadioButton/RadioGroup';
+export { RadioButton } from '../../components/RadioButton/RadioButton';
+export { RadioGroup } from '../../components/RadioButton/RadioGroup';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/RadioButton/index.js

@@ -15,5 +15,5 @@ Object.defineProperty(exports, "RadioGroup", {
     return _RadioGroup.RadioGroup;
   }
 });
-var _RadioButton = require("src/components/RadioButton/RadioButton");
-var _RadioGroup = require("src/components/RadioButton/RadioGroup");
+var _RadioButton = require("./RadioButton");
+var _RadioGroup = require("./RadioGroup");

package/lib/components/RadioTile/RadioTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { AlertSemanticType } from 'src/types/common';
-import type { IconSize, IconType } from 'src/components/Icon';
+import type { AlertSemanticType } from '../../types/common';
+import type { IconSize, IconType } from '../../components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

package/lib/components/RadioTile/RadioTile.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioTile = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("src/types/common");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Card = require("src/components/Card");
-var _Chip = require("src/components/Chip");
-var _Icon = require("src/components/Icon");
-var _RadioButton = require("src/components/RadioButton");
-var _Text = require("src/components/Text");
-var _RadioTileModule = _interopRequireDefault(require("src/components/RadioTile/RadioTile.module.css"));
+var _common = require("../../types/common");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Card = require("../Card");
+var _Chip = require("../Chip");
+var _Icon = require("../Icon");
+var _RadioButton = require("../RadioButton");
+var _Text = require("../Text");
+var _RadioTileModule = _interopRequireDefault(require("./RadioTile.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const RadioTile = exports.RadioTile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -34,42 +34,52 @@ const RadioTile = exports.RadioTile = /*#__PURE__*/React.forwardRef((_ref, ref)
   const handleTileClick = e => {
     onTileClick?.(e, id);
   };
-  return /*#__PURE__*/React.createElement(_Card.ClickableCard, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.ClickableCard, {
+    ...props,
     ref: ref,
     "data-testid": "RadioTile",
     classNames: {
       wrapper: (0, _classify.default)(_RadioTileModule.default.wrapper, classNames?.wrapper)
     },
-    onClick: handleTileClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _RadioTileModule.default.iconContainer
-  }, !!iconName && /*#__PURE__*/React.createElement(_Icon.SemanticIcon, {
-    semantic: semantic,
-    name: iconName,
-    size: iconSize,
-    type: iconType
-  })), /*#__PURE__*/React.createElement("div", {
-    className: _RadioTileModule.default.contentContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _RadioTileModule.default.textContainer
-  }, !!header && /*#__PURE__*/React.createElement(_Text.SubTitleMedium, null, header), !!description && /*#__PURE__*/React.createElement(_Text.BodyMedium, {
-    color: "secondary"
-  }, description)), !!chipItems?.length && /*#__PURE__*/React.createElement("div", {
-    className: _RadioTileModule.default.chipsContainer
-  }, chipItems.map((item, index) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  React.createElement(_Chip.Chip, {
-    key: index,
-    semantic: "primary"
-  }, item)))), /*#__PURE__*/React.createElement("div", {
-    className: _RadioTileModule.default.btnContainer
-  }, /*#__PURE__*/React.createElement(_RadioButton.RadioButton, {
-    classNames: {
-      wrapper: _RadioTileModule.default.radioButtonWrapper
-    },
-    value: id,
-    selectedValue: isSelected ? id : '',
-    tabIndex: -1
-  })));
+    onClick: handleTileClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _RadioTileModule.default.iconContainer,
+      children: !!iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.SemanticIcon, {
+        semantic: semantic,
+        name: iconName,
+        size: iconSize,
+        type: iconType
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _RadioTileModule.default.contentContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _RadioTileModule.default.textContainer,
+        children: [!!header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleMedium, {
+          children: header
+        }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
+          color: "secondary",
+          children: description
+        })]
+      }), !!chipItems?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _RadioTileModule.default.chipsContainer,
+        children: chipItems.map((item, index) =>
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        (0, _jsxRuntime.jsx)(_Chip.Chip, {
+          semantic: "primary",
+          children: item
+        }, index))
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _RadioTileModule.default.btnContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
+        classNames: {
+          wrapper: _RadioTileModule.default.radioButtonWrapper
+        },
+        value: id,
+        selectedValue: isSelected ? id : '',
+        tabIndex: -1
+      })
+    })]
+  });
 });

package/lib/components/RadioTile/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/RadioTile/RadioTile';
+export * from '../../components/RadioTile/RadioTile';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/RadioTile/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _RadioTile = require("src/components/RadioTile/RadioTile");
+var _RadioTile = require("./RadioTile");
 Object.keys(_RadioTile).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _RadioTile[key]) return;