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

package/dist/Badge/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Badge(_ref) {
   var variant = _ref.variant,
     _ref$color = _ref.color,
@@ -17,21 +18,23 @@ function Badge(_ref) {
     children = _ref.children;
   var isInline = !children || !children && !variant;
   var renderBadge = function renderBadge() {
-    return /*#__PURE__*/_react["default"].createElement(_styled.BaseBadge, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBadge, {
       "aria-label": "Badge showing ".concat(content, " count"),
       inline: isInline,
       variant: variant,
       color: color,
-      position: isInline ? null : position
-    }, variant === "dot" ? null : content);
+      position: isInline ? null : position,
+      children: variant === "dot" ? null : content
+    });
   };
   if (!children) {
     return renderBadge();
   }
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     style: {
       position: "relative"
-    }
-  }, children, renderBadge());
+    },
+    children: [children, renderBadge()]
+  });
 }
 var _default = exports["default"] = Badge;

package/dist/Box/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _empties = require("../helpers/logic/empties");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["width", "height", "position", "maxWidth", "minWidth", "maxHeight", "minHeight", "htmlTag", "css", "style", "shouldShrink", "shouldGrow", "gridSpans", "top", "right", "bottom", "left", "inset", "children"];
 function Box(_ref) {
   var width = _ref.width,
@@ -36,7 +37,7 @@ function Box(_ref) {
   var _ref2 = gridSpans || _empties.EMPTY_OBJ,
     cols = _ref2.cols,
     rows = _ref2.rows;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseBox, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBox, (0, _extends2["default"])({
     shouldShrink: shouldShrink,
     shouldGrow: shouldGrow,
     as: htmlTag,
@@ -56,6 +57,8 @@ function Box(_ref) {
       left: left,
       inset: inset
     }
-  }, restProps), children);
+  }, restProps, {
+    children: children
+  }));
 }
 var _default = exports["default"] = Box;

package/dist/Breadcrumbs/components/Breadcrumb/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Tooltip = _interopRequireDefault(require("../../../Tooltip"));
 var _hooks = require("./hooks");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Breadcrumb(_ref) {
   var href = _ref.href,
     target = _ref.target,
@@ -19,21 +20,30 @@ function Breadcrumb(_ref) {
   var _useIsOverflowing = (0, _hooks.useIsOverflowing)(),
     overflowContainerRef = _useIsOverflowing.overflowContainerRef,
     isOverflowing = _useIsOverflowing.isOverflowing;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbListItem, null, isLastItem ? /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbConstrainedWidthContainerStyles, {
-    ref: overflowContainerRef
-  }, isOverflowing ? /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    preferredSide: "top",
-    preferredAlignment: "start",
-    content: text
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbText, {
-    "aria-current": "page"
-  }, text)) : /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbText, null, text)) : linkComponent && /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbLink, {
-    as: "span"
-  }, linkComponent) || /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbLink, {
-    href: href,
-    target: target
-  }, text), isLastItem ? null : /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronRight, {
-    size: "0.875rem"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseBreadcrumbListItem, {
+    children: [isLastItem ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbConstrainedWidthContainerStyles, {
+      ref: overflowContainerRef,
+      children: isOverflowing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
+        preferredSide: "top",
+        preferredAlignment: "start",
+        content: text,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbText, {
+          "aria-current": "page",
+          children: text
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbText, {
+        children: text
+      })
+    }) : linkComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbLink, {
+      as: "span",
+      children: linkComponent
+    }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbLink, {
+      href: href,
+      target: target,
+      children: text
+    }), isLastItem ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronRight, {
+      size: "0.875rem"
+    })]
+  });
 }
 var _default = exports["default"] = Breadcrumb;

package/dist/Breadcrumbs/index.js

@@ -9,17 +9,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Breadcrumb = _interopRequireDefault(require("./components/Breadcrumb"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Breadcrumbs(_ref) {
   var items = _ref.items;
-  return /*#__PURE__*/_react["default"].createElement("nav", {
-    "aria-label": "breadcrumb"
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseBreadcrumbsContainer, null, items.map(function (item, key) {
-    var isLastItem = key === items.length - 1;
-    return /*#__PURE__*/_react["default"].createElement(_Breadcrumb["default"], (0, _extends2["default"])({
-      key: "".concat(item.href, "-").concat(item.text)
-    }, item, {
-      isLastItem: isLastItem
-    }));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    "aria-label": "breadcrumb",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseBreadcrumbsContainer, {
+      children: items.map(function (item, key) {
+        var isLastItem = key === items.length - 1;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Breadcrumb["default"], (0, _extends2["default"])({}, item, {
+          isLastItem: isLastItem
+        }), "".concat(item.href, "-").concat(item.text));
+      })
+    })
+  });
 }
 var _default = exports["default"] = Breadcrumbs;

package/dist/Button/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _logic = require("./logic");
 var _primitives = _interopRequireDefault(require("./primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["appearance", "as", "children", "className", "css", "iconLeft", "iconRight", "size", "style", "variant", "isLoading", "shortcut"];
 var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
@@ -32,7 +33,7 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     variant = _getAppearance.variant,
     spinnerColor = _getAppearance.spinnerColor,
     shortcutsVariant = _getAppearance.shortcutsVariant;
-  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
     color: color,
     variant: variant,
     spinnerColor: spinnerColor,
@@ -43,7 +44,9 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     isLoading: isLoading,
     shortcut: shortcut,
     shortcutsVariant: shortcutsVariant
-  }, restProps), children);
+  }, restProps, {
+    children: children
+  }));
 });
 Button.displayName = "Button";
 var _default = exports["default"] = Button;

package/dist/Button/index.spec.js

@@ -4,21 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 describe("<Button />", function () {
   it("should trigger onClick when clicked", function () {
     var onClickHandler = jest.fn();
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
-      onClick: onClickHandler
-    }, "My Test Button"));
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
+      onClick: onClickHandler,
+      children: "My Test Button"
+    }));
     _react.fireEvent.click(_react.screen.getByText("My Test Button"));
     expect(onClickHandler).toHaveBeenCalled();
   });
   it("should not trigger onClick when clicked if it is disabled", function () {
     var onClickHandler = jest.fn();
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
       onClick: onClickHandler,
-      disabled: true
-    }, "My Test Button"));
+      disabled: true,
+      children: "My Test Button"
+    }));
     _react.fireEvent.click(_react.screen.getByText("My Test Button"));
     expect(onClickHandler).not.toHaveBeenCalled();
   });

package/dist/Button/primitives/index.js

@@ -12,6 +12,7 @@ var _Shortcuts = _interopRequireDefault(require("../../Shortcuts"));
 var _Spinner = _interopRequireDefault(require("../../Spinner"));
 var _ButtonIcon = require("../components/ButtonIcon");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "children", "className", "css", "iconLeft", "iconRight", "size", "style", "variant", "isLoading", "color", "spinnerColor", "shortcut", "shortcutsVariant"];
 var ButtonPrimitive = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var as = _ref.as,
@@ -30,34 +31,40 @@ var ButtonPrimitive = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     shortcut = _ref.shortcut,
     shortcutsVariant = _ref.shortcutsVariant,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseButton, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseButton, (0, _extends2["default"])({
     ref: ref,
     size: size,
     isLoading: isLoading,
     color: color,
     variant: variant,
     hasShortcut: !!shortcut
-  }, restProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseContentContainer, {
-    isLoading: isLoading
-  }, iconLeft && /*#__PURE__*/_react["default"].createElement(_ButtonIcon.ButtonIcon, {
-    spacing: "end",
-    size: size
-  }, iconLeft), children, shortcut && /*#__PURE__*/_react["default"].createElement(_Shortcuts["default"], {
-    keys: shortcut,
-    variant: shortcutsVariant,
-    color: color,
-    combineKeys: true
-  }), iconRight && /*#__PURE__*/_react["default"].createElement(_ButtonIcon.ButtonIcon, {
-    spacing: "start",
-    size: size
-  }, iconRight)), isLoading && /*#__PURE__*/_react["default"].createElement(_styled.BaseLoadingContainer, {
-    css: {
-      lineHeight: 1
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Spinner["default"], {
-    size: size === "compact" ? "sm" : "md",
-    onBackgroundColor: spinnerColor
-  })));
+  }, restProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseContentContainer, {
+      isLoading: isLoading,
+      children: [iconLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.ButtonIcon, {
+        spacing: "end",
+        size: size,
+        children: iconLeft
+      }), children, shortcut && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Shortcuts["default"], {
+        keys: shortcut,
+        variant: shortcutsVariant,
+        color: color,
+        combineKeys: true
+      }), iconRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.ButtonIcon, {
+        spacing: "start",
+        size: size,
+        children: iconRight
+      })]
+    }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLoadingContainer, {
+      css: {
+        lineHeight: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
+        size: size === "compact" ? "sm" : "md",
+        onBackgroundColor: spinnerColor
+      })
+    })]
+  }));
 });
 ButtonPrimitive.displayName = "ButtonPrimitive";
 var _default = exports["default"] = ButtonPrimitive;

package/dist/Callout/components/CalloutDescription/index.js

@@ -7,15 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CalloutDescription(_ref) {
   var content = _ref.content,
     severity = _ref.severity,
     size = _ref.size,
     hideTitle = _ref.hideTitle;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseCalloutDescription, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseCalloutDescription, {
     size: size,
     severity: severity,
-    hideTitle: hideTitle
-  }, content);
+    hideTitle: hideTitle,
+    children: content
+  });
 }
 var _default = exports["default"] = CalloutDescription;

package/dist/Callout/index.js

@@ -13,6 +13,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
 var _CalloutDescription = _interopRequireDefault(require("./components/CalloutDescription"));
 var _useCalloutContent2 = _interopRequireDefault(require("./hooks/useCalloutContent"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Callout(_ref) {
   var title = _ref.title,
     icon = _ref.icon,
@@ -47,7 +48,7 @@ function Callout(_ref) {
   };
   var getTitleContent = function getTitleContent() {
     if (hideTitle) {
-      return /*#__PURE__*/_react["default"].createElement(_CalloutDescription["default"], {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalloutDescription["default"], {
         hideTitle: hideTitle,
         size: size,
         severity: severity,
@@ -55,7 +56,7 @@ function Callout(_ref) {
       });
     }
     if (size === "compact") {
-      return /*#__PURE__*/_react["default"].createElement(_CalloutDescription["default"], {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalloutDescription["default"], {
         hideTitle: hideTitle,
         size: size,
         severity: severity,
@@ -63,50 +64,62 @@ function Callout(_ref) {
       });
     }
     if (size === "blockCompact") {
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        color: titleColor,
-        variant: "display200"
-      }, titleToDisplay), /*#__PURE__*/_react["default"].createElement(_CalloutDescription["default"], {
-        hideTitle: hideTitle,
-        size: size,
-        severity: severity,
-        content: description
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          color: titleColor,
+          variant: "display200",
+          children: titleToDisplay
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalloutDescription["default"], {
+          hideTitle: hideTitle,
+          size: size,
+          severity: severity,
+          content: description
+        })]
+      });
     }
-    return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
       color: titleColor,
-      variant: "display300"
-    }, titleToDisplay);
+      variant: "display300",
+      children: titleToDisplay
+    });
   };
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseCallout, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseCallout, {
     role: "alert",
     size: size,
-    severity: severity
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseCalloutTitleContainer, {
-    size: size,
-    css: {
-      color: iconColor
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseCalloutIconContainer, {
-    topNudge: size
-  }, /*#__PURE__*/_react["default"].createElement(IconComponent, {
-    size: iconSize,
-    color: "currentColor"
-  })), getTitleContent()), !isCompactLayout && !hideTitle && /*#__PURE__*/_react["default"].createElement(_CalloutDescription["default"], {
     severity: severity,
-    content: description
-  }), actions && size !== "compact" && /*#__PURE__*/_react["default"].createElement(_styled.BaseCalloutActions, {
-    size: size
-  }, secondary && /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
-    onClick: secondary.onClick,
-    variant: "ghost",
-    iconRight: secondary.icon,
-    isLoading: secondary.isLoading
-  }, commonButtonProps), secondary.label), primary && /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
-    onClick: primary.onClick,
-    variant: "solid",
-    iconRight: primary.icon,
-    isLoading: primary.isLoading
-  }, commonButtonProps), primary.label)));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseCalloutTitleContainer, {
+      size: size,
+      css: {
+        color: iconColor
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseCalloutIconContainer, {
+        topNudge: size,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          size: iconSize,
+          color: "currentColor"
+        })
+      }), getTitleContent()]
+    }), !isCompactLayout && !hideTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalloutDescription["default"], {
+      severity: severity,
+      content: description
+    }), actions && size !== "compact" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseCalloutActions, {
+      size: size,
+      children: [secondary && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
+        onClick: secondary.onClick,
+        variant: "ghost",
+        iconRight: secondary.icon,
+        isLoading: secondary.isLoading
+      }, commonButtonProps, {
+        children: secondary.label
+      })), primary && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
+        onClick: primary.onClick,
+        variant: "solid",
+        iconRight: primary.icon,
+        isLoading: primary.isLoading
+      }, commonButtonProps, {
+        children: primary.label
+      }))]
+    })]
+  });
 }
 var _default = exports["default"] = Callout;

package/dist/Chip/components/Checkbox/constants.js

@@ -9,14 +9,15 @@ var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _Spinner = _interopRequireDefault(require("../../../Spinner"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable-next-line import/prefer-default-export */
 var COMPONENTS = exports.COMPONENTS = {
-  LOADING: /*#__PURE__*/_react["default"].createElement(_Spinner["default"], {
+  LOADING: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
     size: "xs"
   }),
-  CHECKED: /*#__PURE__*/_react["default"].createElement(_lucideReact.Check, {
+  CHECKED: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Check, {
     size: "1rem",
     color: "var(--vitality-colors-success11)"
   }),
-  UNCHECKED: /*#__PURE__*/_react["default"].createElement(_styled.BaseChipCheckboxBox, null)
+  UNCHECKED: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseChipCheckboxBox, {})
 };

package/dist/Chip/components/Checkbox/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ConditionalTooltipWrapper = _interopRequireDefault(require("../../../helpers/components/ConditionalTooltipWrapper"));
 var _useChipCheckbox2 = _interopRequireDefault(require("./hooks/useChipCheckbox"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function ChipCheckbox(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Ack" : _ref$label,
@@ -25,14 +26,17 @@ function ChipCheckbox(_ref) {
     handleClick = _useChipCheckbox.handleClick,
     icon = _useChipCheckbox.icon,
     state = _useChipCheckbox.state;
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseChipCheckbox, {
-    state: state,
-    onClick: !isDisabled && handleClick,
-    disabled: isDisabled
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseChipCheckboxIcon, {
-    state: state
-  }, icon), label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseChipCheckbox, {
+      state: state,
+      onClick: !isDisabled && handleClick,
+      disabled: isDisabled,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseChipCheckboxIcon, {
+        state: state,
+        children: icon
+      }), label]
+    })
+  });
 }
 var _default = exports["default"] = ChipCheckbox;

package/dist/Chip/components/ChipIcon/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = ChipIcon;
 var _react = _interopRequireDefault(require("react"));
 var _ConditionalTooltipWrapper = _interopRequireDefault(require("../../../helpers/components/ConditionalTooltipWrapper"));
+var _jsxRuntime = require("react/jsx-runtime");
 function ChipIcon(_ref) {
   var icon = _ref.icon,
     tooltipContent = _ref.tooltipContent;
@@ -14,10 +15,11 @@ function ChipIcon(_ref) {
     return null;
   }
   var Icon = icon;
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(Icon, {
-    size: "1rem",
-    color: "currentColor"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      size: "1rem",
+      color: "currentColor"
+    })
+  });
 }

package/dist/Chip/components/MetaLabel/index.js

@@ -9,14 +9,21 @@ var _react = _interopRequireDefault(require("react"));
 var _ConditionalTooltipWrapper = _interopRequireDefault(require("../../../helpers/components/ConditionalTooltipWrapper"));
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function MetaLabel(_ref) {
   var label = _ref.label,
     tooltipContent = _ref.tooltipContent;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseMetaLabel, null, /*#__PURE__*/_react["default"].createElement("span", null, "\xB7"), /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    variant: "caption",
-    color: "lowContrast"
-  }, label)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseMetaLabel, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "\xB7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+      tooltipContent: tooltipContent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+        variant: "caption",
+        color: "lowContrast",
+        children: label
+      })
+    })]
+  });
 }
 var _default = exports["default"] = MetaLabel;

package/dist/Chip/components/RemoveButton/index.js

@@ -10,25 +10,31 @@ var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _ConditionalTooltipWrapper = _interopRequireDefault(require("../../../helpers/components/ConditionalTooltipWrapper"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function RemoveButtonContainer(_ref) {
   var tooltipContent = _ref.tooltipContent,
     children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseRemoveButtonContainer, null, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRemoveButtonContainer, {
+      children: children
+    })
+  });
 }
 function RemoveButton(_ref2) {
   var onClick = _ref2.onClick,
     tooltipContent = _ref2.tooltipContent,
     isDisabled = _ref2.isDisabled;
-  return /*#__PURE__*/_react["default"].createElement(RemoveButtonContainer, {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseRemoveButtonButton, {
-    onClick: onClick,
-    disabled: isDisabled
-  }, /*#__PURE__*/_react["default"].createElement(_lucideReact.X, {
-    color: "currentColor",
-    size: "1em"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RemoveButtonContainer, {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRemoveButtonButton, {
+      onClick: onClick,
+      disabled: isDisabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {
+        color: "currentColor",
+        size: "1em"
+      })
+    })
+  });
 }
 var _default = exports["default"] = RemoveButton;