@vitality-ds/components 5.7.0-alpha.8 → 6.0.0-alpha.1

package/dist/esm/SkeletonBox/Presets/FormField.skeleton.js

@@ -1,28 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["type", "helperMessage"];
 import React from "react";
 import Box from "../../Box";
 import Stack from "../../Stack";
 import PrimitiveSkeletonBox from "../primitives";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function FormFieldSkeleton(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? "default" : _ref$type,
     helperMessage = _ref.helperMessage,
     boxProps = _objectWithoutProperties(_ref, _excluded);
   var inputHeight = type === "textarea" ? 95.99 : 32;
-  return /*#__PURE__*/React.createElement(Box, boxProps, /*#__PURE__*/React.createElement(Stack, {
-    spacing: "sm"
-  }, /*#__PURE__*/React.createElement(PrimitiveSkeletonBox, {
-    height: 12,
-    width: 100,
-    maxWidth: "100%"
-  }), /*#__PURE__*/React.createElement(PrimitiveSkeletonBox, {
-    height: inputHeight,
-    width: "100%"
-  }), helperMessage && /*#__PURE__*/React.createElement(PrimitiveSkeletonBox, {
-    height: 12,
-    width: 200,
-    maxWidth: "100%"
-  })));
+  return /*#__PURE__*/_jsx(Box, _extends({}, boxProps, {
+    children: /*#__PURE__*/_jsxs(Stack, {
+      spacing: "sm",
+      children: [/*#__PURE__*/_jsx(PrimitiveSkeletonBox, {
+        height: 12,
+        width: 100,
+        maxWidth: "100%"
+      }), /*#__PURE__*/_jsx(PrimitiveSkeletonBox, {
+        height: inputHeight,
+        width: "100%"
+      }), helperMessage && /*#__PURE__*/_jsx(PrimitiveSkeletonBox, {
+        height: 12,
+        width: 200,
+        maxWidth: "100%"
+      })]
+    })
+  }));
 }
 export default FormFieldSkeleton;

package/dist/esm/SkeletonBox/Presets/Input.skeleton.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["type"];
 import React from "react";
 import PrimitiveSkeletonBox from "../primitives";
+import { jsx as _jsx } from "react/jsx-runtime";
 function InputSkeleton(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? "default" : _ref$type,
@@ -10,7 +11,7 @@ function InputSkeleton(_ref) {
   var height = type === "textarea" ? 95.99 : 32;
 
   // let boxProps override width but not override height
-  return /*#__PURE__*/React.createElement(PrimitiveSkeletonBox, _extends({
+  return /*#__PURE__*/_jsx(PrimitiveSkeletonBox, _extends({
     width: "100%"
   }, boxProps, {
     height: height

package/dist/esm/SkeletonBox/index.js

@@ -1,12 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["preset"];
 import React from "react";
 import * as Presets from "./Presets";
 import PrimitiveSkeletonBox from "./primitives";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SkeletonBox(_ref) {
   var preset = _ref.preset,
     props = _objectWithoutProperties(_ref, _excluded);
   var SkeletonComponent = preset ? Presets[preset] : PrimitiveSkeletonBox;
-  return /*#__PURE__*/React.createElement(SkeletonComponent, props);
+  return /*#__PURE__*/_jsx(SkeletonComponent, _extends({}, props));
 }
 export default SkeletonBox;

package/dist/esm/SkeletonBox/primitives/index.js

@@ -3,8 +3,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import Box from "../../Box";
 import { BasePrimitiveSkeletonBox } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function PrimitiveSkeletonBox(_ref) {
   var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Box, restProps, /*#__PURE__*/React.createElement(BasePrimitiveSkeletonBox, null));
+  return /*#__PURE__*/_jsx(Box, _extends({}, restProps, {
+    children: /*#__PURE__*/_jsx(BasePrimitiveSkeletonBox, {})
+  }));
 }
 export default PrimitiveSkeletonBox;

package/dist/esm/Spinner/index.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { presetSizes } from "./constants";
 import { BaseSpinner, BaseSpinnerCircle, BaseSpinnerSvg } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Spinner = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$delay = _ref.delay,
     delay = _ref$delay === void 0 ? 0 : _ref$delay,
@@ -9,27 +10,29 @@ var Spinner = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     onBackgroundColor = _ref.onBackgroundColor;
   var size = presetSizes[providedSize];
   var animationDelay = "".concat(delay, "ms");
-  return /*#__PURE__*/React.createElement(BaseSpinner, {
+  return /*#__PURE__*/_jsx(BaseSpinner, {
     style: {
       animationDelay: animationDelay,
       width: size,
       height: size
-    }
-  }, /*#__PURE__*/React.createElement(BaseSpinnerSvg, {
-    height: size,
-    width: size,
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: forwardedRef,
-    style: {
-      animationDelay: animationDelay
-    }
-  }, /*#__PURE__*/React.createElement(BaseSpinnerCircle, {
-    cx: "8",
-    cy: "8",
-    r: "7",
-    color: onBackgroundColor
-  })));
+    },
+    children: /*#__PURE__*/_jsx(BaseSpinnerSvg, {
+      height: size,
+      width: size,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      ref: forwardedRef,
+      style: {
+        animationDelay: animationDelay
+      },
+      children: /*#__PURE__*/_jsx(BaseSpinnerCircle, {
+        cx: "8",
+        cy: "8",
+        r: "7",
+        color: onBackgroundColor
+      })
+    })
+  });
 });
 Spinner.displayName = "Spinner";
 export default Spinner;

package/dist/esm/Stack/index.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["as", "style", "className", "css", "children", "direction", "spacing", "align", "justify", "wrap", "shouldFitContainer"];
 import React from "react";
 import { BaseStack } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function Stack(_ref) {
   var as = _ref.as,
     style = _ref.style,
@@ -20,13 +21,15 @@ function Stack(_ref) {
     wrap = _ref.wrap,
     shouldFitContainer = _ref.shouldFitContainer,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseStack, _extends({
+  return /*#__PURE__*/_jsx(BaseStack, _extends({
     direction: direction,
     align: align,
     justify: justify,
     spacing: spacing,
     wrap: wrap,
     shouldFitContainer: shouldFitContainer
-  }, restProps), children);
+  }, restProps, {
+    children: children
+  }));
 }
 export default Stack;

package/dist/esm/StatusBadge/StatusBadge.js

@@ -5,6 +5,7 @@ import React from "react";
 import StatusBadgeIcon from "./components/StatusBadgeIcon";
 import { getIcon } from "./logic";
 import { BaseStatusBadge } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StatusBadge = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
     icon = _ref.icon,
@@ -19,11 +20,15 @@ var StatusBadge = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     className = _ref.className,
     as = _ref.as,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseStatusBadge, _extends({
+  return /*#__PURE__*/_jsxs(BaseStatusBadge, _extends({
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/React.createElement(StatusBadgeIcon, null, icon || getIcon(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/_jsx(StatusBadgeIcon, {
+      children: icon || getIcon(severity)
+    }), label]
+  }));
 });
 StatusBadge.displayName = "StatusBadge";
 export default StatusBadge;

package/dist/esm/StatusBadge/StatusBadgeButton.js

@@ -5,6 +5,7 @@ import React from "react";
 import StatusBadgeIcon from "./components/StatusBadgeIcon";
 import { getIcon } from "./logic";
 import { BaseStatusBadgeButton } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StatusBadgeButton = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
     icon = _ref.icon,
@@ -20,13 +21,17 @@ var StatusBadgeButton = /*#__PURE__*/React.forwardRef(function (_ref, forwardedR
     as = _ref.as,
     onClick = _ref.onClick,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseStatusBadgeButton, _extends({
+  return /*#__PURE__*/_jsxs(BaseStatusBadgeButton, _extends({
     interactive: true,
     onClick: onClick,
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/React.createElement(StatusBadgeIcon, null, icon || getIcon(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/_jsx(StatusBadgeIcon, {
+      children: icon || getIcon(severity)
+    }), label]
+  }));
 });
 StatusBadgeButton.displayName = "StatusBadgeButton";
 export default StatusBadgeButton;

package/dist/esm/StatusBadge/StatusBadgeLink.js

@@ -5,6 +5,7 @@ import React from "react";
 import StatusBadgeIcon from "./components/StatusBadgeIcon";
 import { getIcon } from "./logic";
 import { BaseStatusBadgeLink } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StatusBadgeLink = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
     icon = _ref.icon,
@@ -21,14 +22,18 @@ var StatusBadgeLink = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef
     href = _ref.href,
     target = _ref.target,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseStatusBadgeLink, _extends({
+  return /*#__PURE__*/_jsxs(BaseStatusBadgeLink, _extends({
     interactive: true,
     target: target,
     href: href,
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/React.createElement(StatusBadgeIcon, null, icon || getIcon(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/_jsx(StatusBadgeIcon, {
+      children: icon || getIcon(severity)
+    }), label]
+  }));
 });
 StatusBadgeLink.displayName = "StatusBadgeLink";
 export default StatusBadgeLink;

package/dist/esm/StatusBadge/components/StatusBadgeIcon/index.js

@@ -1,7 +1,10 @@
 import React from "react";
 import BaseStatusBadgeIcon from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function StatusBadgeIcon(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement(BaseStatusBadgeIcon, null, children);
+  return /*#__PURE__*/_jsx(BaseStatusBadgeIcon, {
+    children: children
+  });
 }
 export default StatusBadgeIcon;

package/dist/esm/StatusBadge/components/StatusBadgeIcon/styles/BaseStatusBadge.styles.js

@@ -5,9 +5,28 @@ export default css({
   svg: {
     width: "1em",
     height: "1em",
+    color: "currentColor",
+    circle: {
+      stroke: "currentColor"
+    },
+    ellipse: {
+      stroke: "currentColor"
+    },
+    line: {
+      stroke: "currentColor"
+    },
     path: {
       stroke: "currentColor"
     },
+    polygon: {
+      stroke: "currentColor"
+    },
+    polyline: {
+      stroke: "currentColor"
+    },
+    rect: {
+      stroke: "currentColor"
+    },
     // Todo: find out why icons require top margin reset
     marginTop: 0
   }

package/dist/esm/StatusBadge/constants.js

@@ -1,14 +1,15 @@
 import { GentuLogo } from "@vitality-ds/icons";
 import { CircleAlert, CircleCheck, Info, TriangleAlert } from "lucide-react";
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_ICONS = {
-  warning: /*#__PURE__*/React.createElement(TriangleAlert, null),
-  info: /*#__PURE__*/React.createElement(Info, null),
-  neutral: /*#__PURE__*/React.createElement(Info, null),
-  success: /*#__PURE__*/React.createElement(CircleCheck, null),
-  critical: /*#__PURE__*/React.createElement(CircleAlert, null),
-  accent: /*#__PURE__*/React.createElement(Info, null),
-  brand: /*#__PURE__*/React.createElement(GentuLogo, null),
-  primary: /*#__PURE__*/React.createElement(Info, null)
+  warning: /*#__PURE__*/_jsx(TriangleAlert, {}),
+  info: /*#__PURE__*/_jsx(Info, {}),
+  neutral: /*#__PURE__*/_jsx(Info, {}),
+  success: /*#__PURE__*/_jsx(CircleCheck, {}),
+  critical: /*#__PURE__*/_jsx(CircleAlert, {}),
+  accent: /*#__PURE__*/_jsx(Info, {}),
+  brand: /*#__PURE__*/_jsx(GentuLogo, {}),
+  primary: /*#__PURE__*/_jsx(Info, {})
 };
 export default DEFAULT_ICONS;

package/dist/esm/StatusBadge/logic.spec.js

@@ -2,29 +2,30 @@ import { GentuLogo } from "@vitality-ds/icons";
 import { CircleAlert, CircleCheck, Info, TriangleAlert } from "lucide-react";
 import React from "react";
 import { getIcon } from "./logic";
+import { jsx as _jsx } from "react/jsx-runtime";
 describe("getIcon", function () {
   it("returns the correct icon for the severity (warning)", function () {
-    expect(getIcon("warning")).toEqual(/*#__PURE__*/React.createElement(TriangleAlert, null));
+    expect(getIcon("warning")).toEqual(/*#__PURE__*/_jsx(TriangleAlert, {}));
   });
   it("returns the correct icon for the severity (info)", function () {
-    expect(getIcon("info")).toEqual(/*#__PURE__*/React.createElement(Info, null));
+    expect(getIcon("info")).toEqual(/*#__PURE__*/_jsx(Info, {}));
   });
   it("returns the correct icon for the severity (neutral)", function () {
-    expect(getIcon("neutral")).toEqual(/*#__PURE__*/React.createElement(Info, null));
+    expect(getIcon("neutral")).toEqual(/*#__PURE__*/_jsx(Info, {}));
   });
   it("returns the correct icon for the severity (success)", function () {
-    expect(getIcon("success")).toEqual(/*#__PURE__*/React.createElement(CircleCheck, null));
+    expect(getIcon("success")).toEqual(/*#__PURE__*/_jsx(CircleCheck, {}));
   });
   it("returns the correct icon for the severity (critical)", function () {
-    expect(getIcon("critical")).toEqual(/*#__PURE__*/React.createElement(CircleAlert, null));
+    expect(getIcon("critical")).toEqual(/*#__PURE__*/_jsx(CircleAlert, {}));
   });
   it("returns the correct icon for the severity (brand)", function () {
-    expect(getIcon("brand")).toEqual(/*#__PURE__*/React.createElement(GentuLogo, null));
+    expect(getIcon("brand")).toEqual(/*#__PURE__*/_jsx(GentuLogo, {}));
   });
   it("returns the correct icon for the severity (primary)", function () {
-    expect(getIcon("primary")).toEqual(/*#__PURE__*/React.createElement(Info, null));
+    expect(getIcon("primary")).toEqual(/*#__PURE__*/_jsx(Info, {}));
   });
   it("returns the correct icon when invalid severity is given", function () {
-    expect(getIcon("invalid")).toEqual(/*#__PURE__*/React.createElement(Info, null));
+    expect(getIcon("invalid")).toEqual(/*#__PURE__*/_jsx(Info, {}));
   });
 });

package/dist/esm/Switch/index.js

@@ -6,6 +6,7 @@ import React from "react";
 import Stack from "../Stack";
 import LABEL_DIRECTIONS from "./constants/labelDirections";
 import { BaseSwitch, BaseSwitchLabel, BaseSwitchThumb } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var iconProps = {
   color: "currentColor",
   size: "0.875rem"
@@ -28,26 +29,30 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     label = _ref.label,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var direction = LABEL_DIRECTIONS[labelPosition];
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/_jsxs(Stack, {
     direction: direction,
-    align: "center"
-  }, label && /*#__PURE__*/React.createElement(BaseSwitchLabel, {
-    direction: labelPosition,
-    disabled: disabled,
-    htmlFor: id
-  }, label), /*#__PURE__*/React.createElement(BaseSwitch, _extends({
-    defaultChecked: defaultChecked,
-    required: required,
-    name: name,
-    value: value,
-    disabled: disabled,
-    id: id,
-    checked: checked,
-    onCheckedChange: onCheckedChange,
-    ref: forwardedRef
-  }, restProps), /*#__PURE__*/React.createElement(BaseSwitchThumb, {
-    checked: checked
-  }), checked ? /*#__PURE__*/React.createElement(Check, iconProps) : /*#__PURE__*/React.createElement(X, iconProps)));
+    align: "center",
+    children: [label && /*#__PURE__*/_jsx(BaseSwitchLabel, {
+      direction: labelPosition,
+      disabled: disabled,
+      htmlFor: id,
+      children: label
+    }), /*#__PURE__*/_jsxs(BaseSwitch, _extends({
+      defaultChecked: defaultChecked,
+      required: required,
+      name: name,
+      value: value,
+      disabled: disabled,
+      id: id,
+      checked: checked,
+      onCheckedChange: onCheckedChange,
+      ref: forwardedRef
+    }, restProps, {
+      children: [/*#__PURE__*/_jsx(BaseSwitchThumb, {
+        checked: checked
+      }), checked ? /*#__PURE__*/_jsx(Check, _extends({}, iconProps)) : /*#__PURE__*/_jsx(X, _extends({}, iconProps))]
+    }))]
+  });
 });
 Switch.displayName = "Switch";
 export default Switch;

package/dist/esm/Table/components/BatchActions/index.js

@@ -7,6 +7,7 @@ import { SelectContext } from "../../contexts/SelectContext";
 import useToolbar from "../Toolbar/hooks/useToolbar";
 import { getNumOfRowsSelected, getSelectAllButtonProps } from "./logic";
 import { ActionsContainer, BaseBatchActions, LeftContentContainer } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function BatchActions(_ref) {
   var totalNumOfTableRows = _ref.totalNumOfTableRows,
     _ref$entityName = _ref.entityName,
@@ -30,11 +31,18 @@ function BatchActions(_ref) {
   }, [selectableRows, numOfRowsSelected, totalNumOfTableRows, entityName, entityNamePluralised]);
   var _useToolbar = useToolbar(actions),
     ActionsComponents = _useToolbar.ActionsComponents;
-  return /*#__PURE__*/React.createElement(BaseBatchActions, {
-    floating: floating
-  }, /*#__PURE__*/React.createElement(LeftContentContainer, null, /*#__PURE__*/React.createElement(Typography, null, numOfRowsSelectedText), /*#__PURE__*/React.createElement(Button, _extends({
-    appearance: "link",
-    size: "compact"
-  }, selectAllButtonProps))), actions && /*#__PURE__*/React.createElement(ActionsContainer, null, ActionsComponents));
+  return /*#__PURE__*/_jsxs(BaseBatchActions, {
+    floating: floating,
+    children: [/*#__PURE__*/_jsxs(LeftContentContainer, {
+      children: [/*#__PURE__*/_jsx(Typography, {
+        children: numOfRowsSelectedText
+      }), /*#__PURE__*/_jsx(Button, _extends({
+        appearance: "link",
+        size: "compact"
+      }, selectAllButtonProps))]
+    }), actions && /*#__PURE__*/_jsx(ActionsContainer, {
+      children: ActionsComponents
+    })]
+  });
 }
 export default BatchActions;

package/dist/esm/Table/components/BatchActions/logic.js

@@ -1,6 +1,8 @@
-// eslint-disable-next-line import/no-unresolved
+/* eslint-disable import/no-unresolved */
 
+/* eslint-enable import/no-unresolved */
 import React from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function singleOrPlural(entityName, entityNamePluralised, condition) {
   return condition === 1 ? "".concat(entityName) : "".concat(entityNamePluralised || "".concat(entityName, "s"));
 }
@@ -37,7 +39,15 @@ export function getNumOfRowsSelected(selectableRows, numOfRowsSelected, totalRow
   if (!selectableRows || !numOfRowsSelected || !totalRows) return null;
   var nameOrNames = singleOrPlural(entityName, entityNamePluralised, numOfRowsSelected);
   if (numOfRowsSelected === totalRows) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "All ", /*#__PURE__*/React.createElement("strong", null, totalRows), " ", nameOrNames, " selected");
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: ["All ", /*#__PURE__*/_jsx("strong", {
+        children: totalRows
+      }), " ", nameOrNames, " selected"]
+    });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, numOfRowsSelected), " ", nameOrNames, " selected");
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("strong", {
+      children: numOfRowsSelected
+    }), " ", nameOrNames, " selected"]
+  });
 }

package/dist/esm/Table/components/BatchActions/logic.spec.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-// eslint-disable-next-line import/no-unresolved
+/* eslint-disable import/no-unresolved */
 
+/* eslint-enable import/no-unresolved */
 import { formatSelectButtonText, getSelectAllButtonProps } from "./logic";
 
 // necessary declarations from imported Select type

package/dist/esm/Table/components/Cells/AsyncSelect/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import { AsyncSelect } from "../../../../Input/Select";
+import { jsx as _jsx } from "react/jsx-runtime";
 function AsyncSelectCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(AsyncSelect, props);
+  return /*#__PURE__*/_jsx(AsyncSelect, _extends({}, props));
 }
 export default AsyncSelectCell;

package/dist/esm/Table/components/Cells/Button/index.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import Button from "../../../../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
 function ButtonCell(props) {
-  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Button, _extends({}, props, {
     size: "compact"
   }));
 }

package/dist/esm/Table/components/Cells/CreatableSelect/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import { CreatableSelect } from "../../../../Input/Select";
+import { jsx as _jsx } from "react/jsx-runtime";
 function CreatableSelectCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(CreatableSelect, props);
+  return /*#__PURE__*/_jsx(CreatableSelect, _extends({}, props));
 }
 export default CreatableSelectCell;

package/dist/esm/Table/components/Cells/CurrencyInput/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import CurrencyInput from "../../../../Input/CurrencyInput";
+import { jsx as _jsx } from "react/jsx-runtime";
 function CurrencyInputCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(CurrencyInput, props);
+  return /*#__PURE__*/_jsx(CurrencyInput, _extends({}, props));
 }
 export default CurrencyInputCell;

package/dist/esm/Table/components/Cells/DatePicker/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import DatePicker from "../../../../Input/DatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
 function DatePickerCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(DatePicker, props);
+  return /*#__PURE__*/_jsx(DatePicker, _extends({}, props));
 }
 export default DatePickerCell;

package/dist/esm/Table/components/Cells/DurationInput/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import DurationInput from "../../../../Input/DurationInput";
+import { jsx as _jsx } from "react/jsx-runtime";
 function DurationInputCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(DurationInput, props);
+  return /*#__PURE__*/_jsx(DurationInput, _extends({}, props));
 }
 export default DurationInputCell;

package/dist/esm/Table/components/Cells/Header/index.js

@@ -4,18 +4,22 @@ var _excluded = ["cellType", "label"];
 import React from "react";
 import Typography from "../../../../Typography";
 import { BaseHeaderCell } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function HeaderCell(_ref) {
   var cellType = _ref.cellType,
     label = _ref.label,
     props = _objectWithoutProperties(_ref, _excluded);
   var textAlign = cellType === "number" ? "right" : "left";
   var alignContent = cellType === "number" ? "end" : null;
-  return /*#__PURE__*/React.createElement(BaseHeaderCell, {
-    alignContent: alignContent
-  }, /*#__PURE__*/React.createElement(Typography, _extends({
-    variant: "inherit",
-    color: "inherit",
-    textAlign: textAlign
-  }, props), label));
+  return /*#__PURE__*/_jsx(BaseHeaderCell, {
+    alignContent: alignContent,
+    children: /*#__PURE__*/_jsx(Typography, _extends({
+      variant: "inherit",
+      color: "inherit",
+      textAlign: textAlign
+    }, props, {
+      children: label
+    }))
+  });
 }
 export default HeaderCell;

package/dist/esm/Table/components/Cells/Icon/index.js

@@ -2,12 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "icon"];
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 function IconCell(_ref) {
   var size = _ref.size,
     icon = _ref.icon,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var Component = icon.type;
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/_jsx(Component, _extends({
     size: "md"
   }, restProps));
 }

package/dist/esm/Table/components/Cells/IconButton/index.js

@@ -3,10 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["size"];
 import React from "react";
 import IconButton from "../../../../IconButton";
+import { jsx as _jsx } from "react/jsx-runtime";
 function IconButtonCell(_ref) {
   var size = _ref.size,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(IconButton, _extends({}, restProps, {
+  return /*#__PURE__*/_jsx(IconButton, _extends({}, restProps, {
     size: "compact"
   }));
 }