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

package/lib/components/ChatBubble/ChatBubble.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ChatFooterRightSlot = exports.ChatFooterLeftSlot = exports.ChatFooter = exports.ChatContent = exports.ChatBubble = exports.ChatBody = exports.ChatAnchor = exports.CHAT_BUBBLE_ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Avatar = require("src/components/Avatar");
-var _Icon = require("src/components/Icon");
-var _Tooltip = require("src/components/Tooltip");
-var _ChatBubbleModule = _interopRequireDefault(require("src/components/ChatBubble/ChatBubble.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Avatar = require("../Avatar");
+var _Icon = require("../Icon");
+var _Tooltip = require("../Tooltip");
+var _ChatBubbleModule = _interopRequireDefault(require("./ChatBubble.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); }
 // Define the expected props for chat child elements
 
 // Type for a chat child element that can be checked for displayName
@@ -45,13 +45,14 @@ const ChatBubble = exports.ChatBubble = /*#__PURE__*/React.forwardRef((_ref, ref
   const childrenArray = React.Children.toArray(children);
   const anchorComponent = getNamedComponent(childrenArray, 'ChatAnchor');
   const chatComponent = getNamedComponent(childrenArray, 'ChatContent');
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "ChatBubble",
     className: (0, _classify.default)(_ChatBubbleModule.default.chatBubbleWrapper, {
       [_ChatBubbleModule.default.chatBubbleWrapperRight]: !isLeftAligned
-    }, classNames?.wrapper)
-  }, anchorComponent, chatComponent);
+    }, classNames?.wrapper),
+    children: [anchorComponent, chatComponent]
+  });
 });
 const ChatAnchor = _ref2 => {
   let {
@@ -60,17 +61,22 @@ const ChatAnchor = _ref2 => {
     classNames,
     avatarProps
   } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "ChatAnchor",
-    className: (0, _classify.default)(_ChatBubbleModule.default.chatAnchorWrapper, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({}, tooltip, {
-    hidden: !tooltip
-  }), isAI ? /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: "sparkle",
-    color: "information",
-    type: _Icon.ICON_TYPE.solid,
-    size: _Icon.ICON_SIZE.large
-  }) : /*#__PURE__*/React.createElement(_Avatar.Avatar, avatarProps)));
+    className: (0, _classify.default)(_ChatBubbleModule.default.chatAnchorWrapper, classNames?.wrapper),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+      ...tooltip,
+      hidden: !tooltip,
+      children: isAI ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "sparkle",
+        color: "information",
+        type: _Icon.ICON_TYPE.solid,
+        size: _Icon.ICON_SIZE.large
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+        ...avatarProps
+      })
+    })
+  });
 };
 exports.ChatAnchor = ChatAnchor;
 ChatAnchor.displayName = 'ChatAnchor';
@@ -79,10 +85,11 @@ const ChatContent = _ref3 => {
     classNames,
     children
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "ChatContent",
-    className: (0, _classify.default)(_ChatBubbleModule.default.chatContentWrapper, classNames?.wrapper)
-  }, children);
+    className: (0, _classify.default)(_ChatBubbleModule.default.chatContentWrapper, classNames?.wrapper),
+    children: children
+  });
 };
 exports.ChatContent = ChatContent;
 ChatContent.displayName = 'ChatContent';
@@ -94,25 +101,29 @@ const ChatBody = _ref4 => {
     loadingText = 'Generating',
     classNames
   } = _ref4;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "ChatBody",
     className: (0, _classify.default)(_ChatBubbleModule.default.chatBodyWrapper, {
       [_ChatBubbleModule.default.chatBodyWrapperLoading]: isLoading || !withBgColor,
       [_ChatBubbleModule.default.chatBodyWrapperBgColor]: withBgColor
-    }, classNames?.wrapper)
-  }, isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ChatBubbleModule.default.loadingContainer, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _ChatBubbleModule.default.loadingText
-  }, loadingText), /*#__PURE__*/React.createElement("span", {
-    className: _ChatBubbleModule.default.loader
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _ChatBubbleModule.default.dot
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _ChatBubbleModule.default.dot
-  }), /*#__PURE__*/React.createElement("span", {
-    className: _ChatBubbleModule.default.dot
-  }))) : children);
+    }, classNames?.wrapper),
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_ChatBubbleModule.default.loadingContainer, classNames?.wrapper),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _ChatBubbleModule.default.loadingText,
+        children: loadingText
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _ChatBubbleModule.default.loader,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _ChatBubbleModule.default.dot
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _ChatBubbleModule.default.dot
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _ChatBubbleModule.default.dot
+        })]
+      })]
+    }) : children
+  });
 };
 exports.ChatBody = ChatBody;
 ChatBody.displayName = 'ChatBody';
@@ -124,10 +135,11 @@ const ChatFooter = _ref5 => {
   const childrenArray = React.Children.toArray(children);
   const leftSlot = getNamedComponent(childrenArray, 'ChatFooterLeftSlot');
   const rightSlot = getNamedComponent(childrenArray, 'ChatFooterRightSlot');
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     "data-testid": "ChatFooter",
-    className: (0, _classify.default)(_ChatBubbleModule.default.chatFooterWrapper, classNames?.wrapper)
-  }, leftSlot, rightSlot);
+    className: (0, _classify.default)(_ChatBubbleModule.default.chatFooterWrapper, classNames?.wrapper),
+    children: [leftSlot, rightSlot]
+  });
 };
 exports.ChatFooter = ChatFooter;
 ChatFooter.displayName = 'ChatFooter';
@@ -136,9 +148,10 @@ const ChatFooterRightSlot = _ref6 => {
     children,
     classNames
   } = _ref6;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames?.wrapper
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNames?.wrapper,
+    children: children
+  });
 };
 exports.ChatFooterRightSlot = ChatFooterRightSlot;
 ChatFooterRightSlot.displayName = 'ChatFooterRightSlot';
@@ -147,9 +160,10 @@ const ChatFooterLeftSlot = _ref7 => {
     children,
     classNames
   } = _ref7;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames?.wrapper
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNames?.wrapper,
+    children: children
+  });
 };
 exports.ChatFooterLeftSlot = ChatFooterLeftSlot;
 ChatFooterLeftSlot.displayName = 'ChatFooterLeftSlot';

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

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

package/lib/components/ChatBubble/index.js

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

package/lib/components/Checkbox/Checkbox.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';
 type ClassNames = Readonly<{
     wrapper?: string;
     checkboxSquare?: string;

package/lib/components/Checkbox/Checkbox.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Checkbox = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _CheckboxModule = _interopRequireDefault(require("src/components/Checkbox/Checkbox.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _CheckboxModule = _interopRequireDefault(require("./Checkbox.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); }
 /*
@@ -54,47 +55,51 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
       checkboxInput.current.indeterminate = false;
     }
   }, [indeterminate]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     "data-testid": "checkbox",
     className: (0, _classify.default)(_CheckboxModule.default.checkboxContainer, {
       [_CheckboxModule.default.disabled]: disabled,
       [_CheckboxModule.default.horizontalCheckbox]: align === 'horizontal-fixed',
       [_CheckboxModule.default.fluidCheckbox]: align === 'horizontal-fluid'
     }, classNames?.wrapper),
-    onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement("span", {
-    className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
-      [_CheckboxModule.default.disabled]: disabled
-    }, classNames?.checkboxSquare)
-  }, /*#__PURE__*/React.createElement("input", {
-    tabIndex: disabled ? -1 : tabIndex,
-    type: "checkbox",
-    checked: checked,
-    readOnly: true,
-    ref: checkboxInput,
-    className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
-    disabled: disabled,
-    name: name,
-    "aria-label": ariaLabel || children
-  }), /*#__PURE__*/React.createElement("span", {
-    className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
-      [_CheckboxModule.default.enabled]: !disabled && !error,
-      [_CheckboxModule.default.disabled]: disabled,
-      [_CheckboxModule.default.error]: error && !disabled
-    })
-  }, indeterminate && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: disabled ? 'disabled' : 'inversePrimary',
-    name: "hyphen",
-    size: "small",
-    type: "regular"
-  }), checked && !indeterminate && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: disabled ? 'disabled' : 'inversePrimary',
-    name: "check",
-    size: "small",
-    type: "regular"
-  }))), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, {
-      [_CheckboxModule.default.labelDisabled]: disabled
-    }, classNames?.label)
-  }, children));
+    onClick: handleOnClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
+        [_CheckboxModule.default.disabled]: disabled
+      }, classNames?.checkboxSquare),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        tabIndex: disabled ? -1 : tabIndex,
+        type: "checkbox",
+        checked: checked,
+        readOnly: true,
+        ref: checkboxInput,
+        className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
+        disabled: disabled,
+        name: name,
+        "aria-label": ariaLabel || children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
+          [_CheckboxModule.default.enabled]: !disabled && !error,
+          [_CheckboxModule.default.disabled]: disabled,
+          [_CheckboxModule.default.error]: error && !disabled
+        }),
+        children: [indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          color: disabled ? 'disabled' : 'inversePrimary',
+          name: "hyphen",
+          size: "small",
+          type: "regular"
+        }), checked && !indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          color: disabled ? 'disabled' : 'inversePrimary',
+          name: "check",
+          size: "small",
+          type: "regular"
+        })]
+      })]
+    }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, {
+        [_CheckboxModule.default.labelDisabled]: disabled
+      }, classNames?.label),
+      children: children
+    })]
+  });
 });

package/lib/components/Checkbox/CheckboxGroup.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';
 type ClassNames = Readonly<{
     wrapper?: string;
     checkboxGroup?: string;

package/lib/components/Checkbox/CheckboxGroup.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CheckboxGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Text = require("src/components/Text/Text");
-var _CheckboxGroupModule = _interopRequireDefault(require("src/components/Checkbox/CheckboxGroup.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Text = require("../Text/Text");
+var _CheckboxGroupModule = _interopRequireDefault(require("./CheckboxGroup.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 checkbox child props
@@ -67,17 +68,20 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
     }
     return child;
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)({
-      [_CheckboxGroupModule.default.vertical]: align === 'vertical',
-      [_CheckboxGroupModule.default.horizontal]: align === 'horizontal-fixed',
-      [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
-    }, classNames?.checkboxGroup),
-    ref: forwardRef
-  }, childrenWithProps), error && /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    className: (0, _classify.default)(classNames?.errorText),
-    color: "danger"
-  }, errorText));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)({
+        [_CheckboxGroupModule.default.vertical]: align === 'vertical',
+        [_CheckboxGroupModule.default.horizontal]: align === 'horizontal-fixed',
+        [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
+      }, classNames?.checkboxGroup),
+      ref: forwardRef,
+      children: childrenWithProps
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+      className: (0, _classify.default)(classNames?.errorText),
+      color: "danger",
+      children: errorText
+    })]
+  });
 });

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

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

package/lib/components/Checkbox/index.js

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

package/lib/components/Chip/Chip.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;
     icon?: string;

package/lib/components/Chip/Chip.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Chip = exports.CHIP_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _Icon = require("src/components/Icon");
-var _StatusIndicator = require("src/components/StatusIndicator");
-var _Truncate = require("src/components/Truncate");
-var _ChipModule = _interopRequireDefault(require("src/components/Chip/Chip.module.css"));
+var _classify = require("../../utils/classify");
+var _Icon = require("../Icon");
+var _StatusIndicator = require("../StatusIndicator");
+var _Truncate = require("../Truncate");
+var _ChipModule = _interopRequireDefault(require("./Chip.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 CHIP_SEMANTIC = exports.CHIP_SEMANTIC = Object.freeze({
   primary: 'primary',
   information: 'information',
@@ -67,9 +67,9 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       onClick?.(event);
     }
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-testid": "Chip"
-  }, restProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": "Chip",
+    ...restProps,
     ref: ref,
     className: (0, _classify.classify)(_ChipModule.default.chipWrapper, {
       [_ChipModule.default.primary]: semantic === CHIP_SEMANTIC.primary,
@@ -89,40 +89,42 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onClick: onClick,
     onKeyDown: handleKeyDown,
     tabIndex: showStatusIndicator || disableHoverState || disabled ? undefined : 0,
-    role: showStatusIndicator || disableHoverState ? undefined : 'button'
-  }), showStatusIndicator && size !== 'small' && /*#__PURE__*/React.createElement(_StatusIndicator.StatusIndicator, {
-    status: semantic,
-    classNames: {
-      wrapper: (0, _classify.classify)(_ChipModule.default.statusIndicatorBlock, classNames?.statusIndicator)
-    },
-    disabled: disabled
-  }), iconName && size !== 'small' && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    className: (0, _classify.classify)(_ChipModule.default.chipIcon, {
-      [_ChipModule.default.alignTop]: line > 1
-    }, classNames?.icon),
-    name: iconName,
-    type: iconType,
-    size: "small"
-  }), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    line: line,
-    wordBreak: wordBreak
-  }, children), dismissable && size !== 'small' && /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
-    classNames: {
-      icon: _ChipModule.default.dismissIcon,
-      button: (0, _classify.classify)({
+    role: showStatusIndicator || disableHoverState ? undefined : 'button',
+    children: [showStatusIndicator && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusIndicator.StatusIndicator, {
+      status: semantic,
+      classNames: {
+        wrapper: (0, _classify.classify)(_ChipModule.default.statusIndicatorBlock, classNames?.statusIndicator)
+      },
+      disabled: disabled
+    }), iconName && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      className: (0, _classify.classify)(_ChipModule.default.chipIcon, {
         [_ChipModule.default.alignTop]: line > 1
-      }, _ChipModule.default.dismissIconWrapper)
-    },
-    type: iconType,
-    size: "small",
-    ariaLabel: "Dismiss",
-    disabled: disabled,
-    onClick: event => {
-      event.stopPropagation();
-      if (!disabled && onDismiss) {
-        onDismiss(event);
+      }, classNames?.icon),
+      name: iconName,
+      type: iconType,
+      size: "small"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+      line: line,
+      wordBreak: wordBreak,
+      children: children
+    }), dismissable && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
+      classNames: {
+        icon: _ChipModule.default.dismissIcon,
+        button: (0, _classify.classify)({
+          [_ChipModule.default.alignTop]: line > 1
+        }, _ChipModule.default.dismissIconWrapper)
+      },
+      type: iconType,
+      size: "small",
+      ariaLabel: "Dismiss",
+      disabled: disabled,
+      onClick: event => {
+        event.stopPropagation();
+        if (!disabled && onDismiss) {
+          onDismiss(event);
+        }
       }
-    }
-  }));
+    })]
+  });
 });
 Chip.displayName = 'Chip';

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

@@ -1,3 +1,3 @@
-export type { ChipProps, ChipSemanticType } from 'src/components/Chip/Chip';
-export { Chip, CHIP_SEMANTIC } from 'src/components/Chip/Chip';
+export type { ChipProps, ChipSemanticType } from '../../components/Chip/Chip';
+export { Chip, CHIP_SEMANTIC } from '../../components/Chip/Chip';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Chip/index.js

@@ -15,4 +15,4 @@ Object.defineProperty(exports, "Chip", {
     return _Chip.Chip;
   }
 });
-var _Chip = require("src/components/Chip/Chip");
+var _Chip = require("./Chip");

package/lib/components/CircularLoader/CircularLoader.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import * as COLORS from 'src/styles/variables/_color';
+import * as COLORS from '../../styles/variables/_color';
 export interface CircularLoaderProps {
     size?: 'large' | 'medium' | 'small';
     className?: string;

package/lib/components/CircularLoader/CircularLoader.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CircularLoader = void 0;
 var React = _interopRequireWildcard(require("react"));
-var COLORS = _interopRequireWildcard(require("src/styles/variables/_color"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _CircularLoaderModule = _interopRequireDefault(require("src/components/CircularLoader/CircularLoader.module.css"));
+var COLORS = _interopRequireWildcard(require("../../styles/variables/_color"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _CircularLoaderModule = _interopRequireDefault(require("./CircularLoader.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 CircularLoader = exports.CircularLoader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -17,7 +18,7 @@ const CircularLoader = exports.CircularLoader = /*#__PURE__*/React.forwardRef((_
     colorToken = 'colorTextClickable',
     ariaLabel = 'Loading'
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_CircularLoaderModule.default.container, {
       [_CircularLoaderModule.default.mediumContainer]: size === 'medium',
       [_CircularLoaderModule.default.smallContainer]: size === 'small'
@@ -25,19 +26,21 @@ const CircularLoader = exports.CircularLoader = /*#__PURE__*/React.forwardRef((_
     ref: ref,
     "aria-label": ariaLabel,
     role: "alert",
-    "aria-busy": "true"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _CircularLoaderModule.default.spinLoader,
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _CircularLoaderModule.default.outerCircle,
-    style: {
-      '--color': COLORS[colorToken]
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _CircularLoaderModule.default.ellipse,
-    style: {
-      '--color': COLORS[colorToken]
-    }
-  })));
+    "aria-busy": "true",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _CircularLoaderModule.default.spinLoader,
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _CircularLoaderModule.default.outerCircle,
+        style: {
+          '--color': COLORS[colorToken]
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _CircularLoaderModule.default.ellipse,
+        style: {
+          '--color': COLORS[colorToken]
+        }
+      })]
+    })
+  });
 });

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

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

package/lib/components/CircularLoader/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "CircularLoader", {
     return _CircularLoader.CircularLoader;
   }
 });
-var _CircularLoader = require("src/components/CircularLoader/CircularLoader");
+var _CircularLoader = require("./CircularLoader");

package/lib/components/CollapsibleCard/CollapsibleCard.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';
 export declare const COLLAPSIBLE_CARD_SEMANTIC: Readonly<{
     neutral: "neutral";
     success: "success";