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

package/lib/components/Badge/Badge.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconBadge = exports.Badge = exports.BADGE_COLOR = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _color = require("src/styles/variables/_color");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _Text = require("src/components/Text");
-var _BadgeModule = _interopRequireDefault(require("src/components/Badge/Badge.module.css"));
+var _color = require("../../styles/variables/_color");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _BadgeModule = _interopRequireDefault(require("./Badge.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 BADGE_COLOR = exports.BADGE_COLOR = Object.freeze({
@@ -32,7 +33,7 @@ const Badge = exports.Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     fill = 'gray'
   } = _ref;
   const isDark = fill.includes('Dark');
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "Badge",
     style: {
       '--wrapperBgColor': BADGE_COLOR[fill]
@@ -40,13 +41,15 @@ const Badge = exports.Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className: (0, _classify.default)(_BadgeModule.default.badgeWrapper, {
       [_BadgeModule.default.fixedWidth]: text.length <= 2
     }, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(_Text.ButtonTextSmall, {
-    className: (0, _classify.default)({
-      [_BadgeModule.default.dark]: isDark,
-      [_BadgeModule.default.light]: !isDark
-    }, classNames?.text)
-  }, text));
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextSmall, {
+      className: (0, _classify.default)({
+        [_BadgeModule.default.dark]: isDark,
+        [_BadgeModule.default.light]: !isDark
+      }, classNames?.text),
+      children: text
+    })
+  });
 });
 const IconBadge = exports.IconBadge = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
@@ -59,22 +62,23 @@ const IconBadge = exports.IconBadge = /*#__PURE__*/React.forwardRef((_ref2, ref)
     onClick
   } = _ref2;
   const isDark = fill.includes('Dark');
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "Badge",
     style: {
       '--wrapperBgColor': BADGE_COLOR[fill]
     },
     className: (0, _classify.default)(_BadgeModule.default.badgeWrapper, _BadgeModule.default.iconContainer, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconName,
-    type: iconType,
-    size: iconSize,
-    ariaLabel: ariaLabel,
-    onClick: onClick,
-    className: (0, _classify.default)({
-      [_BadgeModule.default.dark]: isDark,
-      [_BadgeModule.default.light]: !isDark
-    }, classNames?.icon)
-  }));
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: iconName,
+      type: iconType,
+      size: iconSize,
+      ariaLabel: ariaLabel,
+      onClick: onClick,
+      className: (0, _classify.default)({
+        [_BadgeModule.default.dark]: isDark,
+        [_BadgeModule.default.light]: !isDark
+      }, classNames?.icon)
+    })
+  });
 });

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

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

package/lib/components/Badge/index.js

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

package/lib/components/BadgedIcon/BadgedIcon.d.ts

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

package/lib/components/BadgedIcon/BadgedIcon.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BadgedIcon = 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");
-var _BadgedIconModule = _interopRequireDefault(require("src/components/BadgedIcon/BadgedIcon.module.css"));
-var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
+var _typography = require("../../types/typography");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _BadgedIconModule = _interopRequireDefault(require("./BadgedIcon.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); }
 const BadgedIcon = _ref => {
@@ -21,31 +22,35 @@ const BadgedIcon = _ref => {
     type = 'solid',
     ariaLabel
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!name && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_BadgedIconModule.default.iconContainer, _BadgedIconModule.default[size], classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    ariaLabel: ariaLabel,
-    name: name,
-    className: classNames?.icon,
-    size: size === 'large' ? 'medium' : size,
-    type: type,
-    color: _typography.TEXT_COLORS.clickable
-  }), showBadge && /*#__PURE__*/React.createElement(BadgeIcon, {
-    className: classNames?.badgeIcon
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: !!name && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_BadgedIconModule.default.iconContainer, _BadgedIconModule.default[size], classNames?.wrapper),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        ariaLabel: ariaLabel,
+        name: name,
+        className: classNames?.icon,
+        size: size === 'large' ? 'medium' : size,
+        type: type,
+        color: _typography.TEXT_COLORS.clickable
+      }), showBadge && /*#__PURE__*/(0, _jsxRuntime.jsx)(BadgeIcon, {
+        className: classNames?.badgeIcon
+      })]
+    })
+  });
 };
 exports.BadgedIcon = BadgedIcon;
 const BadgeIcon = _ref2 => {
   let {
     className
   } = _ref2;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     className: (0, _classify.default)(_BadgedIconModule.default.badgeIcon, _typographyModule.default[_typography.TEXT_COLORS['clickable']], className),
     viewBox: "0 0 12 13",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M6.46573 1.0335L8.10352 4.61465L11.6941 6.24816C11.883 6.3424 12.009 6.53088 12.009 6.71936C12.009 6.90784 11.883 7.09632 11.6941 7.15915L8.10352 8.82407L6.46573 12.4052C6.37124 12.5937 6.18226 12.7194 5.99329 12.7194C5.80431 12.7194 5.61533 12.5937 5.55234 12.4052L3.88305 8.82407L0.292498 7.19056C0.103521 7.09632 0.0090332 6.90784 0.0090332 6.71936C0.0090332 6.53088 0.103521 6.3424 0.292498 6.24816L3.88305 4.61465L5.55234 1.0335C5.61533 0.845015 5.80431 0.71936 5.99329 0.71936C6.18226 0.71936 6.37124 0.845015 6.46573 1.0335Z",
-    fill: "currentColor"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M6.46573 1.0335L8.10352 4.61465L11.6941 6.24816C11.883 6.3424 12.009 6.53088 12.009 6.71936C12.009 6.90784 11.883 7.09632 11.6941 7.15915L8.10352 8.82407L6.46573 12.4052C6.37124 12.5937 6.18226 12.7194 5.99329 12.7194C5.80431 12.7194 5.61533 12.5937 5.55234 12.4052L3.88305 8.82407L0.292498 7.19056C0.103521 7.09632 0.0090332 6.90784 0.0090332 6.71936C0.0090332 6.53088 0.103521 6.3424 0.292498 6.24816L3.88305 4.61465L5.55234 1.0335C5.61533 0.845015 5.80431 0.71936 5.99329 0.71936C6.18226 0.71936 6.37124 0.845015 6.46573 1.0335Z",
+      fill: "currentColor"
+    })
+  });
 };

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

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

package/lib/components/BadgedIcon/index.js

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

package/lib/components/Banner/Banner.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { InContextAlertProps } from 'src/components/InContextAlert';
+import type { InContextAlertProps } from '../../components/InContextAlert';
 export interface BannerProps extends Omit<InContextAlertProps, 'alignment'> {
     alignment?: 'top' | 'bottom';
 }

package/lib/components/Banner/Banner.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Banner = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("src/types/common");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _InContextAlert = require("src/components/InContextAlert");
-var _BannerModule = _interopRequireDefault(require("src/components/Banner/Banner.module.css"));
+var _common = require("../../types/common");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _InContextAlert = require("../InContextAlert");
+var _BannerModule = _interopRequireDefault(require("./Banner.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 Banner = exports.Banner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -20,23 +20,26 @@ const Banner = exports.Banner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     alignment = 'top',
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_InContextAlert.InContextAlert, _extends({}, props, {
-    leftIconType: leftIconType,
-    semantic: semantic,
-    ref: ref,
-    classNames: {
-      ...classNames,
-      wrapper: (0, _classify.default)(_BannerModule.default.bannerContainer, {
-        [_BannerModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
-        [_BannerModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
-        [_BannerModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
-        [_BannerModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
-        [_BannerModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger,
-        [_BannerModule.default.topAligned]: alignment === 'top',
-        [_BannerModule.default.bottomAligned]: alignment === 'bottom'
-      }, classNames?.wrapper),
-      alertText: (0, _classify.default)(classNames?.alertText),
-      actionContainer: (0, _classify.default)(_BannerModule.default.alertContainer, classNames?.actionContainer)
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InContextAlert.InContextAlert, {
+      ...props,
+      leftIconType: leftIconType,
+      semantic: semantic,
+      ref: ref,
+      classNames: {
+        ...classNames,
+        wrapper: (0, _classify.default)(_BannerModule.default.bannerContainer, {
+          [_BannerModule.default.neutral]: semantic === _common.ALERT_SEMANTIC.neutral,
+          [_BannerModule.default.success]: semantic === _common.ALERT_SEMANTIC.success,
+          [_BannerModule.default.information]: semantic === _common.ALERT_SEMANTIC.information,
+          [_BannerModule.default.warning]: semantic === _common.ALERT_SEMANTIC.warning,
+          [_BannerModule.default.danger]: semantic === _common.ALERT_SEMANTIC.danger,
+          [_BannerModule.default.topAligned]: alignment === 'top',
+          [_BannerModule.default.bottomAligned]: alignment === 'bottom'
+        }, classNames?.wrapper),
+        alertText: (0, _classify.default)(classNames?.alertText),
+        actionContainer: (0, _classify.default)(_BannerModule.default.alertContainer, classNames?.actionContainer)
+      }
+    })
+  });
 });

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

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

package/lib/components/Banner/index.js

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

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { LinkProps } from 'src/components/Link';
+import type { LinkProps } from '../../../components/Link';
 export interface BreadcrumbLinkProps extends Omit<LinkProps, 'isActive' | 'id' | 'onClick'> {
     isActive?: boolean;
     id: string;

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BreadcrumbLink = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Link = require("src/components/Link");
-var _BreadcrumbLinkModule = _interopRequireDefault(require("src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.module.css"));
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _Link = require("../../Link");
+var _BreadcrumbLinkModule = _interopRequireDefault(require("./BreadcrumbLink.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 BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     id,
@@ -23,7 +23,8 @@ const BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_
     to,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(_Link.Link, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+    ...props,
     to: to ?? href,
     "data-testid": "BreadcrumbLink",
     ref: ref,
@@ -36,6 +37,6 @@ const BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_
     onClick: e => {
       onClick?.(e, id);
     }
-  }));
+  });
 });
 BreadcrumbLink.displayName = 'BreadcrumbLink';

package/lib/components/Breadcrumbs/BreadcrumbLink/index.d.ts

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

package/lib/components/Breadcrumbs/BreadcrumbLink/index.js

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

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

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

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Breadcrumbs = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _BreadcrumbsModule = _interopRequireDefault(require("src/components/Breadcrumbs/Breadcrumbs.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Icon = require("../Icon");
+var _BreadcrumbsModule = _interopRequireDefault(require("./Breadcrumbs.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); }
 // Define the expected props for breadcrumb link elements
 
 // Type for a breadcrumb link element that can be cloned
 
-const BreadcrumbSeparator = () => /*#__PURE__*/React.createElement(_Icon.Icon, {
+const BreadcrumbSeparator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
   className: _BreadcrumbsModule.default.separator,
   name: "chevron-right",
   size: "small",
@@ -27,18 +28,19 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, r
     linkComponent
   } = _ref;
   const total = React.Children.count(children);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     "data-testid": "Breadcrumbs",
-    className: (0, _classify.default)(_BreadcrumbsModule.default.wrapper, classNames?.wrapper)
-  }, React.Children.map(children, (child, idx) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  React.createElement(React.Fragment, {
-    key: `crumb-${idx}`
-  }, /*#__PURE__*/React.isValidElement(child) && child?.type?.displayName === 'BreadcrumbLink' ? /*#__PURE__*/React.cloneElement(child, {
-    linkComponent
-  }) : child, idx < total - 1 && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {
-    "aria-hidden": true
-  }))));
+    className: (0, _classify.default)(_BreadcrumbsModule.default.wrapper, classNames?.wrapper),
+    children: React.Children.map(children, (child, idx) =>
+    /*#__PURE__*/
+    // eslint-disable-next-line react/no-array-index-key
+    (0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/React.isValidElement(child) && child?.type?.displayName === 'BreadcrumbLink' ? /*#__PURE__*/React.cloneElement(child, {
+        linkComponent
+      }) : child, idx < total - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbSeparator, {
+        "aria-hidden": true
+      })]
+    }, `crumb-${idx}`))
+  });
 });

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

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

package/lib/components/Breadcrumbs/index.js

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

package/lib/components/Button/Button.d.ts

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