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

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

@@ -1,4 +1,4 @@
-export { TEXT_COLORS } from 'src/types/typography';
-export type { TextProps } from 'src/components/Text/Text';
-export { BodyLarge, BodyLargeBold, BodyMedium, BodyMediumBold, BodySmall, BodySmallBold, ButtonTextExtraSmall, ButtonTextExtraSmallUnderline, ButtonTextMedium, ButtonTextMediumUnderline, ButtonTextSmall, ButtonTextSmallUnderline, FormInputMedium, FormInputSmall, FormLabelMedium, FormLabelSmall, JumboLarge, JumboMedium, JumboSmall, MenuTextMedium, MenuTextSmall, SubTitleExtraSmall, SubTitleLarge, SubTitleMedium, SubTitleSmall, TitleMedium, } from 'src/components/Text/Text';
+export { TEXT_COLORS } from '../../types/typography';
+export type { TextProps } from '../../components/Text/Text';
+export { BodyLarge, BodyLargeBold, BodyMedium, BodyMediumBold, BodySmall, BodySmallBold, ButtonTextExtraSmall, ButtonTextExtraSmallUnderline, ButtonTextMedium, ButtonTextMediumUnderline, ButtonTextSmall, ButtonTextSmallUnderline, FormInputMedium, FormInputSmall, FormLabelMedium, FormLabelSmall, JumboLarge, JumboMedium, JumboSmall, MenuTextMedium, MenuTextSmall, SubTitleExtraSmall, SubTitleLarge, SubTitleMedium, SubTitleSmall, TitleMedium, } from '../../components/Text/Text';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Text/index.js

@@ -165,5 +165,5 @@ Object.defineProperty(exports, "TitleMedium", {
     return _Text.TitleMedium;
   }
 });
-var _typography = require("src/types/typography");
-var _Text = require("src/components/Text/Text");
+var _typography = require("../../types/typography");
+var _Text = require("./Text");

package/lib/components/TextTile/TextTile.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TextTile = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _Text = require("src/components/Text");
-var _TextTileModule = _interopRequireDefault(require("src/components/TextTile/TextTile.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _TextTileModule = _interopRequireDefault(require("./TextTile.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 TextTile = exports.TextTile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -18,16 +19,22 @@ const TextTile = exports.TextTile = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     classNames,
     description
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "TextTile",
-    className: (0, _classify.default)(_TextTileModule.default.textTileWrapper, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_TextTileModule.default.textTileTitle, classNames?.title)
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    size: _Icon.ICON_SIZE.large,
-    name: iconName,
-    type: _Icon.ICON_TYPE.solid,
-    className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon)
-  }), typeof header === 'string' ? /*#__PURE__*/React.createElement(_Text.JumboMedium, null, header) : header), typeof description === 'string' ? /*#__PURE__*/React.createElement(_Text.BodyLarge, null, description) : description);
+    className: (0, _classify.default)(_TextTileModule.default.textTileWrapper, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_TextTileModule.default.textTileTitle, classNames?.title),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        size: _Icon.ICON_SIZE.large,
+        name: iconName,
+        type: _Icon.ICON_TYPE.solid,
+        className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon)
+      }), typeof header === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.JumboMedium, {
+        children: header
+      }) : header]
+    }), typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLarge, {
+      children: description
+    }) : description]
+  });
 });

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

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

package/lib/components/TextTile/index.js

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

package/lib/components/Textarea/Textarea.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Textarea = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _Text = require("src/components/Text");
-var _TextareaModule = _interopRequireDefault(require("src/components/Textarea/Textarea.module.css"));
+var _classify = require("../../utils/classify");
+var _Text = require("../Text");
+var _TextareaModule = _interopRequireDefault(require("./Textarea.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 Textarea_ = (props, ref) => {
   const {
     value,
@@ -43,43 +43,53 @@ const Textarea_ = (props, ref) => {
     }
   }, [value]);
   const controlledTextareaFilled = value !== '';
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.classify)(_TextareaModule.default.wrapper, {
       [_TextareaModule.default.filled]: controlledTextareaFilled ?? false,
       [_TextareaModule.default.withError]: (error || textCountError) ?? false
-    })
-  }, Boolean(label) && /*#__PURE__*/React.createElement("div", {
-    className: _TextareaModule.default.info
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _TextareaModule.default.infoContent
-  }, /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-    color: "secondary"
-  }, label ?? ''), "\xA0", required && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-    color: "danger"
-  }, '*')), /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-    color: error || textCountError ? 'danger' : 'secondary'
-  }, !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit)), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_TextareaModule.default.box, {
-      [_TextareaModule.default.inputDisabled]: disabled ?? false,
-      [_TextareaModule.default.medium]: size === 'medium',
-      [_TextareaModule.default.small]: size === 'small',
-      [_TextareaModule.default.locked]: locked
-    }, classNames?.box)
-  }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
-    disabled: locked || disabled,
-    name: name,
-    ref: ref,
-    placeholder: placeholder,
-    value: value,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    className: classNames?.textarea
-  }))), (Boolean(helperText) || error) && /*#__PURE__*/React.createElement("div", {
-    className: _TextareaModule.default.info
-  }, /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary'
-  }, error && errorText ? errorText : helperText ?? '')));
+    }),
+    children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _TextareaModule.default.info,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _TextareaModule.default.infoContent,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+          color: "secondary",
+          children: label ?? ''
+        }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+          color: "danger",
+          children: '*'
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+        color: error || textCountError ? 'danger' : 'secondary',
+        children: !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.classify)(_TextareaModule.default.box, {
+        [_TextareaModule.default.inputDisabled]: disabled ?? false,
+        [_TextareaModule.default.medium]: size === 'medium',
+        [_TextareaModule.default.small]: size === 'small',
+        [_TextareaModule.default.locked]: locked
+      }, classNames?.box),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+        ...textareaProps,
+        disabled: locked || disabled,
+        name: name,
+        ref: ref,
+        placeholder: placeholder,
+        value: value,
+        onChange: onChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onKeyDown: onKeyDown,
+        className: classNames?.textarea
+      })
+    }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _TextareaModule.default.info,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+        color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary',
+        children: error && errorText ? errorText : helperText ?? ''
+      })
+    })]
+  });
 };
 const Textarea = exports.Textarea = /*#__PURE__*/React.forwardRef(Textarea_);

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

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

package/lib/components/Textarea/index.js

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

package/lib/components/Timeline/Timeline.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Timeline = exports.ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _TimelineModule = _interopRequireDefault(require("src/components/Timeline/Timeline.module.css"));
+var _classify = require("../../utils/classify");
+var _TimelineModule = _interopRequireDefault(require("./Timeline.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 ORIENTATION = exports.ORIENTATION = Object.freeze({
@@ -39,10 +40,11 @@ const Timeline_ = (_ref, ref) => {
       orientation
     });
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: (0, _classify.classify)(_TimelineModule.default.timelineWrapper, classNames?.wrapper),
-    "data-testid": "Timeline"
-  }, timelineItems);
+    "data-testid": "Timeline",
+    children: timelineItems
+  });
 };
 const Timeline = exports.Timeline = /*#__PURE__*/React.forwardRef(Timeline_);

package/lib/components/Timeline/TimelineItem/TimelineItem.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 { Orientation } from 'src/components/Timeline/Timeline';
+import type { ColorTypes } from '../../../types/typography';
+import type { IconType } from '../../../components/Icon';
+import type { Orientation } from '../../../components/Timeline/Timeline';
 type ClassNames = Readonly<{
     card?: string;
     icon?: string;

package/lib/components/Timeline/TimelineItem/TimelineItem.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TimelineItem = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("src/types/typography");
-var _classify = require("src/utils/classify");
-var _Card = require("src/components/Card");
-var _ConditionalWrapper = require("src/components/ConditionalWrapper");
-var _Icon = require("src/components/Icon");
-var _Timeline = require("src/components/Timeline/Timeline");
-var _TimelineModule = _interopRequireDefault(require("src/components/Timeline/Timeline.module.css"));
+var _typography = require("../../../types/typography");
+var _classify = require("../../../utils/classify");
+var _Card = require("../../Card");
+var _ConditionalWrapper = require("../../ConditionalWrapper");
+var _Icon = require("../../Icon");
+var _Timeline = require("../Timeline");
+var _TimelineModule = _interopRequireDefault(require("../Timeline.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 TimelineItem_ = (_ref, ref) => {
@@ -28,49 +29,58 @@ const TimelineItem_ = (_ref, ref) => {
     parentComponent,
     enableCardWrapper = true
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     id: id,
-    key: id,
     "data-testid": "Timeline-item",
     className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
     style: {
       '--align': orientation === 'left' ? 'flex-start' : 'flex-end'
     },
-    ref: ref
-  }, parentComponent, /*#__PURE__*/React.createElement("div", {
-    style: {
-      '--direction': orientation === 'left' ? 'row' : 'row-reverse'
-    },
-    className: _TimelineModule.default.timelineItemContent
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _TimelineModule.default.timelineItemIconWrapper
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconName,
-    type: iconType,
-    size: _Icon.ICON_SIZE.small,
-    color: iconColor,
-    className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _TimelineModule.default.timelineItemBorder
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _TimelineModule.default.border
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: _TimelineModule.default.timelineItemEventDetails
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _TimelineModule.default.timelineItemInfo
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_TimelineModule.default.timelineItemTitle, classNames?.title)
-  }, title), description ? /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_TimelineModule.default.timelineItemDescription, classNames?.description)
-  }, description) : null), /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-    condition: enableCardWrapper,
-    wrapper: children => /*#__PURE__*/React.createElement(_Card.Card, {
-      paddingTop: _Card.PADDING_SIZES.small,
-      paddingBottom: _Card.PADDING_SIZES.small,
-      classNames: {
-        wrapper: (0, _classify.classify)(_TimelineModule.default.timelineItemCardWrapper, classNames?.card)
-      }
-    }, children)
-  }, children))));
+    ref: ref,
+    children: [parentComponent, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        '--direction': orientation === 'left' ? 'row' : 'row-reverse'
+      },
+      className: _TimelineModule.default.timelineItemContent,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _TimelineModule.default.timelineItemIconWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: iconName,
+          type: iconType,
+          size: _Icon.ICON_SIZE.small,
+          color: iconColor,
+          className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _TimelineModule.default.timelineItemBorder,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _TimelineModule.default.border
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _TimelineModule.default.timelineItemEventDetails,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _TimelineModule.default.timelineItemInfo,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classify.classify)(_TimelineModule.default.timelineItemTitle, classNames?.title),
+            children: title
+          }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classify.classify)(_TimelineModule.default.timelineItemDescription, classNames?.description),
+            children: description
+          }) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+          condition: enableCardWrapper,
+          wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+            paddingTop: _Card.PADDING_SIZES.small,
+            paddingBottom: _Card.PADDING_SIZES.small,
+            classNames: {
+              wrapper: (0, _classify.classify)(_TimelineModule.default.timelineItemCardWrapper, classNames?.card)
+            },
+            children: children
+          }),
+          children: children
+        })]
+      })]
+    })]
+  }, id);
 };
 const TimelineItem = exports.TimelineItem = /*#__PURE__*/React.forwardRef(TimelineItem_);

package/lib/components/Timeline/TimelineItem/index.d.ts

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

package/lib/components/Timeline/TimelineItem/index.js

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

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

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

package/lib/components/Timeline/index.js

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

package/lib/components/Toast/Toast.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToastTitle = exports.ToastFooter = exports.ToastBody = exports.Toast = exports.TOAST_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _Text = require("src/components/Text");
-var _ToastModule = _interopRequireDefault(require("src/components/Toast/Toast.module.css"));
-var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
+var _typographyModule = _interopRequireDefault(require("../../styles/typography.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 TOAST_SEMANTIC = exports.TOAST_SEMANTIC = Object.freeze({
   success: 'success',
   information: 'information',
@@ -36,35 +36,35 @@ const ToastIcon = _ref => {
   } = _ref;
   switch (semantic) {
     case 'success':
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "circle-check",
         size: "medium",
         color: _Text.TEXT_COLORS.success,
         type: "solid"
       });
     case TOAST_SEMANTIC.information:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "circle-info",
         size: "medium",
         color: _Text.TEXT_COLORS.information,
         type: "solid"
       });
     case TOAST_SEMANTIC.warning:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "circle-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.warning,
         type: "solid"
       });
     case TOAST_SEMANTIC.danger:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "shield-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.danger,
         type: "solid"
       });
     default:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _Text.TEXT_COLORS.neutral,
         name: "face-smile",
         size: "medium",
@@ -79,11 +79,12 @@ const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, re
     className,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: (0, _classify.default)(_ToastModule.default.toastTitle, _typographyModule.default[semantic], className)
-  }, props, {
-    ref: ref
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classify.default)(_ToastModule.default.toastTitle, _typographyModule.default[semantic], className),
+    ...props,
+    ref: ref,
+    children: children
+  });
 });
 ToastTitle.displayName = 'ToastTitle';
 const ToastBody = exports.ToastBody = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
@@ -92,11 +93,12 @@ const ToastBody = exports.ToastBody = /*#__PURE__*/React.forwardRef((_ref3, ref)
     className,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: (0, _classify.default)(_ToastModule.default.toastBody, className)
-  }, props, {
-    ref: ref
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classify.default)(_ToastModule.default.toastBody, className),
+    ...props,
+    ref: ref,
+    children: children
+  });
 });
 ToastBody.displayName = 'ToastBody';
 const ToastFooter = _ref4 => {
@@ -136,9 +138,10 @@ const ToastFooter = _ref4 => {
     }
     return child;
   });
-  return React.Children.count(children) > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: _ToastModule.default.toastFooterActions
-  }, footerActions) : null;
+  return React.Children.count(children) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _ToastModule.default.toastFooterActions,
+    children: footerActions
+  }) : null;
 };
 exports.ToastFooter = ToastFooter;
 ToastFooter.displayName = 'ToastFooter';
@@ -183,28 +186,34 @@ const Toast = _ref5 => {
   const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
     onClose
   }) : null;
-  return /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
     context: context,
-    initialFocus: initialFocus
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
-    ref: refs.setFloating
-  }, customIcon || /*#__PURE__*/React.createElement(ToastIcon, {
-    semantic: semantic
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _ToastModule.default.toastMidSection
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _ToastModule.default.contentWrap
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _ToastModule.default.titleBodyWrap
-  }, getComp('ToastTitle'), getComp('ToastBody')), time && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
-    className: classNames?.time
-  }, time)), footerWithClose), !hideCloseIcon && /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
-    classNames: {
-      button: _ToastModule.default.closeIcon
-    },
-    onClick: onClose,
-    ariaLabel: "Close Button"
-  })));
+    initialFocus: initialFocus,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
+      ref: refs.setFloating,
+      children: [customIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastIcon, {
+        semantic: semantic
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _ToastModule.default.toastMidSection,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _ToastModule.default.contentWrap,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _ToastModule.default.titleBodyWrap,
+            children: [getComp('ToastTitle'), getComp('ToastBody')]
+          }), time && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
+            className: classNames?.time,
+            children: time
+          })]
+        }), footerWithClose]
+      }), !hideCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
+        classNames: {
+          button: _ToastModule.default.closeIcon
+        },
+        onClick: onClose,
+        ariaLabel: "Close Button"
+      })]
+    })
+  });
 };
 exports.Toast = Toast;

package/lib/components/Toast/ToastContainer.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToastContainer = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
-var _hooks = require("src/hooks");
-var _classify = require("src/utils/classify");
-var _Toast = require("src/components/Toast");
-var _ToastContainerModule = _interopRequireDefault(require("src/components/Toast/ToastContainer.module.css"));
+var _hooks = require("../../hooks");
+var _classify = require("../../utils/classify");
+var _ = require("./");
+var _ToastContainerModule = _interopRequireDefault(require("./ToastContainer.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 toast content props
@@ -70,7 +71,7 @@ const ToastContainer = () => {
     }
   };
   (0, _react.useEffect)(() => {
-    _Toast.toastManager.subscribe(callback);
+    _.toastManager.subscribe(callback);
   }, []);
   const positionMaintainer = () => {
     const mapper = {};
@@ -109,10 +110,10 @@ const ToastContainer = () => {
         }
         return content;
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: position.toString(),
-        className: (0, _classify.classify)(_ToastContainerModule.default.toastContainer, _ToastContainerModule.default[position])
-      }, content);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.classify)(_ToastContainerModule.default.toastContainer, _ToastContainerModule.default[position]),
+        children: content
+      }, position.toString());
     });
   };
   if (!toastRef.current) {