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

package/lib/components/InContextAlert/InContextAlert.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InContextAlert = exports.AlertIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("src/types/common");
-var _typography = require("src/types/typography");
-var _classify = require("src/utils/classify");
-var _Icon = require("src/components/Icon");
-var _Link = require("src/components/Link");
-var _Text = require("src/components/Text");
-var _Truncate = require("src/components/Truncate");
-var _InContextAlertModule = _interopRequireDefault(require("src/components/InContextAlert/InContextAlert.module.css"));
+var _common = require("../../types/common");
+var _typography = require("../../types/typography");
+var _classify = require("../../utils/classify");
+var _Icon = require("../Icon");
+var _Link = require("../Link");
+var _Text = require("../Text");
+var _Truncate = require("../Truncate");
+var _InContextAlertModule = _interopRequireDefault(require("./InContextAlert.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 AlertIcon = _ref => {
@@ -24,7 +25,7 @@ const AlertIcon = _ref => {
   } = _ref;
   switch (semantic) {
     case _common.ALERT_SEMANTIC.neutral:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _typography.TEXT_COLORS.neutral,
         name: leftIconName ? leftIconName : 'face-smile',
         size: "small",
@@ -32,7 +33,7 @@ const AlertIcon = _ref => {
         className: iconClassName
       });
     case _common.ALERT_SEMANTIC.success:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: leftIconName ? leftIconName : 'circle-check',
         size: "small",
         color: _typography.TEXT_COLORS.success,
@@ -40,7 +41,7 @@ const AlertIcon = _ref => {
         className: iconClassName
       });
     case _common.ALERT_SEMANTIC.information:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: leftIconName ? leftIconName : 'circle-info',
         size: "small",
         color: _typography.TEXT_COLORS.information,
@@ -48,7 +49,7 @@ const AlertIcon = _ref => {
         className: iconClassName
       });
     case _common.ALERT_SEMANTIC.warning:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: leftIconName ? leftIconName : 'circle-exclamation',
         size: "small",
         color: _typography.TEXT_COLORS.warning,
@@ -56,7 +57,7 @@ const AlertIcon = _ref => {
         className: iconClassName
       });
     case _common.ALERT_SEMANTIC.danger:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: leftIconName ? leftIconName : 'shield-exclamation',
         size: "small",
         color: _typography.TEXT_COLORS.danger,
@@ -64,7 +65,7 @@ const AlertIcon = _ref => {
         className: iconClassName
       });
     default:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         color: _typography.TEXT_COLORS.neutral,
         name: leftIconName ? leftIconName : 'face-smile',
         size: "small",
@@ -97,37 +98,44 @@ const InContextAlert = exports.InContextAlert = /*#__PURE__*/React.forwardRef((p
       setDismissed(true);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_InContextAlertModule.default.alertContainer, {
-      [_InContextAlertModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
-      [_InContextAlertModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
-      [_InContextAlertModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
-      [_InContextAlertModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
-      [_InContextAlertModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger
-    }, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(AlertIcon, {
-    semantic: semantic,
-    leftIconName: leftIconName,
-    leftIconType: leftIconType,
-    iconClassName: classNames?.icon
-  }), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
-    className: (0, _classify.classify)(classNames?.alertText)
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    line: 2,
-    wordBreak: "initial"
-  }, children)), !!(actionText || dismissable) && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_InContextAlertModule.default.actionContainer, classNames?.actionContainer)
-  }, !!actionText && /*#__PURE__*/React.createElement(_Link.Link, {
-    onClick: onAction,
-    color: actionTextColor
-  }, actionText), !!dismissable && /*#__PURE__*/React.createElement(_Icon.ClickableIcon, {
-    color: _typography.TEXT_COLORS.primary,
-    ariaLabel: "close",
-    name: "close",
-    size: "small",
-    type: "regular",
-    onClick: closeClickHandler,
-    className: _InContextAlertModule.default.closeIcon
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !dismissed && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.classify)(_InContextAlertModule.default.alertContainer, {
+        [_InContextAlertModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
+        [_InContextAlertModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
+        [_InContextAlertModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
+        [_InContextAlertModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
+        [_InContextAlertModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger
+      }, classNames?.wrapper),
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AlertIcon, {
+        semantic: semantic,
+        leftIconName: leftIconName,
+        leftIconType: leftIconType,
+        iconClassName: classNames?.icon
+      }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
+        className: (0, _classify.classify)(classNames?.alertText),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          line: 2,
+          wordBreak: "initial",
+          children: children
+        })
+      }), !!(actionText || dismissable) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classify.classify)(_InContextAlertModule.default.actionContainer, classNames?.actionContainer),
+        children: [!!actionText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+          onClick: onAction,
+          color: actionTextColor,
+          children: actionText
+        }), !!dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
+          color: _typography.TEXT_COLORS.primary,
+          ariaLabel: "close",
+          name: "close",
+          size: "small",
+          type: "regular",
+          onClick: closeClickHandler,
+          className: _InContextAlertModule.default.closeIcon
+        })]
+      })]
+    })
+  });
 });

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

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

package/lib/components/InContextAlert/index.js

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

package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.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 { InContextAlertProps } from 'src/components/InContextAlert';
+import type { ColorTypes } from '../../types/typography';
+import type { InContextAlertProps } from '../../components/InContextAlert';
 export interface InContextAlertWithMultipleActionsProps extends Omit<InContextAlertProps, 'inline' | 'secondaryActionText' | 'onSecondaryAction' | 'secondaryActionTextColor'> {
     inline?: boolean;
     secondaryActionText?: string;

package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InContextAlertWithMultipleActions = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("src/types/common");
-var _typography = require("src/types/typography");
-var _classify = require("src/utils/classify");
-var _Icon = require("src/components/Icon");
-var _InContextAlert = require("src/components/InContextAlert");
-var _Link = require("src/components/Link");
-var _Text = require("src/components/Text");
-var _InContextAlertWithMultipleActionsModule = _interopRequireDefault(require("src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.module.css"));
+var _common = require("../../types/common");
+var _typography = require("../../types/typography");
+var _classify = require("../../utils/classify");
+var _Icon = require("../Icon");
+var _InContextAlert = require("../InContextAlert");
+var _Link = require("../Link");
+var _Text = require("../Text");
+var _InContextAlertWithMultipleActionsModule = _interopRequireDefault(require("./InContextAlertWithMultipleActions.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 InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActions = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -41,39 +42,49 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
       setDismissed(true);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.alertContainer, {
-      [_InContextAlertWithMultipleActionsModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
-      [_InContextAlertWithMultipleActionsModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
-      [_InContextAlertWithMultipleActionsModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
-      [_InContextAlertWithMultipleActionsModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
-      [_InContextAlertWithMultipleActionsModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger
-    }, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(_InContextAlert.AlertIcon, {
-    semantic: semantic,
-    leftIconName: leftIconName,
-    leftIconType: leftIconType,
-    iconClassName: classNames?.icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.contentContainer, inline ? _InContextAlertWithMultipleActionsModule.default.contentContainerRow : _InContextAlertWithMultipleActionsModule.default.contentContainerColumn, classNames?.contentContainer)
-  }, React.Children.count(children) > 0 && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
-    className: (0, _classify.classify)(classNames?.alertText)
-  }, children), !!(actionText || secondaryActionText) && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.actionContainer, classNames?.actionContainer)
-  }, !!actionText && /*#__PURE__*/React.createElement(_Link.Link, {
-    onClick: onAction,
-    color: actionTextColor
-  }, actionText), !!secondaryActionText && /*#__PURE__*/React.createElement(_Link.Link, {
-    onClick: onSecondaryAction,
-    color: secondaryActionTextColor
-  }, secondaryActionText))), /*#__PURE__*/React.createElement("div", null, !!dismissable && /*#__PURE__*/React.createElement(_Icon.ClickableIcon, {
-    color: _typography.TEXT_COLORS.primary,
-    ariaLabel: "close",
-    name: "close",
-    size: "small",
-    type: "regular",
-    onClick: closeClickHandler,
-    className: _InContextAlertWithMultipleActionsModule.default.closeIcon
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !dismissed && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.alertContainer, {
+        [_InContextAlertWithMultipleActionsModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
+        [_InContextAlertWithMultipleActionsModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
+        [_InContextAlertWithMultipleActionsModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
+        [_InContextAlertWithMultipleActionsModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
+        [_InContextAlertWithMultipleActionsModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger
+      }, classNames?.wrapper),
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InContextAlert.AlertIcon, {
+        semantic: semantic,
+        leftIconName: leftIconName,
+        leftIconType: leftIconType,
+        iconClassName: classNames?.icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.contentContainer, inline ? _InContextAlertWithMultipleActionsModule.default.contentContainerRow : _InContextAlertWithMultipleActionsModule.default.contentContainerColumn, classNames?.contentContainer),
+        children: [React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
+          className: (0, _classify.classify)(classNames?.alertText),
+          children: children
+        }), !!(actionText || secondaryActionText) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.actionContainer, classNames?.actionContainer),
+          children: [!!actionText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+            onClick: onAction,
+            color: actionTextColor,
+            children: actionText
+          }), !!secondaryActionText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+            onClick: onSecondaryAction,
+            color: secondaryActionTextColor,
+            children: secondaryActionText
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: !!dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
+          color: _typography.TEXT_COLORS.primary,
+          ariaLabel: "close",
+          name: "close",
+          size: "small",
+          type: "regular",
+          onClick: closeClickHandler,
+          className: _InContextAlertWithMultipleActionsModule.default.closeIcon
+        })
+      })]
+    })
+  });
 });

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

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

package/lib/components/InContextAlertWithMultipleActions/index.js

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

package/lib/components/InfinitePagination/InfinitePagination.d.ts

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

package/lib/components/InfinitePagination/InfinitePagination.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.InfinitePagination = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
-var _hooks = require("src/hooks");
-var _space = require("src/styles/variables/_space");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _CircularLoader = require("src/components/CircularLoader");
-var _InfinitePaginationModule = _interopRequireDefault(require("src/components/InfinitePagination/InfinitePagination.module.css"));
+var _hooks = require("../../hooks");
+var _space = require("../../styles/variables/_space");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _CircularLoader = require("../CircularLoader");
+var _InfinitePaginationModule = _interopRequireDefault(require("./InfinitePagination.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 DEFAULT_THRESHOLD = 200;
@@ -51,36 +52,41 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
       index,
       style
     } = _ref;
-    return index === itemsLength ? /*#__PURE__*/React.createElement("div", {
+    return index === itemsLength ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
-      className: _InfinitePaginationModule.default.loader
-    }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-      size: "large"
-    })) : /*#__PURE__*/React.createElement("div", {
+      className: _InfinitePaginationModule.default.loader,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+        size: "large"
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
-      className: _InfinitePaginationModule.default.listRow
-    }, renderItem(items[index], index));
+      className: _InfinitePaginationModule.default.listRow,
+      children: renderItem(items[index], index)
+    });
   };
   const itemKey = React.useCallback(index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: containerRef,
     "data-testid": "InfinitePagination",
-    className: (0, _classify.default)(_InfinitePaginationModule.default.wrapper, classNames?.wrapper)
-  }, isVariableSizeList ? /*#__PURE__*/React.createElement(_reactWindow.VariableSizeList, {
-    ref: listRef,
-    width: width,
-    height: containerHeight,
-    itemKey: itemKey,
-    itemSize: itemSize,
-    onScroll: handleScroll,
-    itemCount: totalItemsCount
-  }, Row) : /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
-    ref: listRef,
-    width: width,
-    height: containerHeight,
-    itemKey: itemKey,
-    itemSize: itemSize,
-    onScroll: handleScroll,
-    itemCount: totalItemsCount
-  }, Row));
+    className: (0, _classify.default)(_InfinitePaginationModule.default.wrapper, classNames?.wrapper),
+    children: isVariableSizeList ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.VariableSizeList, {
+      ref: listRef,
+      width: width,
+      height: containerHeight,
+      itemKey: itemKey,
+      itemSize: itemSize,
+      onScroll: handleScroll,
+      itemCount: totalItemsCount,
+      children: Row
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.FixedSizeList, {
+      ref: listRef,
+      width: width,
+      height: containerHeight,
+      itemKey: itemKey,
+      itemSize: itemSize,
+      onScroll: handleScroll,
+      itemCount: totalItemsCount,
+      children: Row
+    })
+  });
 });

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

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

package/lib/components/InfinitePagination/index.js

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

package/lib/components/InlineDropdown/InlineDropdown.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ClickAwayRefType } from 'src/utils/click-away';
-import type { UnstyledButtonProps } from 'src/components/Button';
-import type { AnchorType } from 'src/components/ButtonDropdown';
-import type { MenuOption, MenuProps } from 'src/components/Menu';
-import type { ElevationType } from 'src/components/Tooltip';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { UnstyledButtonProps } from '../../components/Button';
+import type { AnchorType } from '../../components/ButtonDropdown';
+import type { MenuOption, MenuProps } from '../../components/Menu';
+import type { ElevationType } from '../../components/Tooltip';
 type ClassNames = Readonly<{
     buttonWrapper?: string;
     dropdownContainer?: string;