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

package/lib/components/StickyBar/StickyBar.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StickyBarRightSlot = exports.StickyBarLeftSlot = exports.StickyBar = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _StickyBarModule = _interopRequireDefault(require("src/components/StickyBar/StickyBar.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _StickyBarModule = _interopRequireDefault(require("./StickyBar.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 StickyBarLeftSlot = _ref => {
   let {
     className,
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: (0, _classify.default)(_StickyBarModule.default.leftSlot, className)
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
+    className: (0, _classify.default)(_StickyBarModule.default.leftSlot, className),
+    children: children
+  });
 };
 exports.StickyBarLeftSlot = StickyBarLeftSlot;
 const StickyBarRightSlot = _ref2 => {
@@ -27,9 +29,11 @@ const StickyBarRightSlot = _ref2 => {
     children,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: (0, _classify.default)(_StickyBarModule.default.rightSlot, className)
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
+    className: (0, _classify.default)(_StickyBarModule.default.rightSlot, className),
+    children: children
+  });
 };
 exports.StickyBarRightSlot = StickyBarRightSlot;
 const StickyBar = exports.StickyBar = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
@@ -39,12 +43,14 @@ const StickyBar = exports.StickyBar = /*#__PURE__*/React.forwardRef((_ref3, ref)
     position = 'bottom',
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     ref: ref,
     "data-testid": "StickyBar",
     className: (0, _classify.default)(_StickyBarModule.default.wrapper, {
       [_StickyBarModule.default.top]: position === 'top',
       [_StickyBarModule.default.bottom]: position === 'bottom'
-    }, className)
-  }), children);
+    }, className),
+    children: children
+  });
 });

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

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

package/lib/components/StickyBar/index.js

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

package/lib/components/SubMenu/SubMenu.d.ts

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

package/lib/components/SubMenu/SubMenu.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SubMenu = 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 _SubMenuModule = _interopRequireDefault(require("src/components/SubMenu/SubMenu.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _SubMenuModule = _interopRequireDefault(require("./SubMenu.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 SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -25,38 +26,43 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _ref;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: _SubMenuModule.default.menuChildWrap
-      }, /*#__PURE__*/React.cloneElement(child, {}));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _SubMenuModule.default.menuChildWrap,
+        children: /*#__PURE__*/React.cloneElement(child, {})
+      });
     }
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_SubMenuModule.default.subMenuWrapper, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.subMenuTitleAndButton
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.subMenuTitleWrapper
-  }, !!titleIcon && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    name: titleIcon,
-    type: titleIconType,
-    size: titleIconSize,
-    className: _SubMenuModule.default.titleIcon
-  }), /*#__PURE__*/React.createElement(_Text.SubTitleMedium, {
-    className: _SubMenuModule.default.subMenuHeader,
-    color: _Text.TEXT_COLORS.inversePrimary
-  }, title)), showClose && /*#__PURE__*/React.createElement(_Button.Button, {
-    ariaLabel: "Icon Button",
-    iconRightName: "close",
-    onClick: onClose,
-    size: "small",
-    type: "ghost",
-    actionType: "button",
-    classNames: {
-      wrapper: _SubMenuModule.default.subMenuCloseButton,
-      icon: _SubMenuModule.default.subMenuCloseIcon
-    }
-  })), childrenWithProps);
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _SubMenuModule.default.subMenuTitleAndButton,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SubMenuModule.default.subMenuTitleWrapper,
+        children: [!!titleIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          color: _Text.TEXT_COLORS.inverseSecondary,
+          name: titleIcon,
+          type: titleIconType,
+          size: titleIconSize,
+          className: _SubMenuModule.default.titleIcon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleMedium, {
+          className: _SubMenuModule.default.subMenuHeader,
+          color: _Text.TEXT_COLORS.inversePrimary,
+          children: title
+        })]
+      }), showClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        ariaLabel: "Icon Button",
+        iconRightName: "close",
+        onClick: onClose,
+        size: "small",
+        type: "ghost",
+        actionType: "button",
+        classNames: {
+          wrapper: _SubMenuModule.default.subMenuCloseButton,
+          icon: _SubMenuModule.default.subMenuCloseIcon
+        }
+      })]
+    }), childrenWithProps]
+  });
 });
 SubMenu.displayName = 'SubMenu';

package/lib/components/SubMenu/SubMenuGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { IconSize, IconType } from 'src/components/Icon';
-import type { StatusSemanticType } from 'src/components/StatusIndicator';
+import type { IconSize, IconType } from '../../components/Icon';
+import type { StatusSemanticType } from '../../components/StatusIndicator';
 type ClassNames = Readonly<{
     wrapper?: string;
     groupHeader?: string;

package/lib/components/SubMenu/SubMenuGroup.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SubMenuGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _FocusManagerWithArrowKeyNavigation = require("src/components/FocusManagerWithArrowKeyNavigation");
-var _Icon = require("src/components/Icon");
-var _StatusIndicator = require("src/components/StatusIndicator");
-var _Text = require("src/components/Text");
-var _SubMenuModule = _interopRequireDefault(require("src/components/SubMenu/SubMenu.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _FocusManagerWithArrowKeyNavigation = require("../FocusManagerWithArrowKeyNavigation");
+var _Icon = require("../Icon");
+var _StatusIndicator = require("../StatusIndicator");
+var _Text = require("../Text");
+var _SubMenuModule = _interopRequireDefault(require("./SubMenu.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 submenu child props
@@ -65,53 +66,61 @@ const SubMenuGroup = _ref => {
   React.useEffect(() => {
     setCollapsed(!isSubMenuGroupChildSelected);
   }, [selectedMenuKey]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuGroupWrapper, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuGroupHeader, {
-      [_SubMenuModule.default.collapsible]: collapsible
-    }, {
-      [_SubMenuModule.default.highlightedMenu]: isSubMenuGroupChildSelected
-    }, {
-      [_SubMenuModule.default.collapsed]: !collapsed
-    }, classNames?.groupHeader),
-    onClick: collapseHandler,
-    onKeyDown: onKeyDownHandlerHeader,
-    tabIndex: disabled ? -1 : 0
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.groupTitleWrapper
-  }, (!!groupIcon || !!status) && /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.groupIconWrapper
-  }, !!groupIcon && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    name: groupIcon,
-    type: groupIconType,
-    size: groupIconSize,
-    className: _SubMenuModule.default.groupIcon
-  }), !!status && collapsed && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.statusIndicatorWrapper)
-  }, /*#__PURE__*/React.createElement(_StatusIndicator.StatusIndicator, {
-    status: status,
-    classNames: {
-      wrapper: _SubMenuModule.default.statusIndicatorWrapper
-    }
-  }))), /*#__PURE__*/React.createElement(_Text.ButtonTextMedium, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    className: _SubMenuModule.default.groupTitle
-  }, groupTitle)), collapsible && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    name: collapsed ? 'chevron-down' : 'chevron-up',
-    size: "small"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuGroup, {
-      [_SubMenuModule.default.collapsed]: collapsible && collapsed
-    }, classNames?.menuGroup)
-  }, /*#__PURE__*/React.createElement(_FocusManagerWithArrowKeyNavigation.FocusManagerWithArrowKeyNavigation, {
-    classNames: {
-      wrapper: (0, _classify.default)(_SubMenuModule.default.subMenuFocusWrapper)
-    },
-    focusItemOnOpen: true,
-    loop: true
-  }, childrenWithProps)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_SubMenuModule.default.subMenuGroupWrapper, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_SubMenuModule.default.subMenuGroupHeader, {
+        [_SubMenuModule.default.collapsible]: collapsible
+      }, {
+        [_SubMenuModule.default.highlightedMenu]: isSubMenuGroupChildSelected
+      }, {
+        [_SubMenuModule.default.collapsed]: !collapsed
+      }, classNames?.groupHeader),
+      onClick: collapseHandler,
+      onKeyDown: onKeyDownHandlerHeader,
+      tabIndex: disabled ? -1 : 0,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SubMenuModule.default.groupTitleWrapper,
+        children: [(!!groupIcon || !!status) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _SubMenuModule.default.groupIconWrapper,
+          children: [!!groupIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            color: _Text.TEXT_COLORS.inverseSecondary,
+            name: groupIcon,
+            type: groupIconType,
+            size: groupIconSize,
+            className: _SubMenuModule.default.groupIcon
+          }), !!status && collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classify.default)(_SubMenuModule.default.statusIndicatorWrapper),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusIndicator.StatusIndicator, {
+              status: status,
+              classNames: {
+                wrapper: _SubMenuModule.default.statusIndicatorWrapper
+              }
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextMedium, {
+          color: _Text.TEXT_COLORS.inverseSecondary,
+          className: _SubMenuModule.default.groupTitle,
+          children: groupTitle
+        })]
+      }), collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        color: _Text.TEXT_COLORS.inverseSecondary,
+        name: collapsed ? 'chevron-down' : 'chevron-up',
+        size: "small"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_SubMenuModule.default.subMenuGroup, {
+        [_SubMenuModule.default.collapsed]: collapsible && collapsed
+      }, classNames?.menuGroup),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusManagerWithArrowKeyNavigation.FocusManagerWithArrowKeyNavigation, {
+        classNames: {
+          wrapper: (0, _classify.default)(_SubMenuModule.default.subMenuFocusWrapper)
+        },
+        focusItemOnOpen: true,
+        loop: true,
+        children: childrenWithProps
+      })
+    })]
+  });
 };
 exports.SubMenuGroup = SubMenuGroup;

package/lib/components/SubMenu/SubMenuItem.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 { IconProps } from 'src/components/Icon';
-import type { TextProps } from 'src/components/Text';
+import type { ColorTypes } from '../../types/typography';
+import type { IconProps } from '../../components/Icon';
+import type { TextProps } from '../../components/Text';
 export declare const SubMenuItemIcon: {
     ({ className, ...props }: IconProps): React.JSX.Element;
     displayName: string;

package/lib/components/SubMenu/SubMenuItem.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SubMenuItemText = exports.SubMenuItemIcon = exports.SubMenuItemBadges = exports.SubMenuItemAction = exports.SubMenuItem = 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 _Truncate = require("src/components/Truncate");
-var _SubMenuModule = _interopRequireDefault(require("src/components/SubMenu/SubMenu.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _Truncate = require("../Truncate");
+var _SubMenuModule = _interopRequireDefault(require("./SubMenu.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); }
 // Type definitions for submenu item child components
 
 const SubMenuItemIcon = _ref => {
@@ -20,11 +20,12 @@ const SubMenuItemIcon = _ref => {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(_Icon.Icon, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    ...props,
     size: "small",
     color: _Text.TEXT_COLORS.inverseSecondary,
     className: (0, _classify.default)(_SubMenuModule.default.menuIcon, className)
-  }));
+  });
 };
 exports.SubMenuItemIcon = SubMenuItemIcon;
 SubMenuItemIcon.displayName = 'SubMenuItemIcon';
@@ -34,12 +35,15 @@ const SubMenuItemText = _ref2 => {
     className,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement(_Text.ButtonTextMedium, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextMedium, {
+    ...props,
     className: (0, _classify.default)(_SubMenuModule.default.subMenuItemText, className),
-    color: _Text.TEXT_COLORS.inversePrimary
-  }), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    showFullTextOnHover: true
-  }, children));
+    color: _Text.TEXT_COLORS.inversePrimary,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+      showFullTextOnHover: true,
+      children: children
+    })
+  });
 };
 exports.SubMenuItemText = SubMenuItemText;
 SubMenuItemText.displayName = 'SubMenuItemText';
@@ -49,9 +53,11 @@ const SubMenuItemBadges = _ref3 => {
     className,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuItemBadges, className)
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
+    className: (0, _classify.default)(_SubMenuModule.default.subMenuItemBadges, className),
+    children: children
+  });
 };
 exports.SubMenuItemBadges = SubMenuItemBadges;
 SubMenuItemBadges.displayName = 'SubMenuItemBadges';
@@ -61,10 +67,12 @@ const SubMenuItemAction = exports.SubMenuItemAction = /*#__PURE__*/React.forward
     className,
     ...props
   } = _ref4;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     className: (0, _classify.default)(_SubMenuModule.default.actionItems, className),
-    ref: ref
-  }), children);
+    ref: ref,
+    children: children
+  });
 });
 SubMenuItemAction.displayName = 'SubMenuItemAction';
 const SubMenuItem = exports.SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
@@ -107,7 +115,8 @@ const SubMenuItem = exports.SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5,
     }
     return null;
   };
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...props,
     className: (0, _classify.default)(_SubMenuModule.default.menuItem, {
       [_SubMenuModule.default.selected]: selected,
       [_SubMenuModule.default.disabled]: disabled
@@ -115,8 +124,10 @@ const SubMenuItem = exports.SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5,
     onKeyDown: onKeyDownHandler,
     onClick: onChangeHandler,
     tabIndex: disabled ? -1 : 0,
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.menuIconName
-  }, getNamedComp('SubMenuItemIcon'), getNamedComp('SubMenuItemText'), getNamedComp('SubMenuItemBadges')), getNamedComp('SubMenuItemAction'));
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _SubMenuModule.default.menuIconName,
+      children: [getNamedComp('SubMenuItemIcon'), getNamedComp('SubMenuItemText'), getNamedComp('SubMenuItemBadges')]
+    }), getNamedComp('SubMenuItemAction')]
+  });
 });

package/lib/components/SubMenu/SubMenuLink.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconSize, IconType } from 'src/components/Icon';
+import type { IconSize, IconType } from '../../components/Icon';
 export interface SubMenuLinkProps {
     menuLinkTitle?: string;
     menuLinkIcon: string;

package/lib/components/SubMenu/SubMenuLink.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SubMenuLink = 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 _Truncate = require("src/components/Truncate");
-var _SubMenuModule = _interopRequireDefault(require("src/components/SubMenu/SubMenu.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _Truncate = require("../Truncate");
+var _SubMenuModule = _interopRequireDefault(require("./SubMenu.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 SubMenuLink = exports.SubMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -34,26 +35,32 @@ const SubMenuLink = exports.SubMenuLink = /*#__PURE__*/React.forwardRef((_ref, r
       onChangeHandler();
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuLinkWrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SubMenuModule.default.subMenuLink, {
-      [_SubMenuModule.default.highlightedMenu]: isMenuLinkSelected
-    }),
-    onKeyDown: onKeyDownHandler,
-    onClick: onChangeHandler,
-    ref: ref,
-    tabIndex: disabled ? -1 : 0
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _SubMenuModule.default.groupTitleWrapper
-  }, !!menuLinkIcon && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    name: menuLinkIcon,
-    size: menuLinkIconSize,
-    type: menuLinkIconType,
-    className: _SubMenuModule.default.menuLinkIcon
-  }), /*#__PURE__*/React.createElement(_Text.ButtonTextMedium, {
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    className: _SubMenuModule.default.menuLinkTitle
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, menuLinkTitle)))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classify.default)(_SubMenuModule.default.subMenuLinkWrapper),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_SubMenuModule.default.subMenuLink, {
+        [_SubMenuModule.default.highlightedMenu]: isMenuLinkSelected
+      }),
+      onKeyDown: onKeyDownHandler,
+      onClick: onChangeHandler,
+      ref: ref,
+      tabIndex: disabled ? -1 : 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SubMenuModule.default.groupTitleWrapper,
+        children: [!!menuLinkIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          color: _Text.TEXT_COLORS.inverseSecondary,
+          name: menuLinkIcon,
+          size: menuLinkIconSize,
+          type: menuLinkIconType,
+          className: _SubMenuModule.default.menuLinkIcon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextMedium, {
+          color: _Text.TEXT_COLORS.inverseSecondary,
+          className: _SubMenuModule.default.menuLinkTitle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            children: menuLinkTitle
+          })
+        })]
+      })
+    })
+  });
 });

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

@@ -1,5 +1,5 @@
-export * from 'src/components/SubMenu/SubMenu';
-export * from 'src/components/SubMenu/SubMenuGroup';
-export * from 'src/components/SubMenu/SubMenuItem';
-export * from 'src/components/SubMenu/SubMenuLink';
+export * from '../../components/SubMenu/SubMenu';
+export * from '../../components/SubMenu/SubMenuGroup';
+export * from '../../components/SubMenu/SubMenuItem';
+export * from '../../components/SubMenu/SubMenuLink';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/SubMenu/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _SubMenu = require("src/components/SubMenu/SubMenu");
+var _SubMenu = require("./SubMenu");
 Object.keys(_SubMenu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SubMenu[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_SubMenu).forEach(function (key) {
     }
   });
 });
-var _SubMenuGroup = require("src/components/SubMenu/SubMenuGroup");
+var _SubMenuGroup = require("./SubMenuGroup");
 Object.keys(_SubMenuGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SubMenuGroup[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_SubMenuGroup).forEach(function (key) {
     }
   });
 });
-var _SubMenuItem = require("src/components/SubMenu/SubMenuItem");
+var _SubMenuItem = require("./SubMenuItem");
 Object.keys(_SubMenuItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SubMenuItem[key]) return;
@@ -36,7 +36,7 @@ Object.keys(_SubMenuItem).forEach(function (key) {
     }
   });
 });
-var _SubMenuLink = require("src/components/SubMenu/SubMenuLink");
+var _SubMenuLink = require("./SubMenuLink");
 Object.keys(_SubMenuLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SubMenuLink[key]) return;

package/lib/components/Table/Cell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ClassNameComponent } from 'src/utils/makeClassNameComponent';
+import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
 interface CellsProps {
     children?: React.ReactNode;
     className?: string | null | undefined;