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

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

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

package/lib/components/FocusManager/index.js

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

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { FocusManagerProps } from 'src/components/FocusManager';
+import type { FocusManagerProps } from '../../components/FocusManager';
 export interface SkipElementFromNavigationProps {
     children: React.ReactNode;
     className?: string;

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.SkipElementFromNavigation = exports.FocusManagerWithArrowKeyNavigation = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _FocusManagerWithArrowKeyNavigationModule = _interopRequireDefault(require("src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _FocusManagerWithArrowKeyNavigationModule = _interopRequireDefault(require("./FocusManagerWithArrowKeyNavigation.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 SKIP_ELEMENT_DISPLAY_NAME = 'SkipElementFromNavigation';
 const SkipElementFromNavigation = exports.SkipElementFromNavigation = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
@@ -18,11 +18,13 @@ const SkipElementFromNavigation = exports.SkipElementFromNavigation = /*#__PURE_
     className,
     ...restProps
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...restProps,
     className: className,
     tabIndex: -1,
-    ref: ref
-  }), children);
+    ref: ref,
+    children: children
+  });
 });
 SkipElementFromNavigation.displayName = SKIP_ELEMENT_DISPLAY_NAME;
 
@@ -128,15 +130,18 @@ const FocusManagerWithArrowKeyNavigation = props => {
   const {
     getFloatingProps
   } = (0, _react2.useInteractions)([listNavigation]);
-  return /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
     context: context,
     modal: modal,
-    initialFocus: initialFocus
-  }, restFloatingFocusManagerProps), /*#__PURE__*/React.createElement("div", _extends({
-    ref: refs.setFloating,
-    "data-testid": "FocusManagerWithArrowKeyNavigation"
-  }, getFloatingProps(), {
-    className: (0, _classify.default)(_FocusManagerWithArrowKeyNavigationModule.default.wrapper, classNames?.wrapper)
-  }), clonedChildren));
+    initialFocus: initialFocus,
+    ...restFloatingFocusManagerProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: refs.setFloating,
+      "data-testid": "FocusManagerWithArrowKeyNavigation",
+      ...getFloatingProps(),
+      className: (0, _classify.default)(_FocusManagerWithArrowKeyNavigationModule.default.wrapper, classNames?.wrapper),
+      children: clonedChildren
+    })
+  });
 };
 exports.FocusManagerWithArrowKeyNavigation = FocusManagerWithArrowKeyNavigation;

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

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

package/lib/components/FocusManagerWithArrowKeyNavigation/index.js

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

package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts

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

package/lib/components/FormTitleWrapper/FormTitleWrapper.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormTitleWrapper = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _FormTitleWrapperModule = _interopRequireDefault(require("src/components/FormTitleWrapper/FormTitleWrapper.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _FormTitleWrapperModule = _interopRequireDefault(require("./FormTitleWrapper.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 FormTitleWrapper = exports.FormTitleWrapper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -20,20 +21,24 @@ const FormTitleWrapper = exports.FormTitleWrapper = /*#__PURE__*/React.forwardRe
     title,
     rightSlot
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "FormTitleWrapper",
-    className: _FormTitleWrapperModule.default.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FormTitleWrapperModule.default.leftSection, classNames?.wrapper)
-  }, !!iconName && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    type: iconType,
-    name: iconName,
-    size: iconSize,
-    color: iconColor
-  }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FormTitleWrapperModule.default.componentHousing, classNames?.title)
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FormTitleWrapperModule.default.rightSection, classNames?.rightSlot)
-  }, rightSlot));
+    className: _FormTitleWrapperModule.default.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_FormTitleWrapperModule.default.leftSection, classNames?.wrapper),
+      children: [!!iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        type: iconType,
+        name: iconName,
+        size: iconSize,
+        color: iconColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.default)(_FormTitleWrapperModule.default.componentHousing, classNames?.title),
+        children: title
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_FormTitleWrapperModule.default.rightSection, classNames?.rightSlot),
+      children: rightSlot
+    })]
+  });
 });

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

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

package/lib/components/FormTitleWrapper/index.js

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

package/lib/components/Grid/Grid.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Row = exports.Col = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _GridModule = _interopRequireDefault(require("src/components/Grid/Grid.module.css"));
+var _classify = require("../../utils/classify");
+var _GridModule = _interopRequireDefault(require("./Grid.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 GRID_SYSTEM_MAP = {
@@ -63,14 +64,15 @@ const Row = _ref => {
     }
     return child;
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "Grid",
     className: (0, _classify.classify)(_GridModule.default.gridRow, className),
     style: {
       '--grid-repeat-count': gridRepeatCount,
       '--repeat-tracks': repeatTracks
-    }
-  }, childrenWithProps);
+    },
+    children: childrenWithProps
+  });
 };
 exports.Row = Row;
 const Col = _ref2 => {
@@ -80,12 +82,13 @@ const Col = _ref2 => {
     gridColumnStart,
     gridColumnEnd
   } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_GridModule.default.gridColumn, className),
     style: {
       '--grid-column-start': gridColumnStart || 0,
       '--grid-column-end': gridColumnEnd || 0
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 exports.Col = Col;

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

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

package/lib/components/Grid/index.js

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

package/lib/components/Icon/ClickableIcon.d.ts

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

package/lib/components/Icon/ClickableIcon.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CloseIcon = exports.ClickableIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-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 _ClickableIconModule = _interopRequireDefault(require("src/components/Icon/ClickableIcon.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _ = require("./");
+var _Text = require("../Text");
+var _ClickableIconModule = _interopRequireDefault(require("./ClickableIcon.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 ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     size = 'medium',
@@ -30,7 +30,8 @@ const ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_re
       onClick?.(e);
     }
   };
-  return /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.UnstyledButton, {
+    ...props,
     type: "button",
     onClick: onClick,
     disabled: disabled,
@@ -41,12 +42,14 @@ const ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_re
       [_ClickableIconModule.default.medium]: size === 'medium',
       [_ClickableIconModule.default.large]: size === 'large'
     }, classNames?.button),
-    ref: ref
-  }), /*#__PURE__*/React.createElement(_Icon.Icon, _extends({}, props, {
-    size: size,
-    color: disabled ? _Text.TEXT_COLORS.disabled : props.color,
-    className: classNames?.icon || className
-  })));
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
+      ...props,
+      size: size,
+      color: disabled ? _Text.TEXT_COLORS.disabled : props.color,
+      className: classNames?.icon || className
+    })
+  });
 });
 const CloseIcon = exports.CloseIcon = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
@@ -55,12 +58,12 @@ const CloseIcon = exports.CloseIcon = /*#__PURE__*/React.forwardRef((_ref2, ref)
     color = _Text.TEXT_COLORS.primary,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement(ClickableIcon, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClickableIcon, {
     name: "close",
     size: size,
     type: type,
-    color: color
-  }, props, {
+    color: color,
+    ...props,
     ref: ref
-  }));
+  });
 });

package/lib/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from 'src/types/typography';
+import type { ColorTypes } from '../../types/typography';
 export declare const ICON_TYPE: Readonly<{
     regular: "regular";
     solid: "solid";

package/lib/components/Icon/Icon.docs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ICON_DOCS = void 0;
-var _typography = require("src/types/typography");
-var _Icon = require("src/components/Icon/Icon");
+var _typography = require("../../types/typography");
+var _Icon = require("./Icon");
 const colorOptions = [...Object.values(_typography.TEXT_COLORS)];
 const iconSize = [...Object.values(_Icon.ICON_SIZE)];
 const ICON_DOCS = exports.ICON_DOCS = {

package/lib/components/Icon/Icon.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Icon = exports.ICON_TYPE = exports.ICON_SIZE = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("src/types/typography");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
+var _typography = require("../../types/typography");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+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); }
 const ICON_TYPE = exports.ICON_TYPE = Object.freeze({
@@ -32,14 +33,17 @@ const Icon = exports.Icon = /*#__PURE__*/React.forwardRef((_ref, forwardRef) =>
     onClick,
     swapOpacity
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!name && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className),
-    onClick: onClick,
-    ref: forwardRef
-  }, /*#__PURE__*/React.createElement("i", {
-    className: (0, _classify.default)(`fa-${type} fa-${name} `, {
-      ['fa-swap-opacity']: swapOpacity
-    }),
-    style: style
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !!name && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className),
+      onClick: onClick,
+      ref: forwardRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: (0, _classify.default)(`fa-${type} fa-${name} `, {
+          ['fa-swap-opacity']: swapOpacity
+        }),
+        style: style
+      })
+    })
+  });
 });

package/lib/components/Icon/SemanticIcon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { AlertSemanticType } from 'src/types/common';
-import type { IconProps } from 'src/components/Icon/Icon';
+import type { AlertSemanticType } from '../../types/common';
+import type { IconProps } from '../../components/Icon/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     icon?: string;

package/lib/components/Icon/SemanticIcon.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SemanticIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("src/types/typography");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon/Icon");
-var _SemanticIconModule = _interopRequireDefault(require("src/components/Icon/SemanticIcon.module.css"));
+var _typography = require("../../types/typography");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("./Icon");
+var _SemanticIconModule = _interopRequireDefault(require("./SemanticIcon.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 SemanticIcon = _ref => {
   let {
     semantic = 'neutral',
@@ -19,14 +19,18 @@ const SemanticIcon = _ref => {
     size = 'medium',
     ...iconProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!iconProps.name && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SemanticIconModule.default.iconContainer, _SemanticIconModule.default[semantic], _SemanticIconModule.default[size], classNames?.wrapper, {
-      [_SemanticIconModule.default.disabled]: iconProps.disabled
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !!iconProps.name && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_SemanticIconModule.default.iconContainer, _SemanticIconModule.default[semantic], _SemanticIconModule.default[size], classNames?.wrapper, {
+        [_SemanticIconModule.default.disabled]: iconProps.disabled
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        ...iconProps,
+        className: (0, _classify.default)(iconProps.className, classNames?.icon),
+        color: iconProps.disabled ? 'disabled' : _typography.TEXT_COLORS[semantic],
+        size: size === 'large' ? 'medium' : size
+      })
     })
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, _extends({}, iconProps, {
-    className: (0, _classify.default)(iconProps.className, classNames?.icon),
-    color: iconProps.disabled ? 'disabled' : _typography.TEXT_COLORS[semantic],
-    size: size === 'large' ? 'medium' : size
-  }))));
+  });
 };
 exports.SemanticIcon = SemanticIcon;

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

@@ -1,4 +1,4 @@
-export * from 'src/components/Icon/ClickableIcon';
-export * from 'src/components/Icon/Icon';
-export * from 'src/components/Icon/SemanticIcon';
+export * from '../../components/Icon/ClickableIcon';
+export * from '../../components/Icon/Icon';
+export * from '../../components/Icon/SemanticIcon';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ClickableIcon = require("src/components/Icon/ClickableIcon");
+var _ClickableIcon = require("./ClickableIcon");
 Object.keys(_ClickableIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ClickableIcon[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_ClickableIcon).forEach(function (key) {
     }
   });
 });
-var _Icon = require("src/components/Icon/Icon");
+var _Icon = require("./Icon");
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Icon[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
-var _SemanticIcon = require("src/components/Icon/SemanticIcon");
+var _SemanticIcon = require("./SemanticIcon");
 Object.keys(_SemanticIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SemanticIcon[key]) return;

package/lib/components/InContextAlert/InContextAlert.d.ts

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