@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Label/Label.mjs

@@ -1,30 +1,27 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_536e8d56 from './Label.module.css.mjs';
-const Label = /*#__PURE__*/function () {
-  const Label = function (_a) {
-    var children = _a.children,
-      _b = _a.labelText,
-      labelText = _b === void 0 ? '' : _b,
-      _c = _a.labelType,
-      labelType = _c === void 0 ? 'text' : _c,
-      _d = _a.labelPosition,
-      labelPosition = _d === void 0 ? 'end' : _d,
-      _e = _a.reversed,
-      reversed = _e === void 0 ? false : _e,
-      _f = _a.variant,
-      variant = _f === void 0 ? 'default' : _f,
-      disabled = _a.disabled,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("label", __assign({
-      className: classnames(modules_536e8d56.label, classNameOverride, modules_536e8d56[labelType], reversed && modules_536e8d56.reversed, variant === 'prominent' && modules_536e8d56.prominent, disabled && modules_536e8d56.disabled)
-    }, restProps), children, /*#__PURE__*/React.createElement("span", {
-      className: classnames(labelPosition === 'start' && modules_536e8d56.prependedLabel, labelPosition === 'end' && modules_536e8d56.appendedLabel)
-    }, labelText));
-  };
-  Label.displayName = 'Label';
-  return Label;
-}();
+var Label = function (_a) {
+  var children = _a.children,
+    _b = _a.labelText,
+    labelText = _b === void 0 ? '' : _b,
+    _c = _a.labelType,
+    labelType = _c === void 0 ? 'text' : _c,
+    _d = _a.labelPosition,
+    labelPosition = _d === void 0 ? 'end' : _d,
+    _e = _a.reversed,
+    reversed = _e === void 0 ? false : _e,
+    _f = _a.variant,
+    variant = _f === void 0 ? 'default' : _f,
+    disabled = _a.disabled,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("label", __assign({
+    className: classnames(modules_536e8d56.label, classNameOverride, modules_536e8d56[labelType], reversed && modules_536e8d56.reversed, variant === 'prominent' && modules_536e8d56.prominent, disabled && modules_536e8d56.disabled)
+  }, restProps), children, /*#__PURE__*/React__default.createElement("span", {
+    className: classnames(labelPosition === 'start' && modules_536e8d56.prependedLabel, labelPosition === 'end' && modules_536e8d56.appendedLabel)
+  }, labelText));
+};
+Label.displayName = 'Label';
 export { Label };

package/dist/esm/src/LabelledMessage/LabelledMessage.mjs

@@ -1,20 +1,17 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_c193b66a from './LabelledMessage.module.css.mjs';
-const LabelledMessage = /*#__PURE__*/function () {
-  const LabelledMessage = function (_a) {
-    var label = _a.label,
-      message = _a.message,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["label", "message", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(modules_c193b66a.labelledMessage, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
-      className: modules_c193b66a.labelSeparator
-    }, ":"), /*#__PURE__*/React.createElement("span", null, message));
-  };
-  LabelledMessage.displayName = 'LabelledMessage';
-  return LabelledMessage;
-}();
+var LabelledMessage = function (_a) {
+  var label = _a.label,
+    message = _a.message,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["label", "message", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("span", __assign({
+    className: classnames(modules_c193b66a.labelledMessage, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement("span", null, label), /*#__PURE__*/React__default.createElement("span", {
+    className: modules_c193b66a.labelSeparator
+  }, ":"), /*#__PURE__*/React__default.createElement("span", null, message));
+};
+LabelledMessage.displayName = 'LabelledMessage';
 export { LabelledMessage };

package/dist/esm/src/LikertScale/LikertScale.mjs

@@ -1,4 +1,4 @@
-import React, { useState, createRef } from 'react';
+import React__default, { useState, createRef } from 'react';
 import classnames from 'classnames';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Icon } from '../Icon/Icon.mjs';
@@ -6,7 +6,7 @@ import { Text } from '../Text/Text.mjs';
 import determineSelectionFromKeyPress from './utils/determineSelectionFromKeyPress.mjs';
 import modules_b38d86dc from './LikertScale.module.scss.mjs';
 var SelectedItemIcon = function () {
-  return /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React__default.createElement(Icon, {
     name: "check",
     isPresentational: true,
     className: modules_b38d86dc.check
@@ -73,7 +73,7 @@ var LikertScale = function (_a) {
   var shouldDisplayValidationMessage = status !== 'default' && validationMessage !== undefined;
   var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
   var isRated = selectedItem && selectedItem.value > 0;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(modules_b38d86dc.container, isRated && modules_b38d86dc.rated, reversed && [modules_b38d86dc.reversed], hoveredItem !== null && modules_b38d86dc.hovered),
     "aria-labelledby": isRequired ? "".concat(labelId) : labelId,
     role: "radiogroup",
@@ -81,13 +81,13 @@ var LikertScale = function (_a) {
     "aria-describedby": validationMessageId,
     "data-testid": dataTestId,
     "aria-required": isRequired
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: modules_b38d86dc.legend,
     "data-testid": dataTestId && "".concat(dataTestId, "-legend")
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     variant: "small",
     color: reversed ? 'white' : 'dark'
-  }, legend)), /*#__PURE__*/React.createElement("div", {
+  }, legend)), /*#__PURE__*/React__default.createElement("div", {
     className: classnames(modules_b38d86dc.itemContainer, isRated && modules_b38d86dc.rated, reversed && modules_b38d86dc.reversed)
   }, scale.map(function (item) {
     if (item.value <= 0) {
@@ -106,7 +106,7 @@ var LikertScale = function (_a) {
     var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
     var isSuggested = hoveredItem && hoveredItem.value >= item.value;
     var isUnselected = selectedItem && selectedItem.value < item.value;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: classnames(modules_b38d86dc.likertItem, colorSchema == 'blue' ? modules_b38d86dc.blueColorSchema : modules_b38d86dc.classicalColorSchema, modules_b38d86dc["likertItem".concat(item.value)], isSelected && modules_b38d86dc.selected, isSuggested && modules_b38d86dc.suggested, isUnselected && modules_b38d86dc.unselected),
       key: item.value,
       "data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
@@ -135,10 +135,10 @@ var LikertScale = function (_a) {
       "aria-setsize": 5,
       tabIndex: tabIndex,
       ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("div", {
       className: classnames(modules_b38d86dc.likertItemFill, modules_b38d86dc["field".concat(item.value)], isSelectedItem && modules_b38d86dc.pop)
-    }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
-  })), shouldDisplayValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
+    }), isSelectedItem ? /*#__PURE__*/React__default.createElement(SelectedItemIcon, null) : null);
+  })), shouldDisplayValidationMessage && (/*#__PURE__*/React__default.createElement(FieldMessage, {
     id: validationMessageId,
     message: validationMessage,
     status: status,

package/dist/esm/src/Link/Link.mjs

@@ -1,40 +1,37 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Link as Link$1 } from 'react-aria-components';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import { LinkContent } from './subcomponents/LinkContent.mjs';
 import modules_475441e2 from './Link.module.css.mjs';
-const Link = /*#__PURE__*/function () {
-  const Link = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var children = _a.children,
-      _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
-      _c = _a.size,
-      size = _c === void 0 ? 'body' : _c,
-      icon = _a.icon,
-      _d = _a.iconPosition,
-      iconPosition = _d === void 0 ? 'end' : _d,
-      _e = _a.isInline,
-      isInline = _e === void 0 ? false : _e,
-      isDisabled = _a.isDisabled,
-      className = _a.className,
-      _f = _a.isUnderlined,
-      isUnderlined = _f === void 0 ? true : _f,
-      otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "isInline", "isDisabled", "className", "isUnderlined"]);
-    var childIsFunction = typeof children === 'function';
-    return /*#__PURE__*/React.createElement(Link$1, __assign({
-      ref: ref,
-      className: mergeClassNames(modules_475441e2.link, isDisabled && modules_475441e2.isDisabled, isInline ? modules_475441e2.isInline : modules_475441e2[size], modules_475441e2[variant], className),
-      isDisabled: isDisabled
-    }, otherProps), function (racStateProps) {
-      return /*#__PURE__*/React.createElement(LinkContent, {
-        icon: icon,
-        iconPosition: iconPosition,
-        isUnderlined: isUnderlined
-      }, childIsFunction ? children(racStateProps) : children);
-    });
+var Link = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? 'primary' : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'body' : _c,
+    icon = _a.icon,
+    _d = _a.iconPosition,
+    iconPosition = _d === void 0 ? 'end' : _d,
+    _e = _a.isInline,
+    isInline = _e === void 0 ? false : _e,
+    isDisabled = _a.isDisabled,
+    className = _a.className,
+    _f = _a.isUnderlined,
+    isUnderlined = _f === void 0 ? true : _f,
+    otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "isInline", "isDisabled", "className", "isUnderlined"]);
+  var childIsFunction = typeof children === 'function';
+  return /*#__PURE__*/React__default.createElement(Link$1, __assign({
+    ref: ref,
+    className: mergeClassNames(modules_475441e2.link, isDisabled && modules_475441e2.isDisabled, isInline ? modules_475441e2.isInline : modules_475441e2[size], modules_475441e2[variant], className),
+    isDisabled: isDisabled
+  }, otherProps), function (racStateProps) {
+    return /*#__PURE__*/React__default.createElement(LinkContent, {
+      icon: icon,
+      iconPosition: iconPosition,
+      isUnderlined: isUnderlined
+    }, childIsFunction ? children(racStateProps) : children);
   });
-  Link.displayName = 'Link';
-  return Link;
-}();
+});
+Link.displayName = 'Link';
 export { Link };

package/dist/esm/src/Link/subcomponents/LinkContent.mjs

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import modules_475441e2 from '../Link.module.css.mjs';
 var LinkIcon = function (_a) {
   var icon = _a.icon;
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: modules_475441e2.icon
   }, icon);
 };
@@ -13,13 +13,13 @@ var LinkContent = function (_a) {
     iconPosition = _a.iconPosition,
     isUnderlined = _a.isUnderlined;
   var iconPositionStyling = iconPosition === 'start' ? modules_475441e2.iconStart : modules_475441e2.iconEnd;
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: mergeClassNames(modules_475441e2.linkContent, isUnderlined && modules_475441e2.isUnderlined)
-  }, icon && iconPosition === 'start' && /*#__PURE__*/React.createElement(LinkIcon, {
+  }, icon && iconPosition === 'start' && /*#__PURE__*/React__default.createElement(LinkIcon, {
     icon: icon
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: mergeClassNames(icon && iconPositionStyling)
-  }, children), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement(LinkIcon, {
+  }, children), icon && iconPosition === 'end' && /*#__PURE__*/React__default.createElement(LinkIcon, {
     icon: icon
   }));
 };

package/dist/esm/src/LinkButton/LinkButton.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Link } from 'react-aria-components';
 import 'classnames';
 import '../Loading/LoadingGraphic/LoadingGraphic.mjs';
@@ -14,39 +14,36 @@ import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import modules_b0070f27 from '../Button/Button.module.css.mjs';
 import modules_d94a108e from './LinkButton.module.css.mjs';
-const LinkButton = /*#__PURE__*/function () {
-  const LinkButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var children = _a.children,
-      _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
-      _c = _a.size,
-      size = _c === void 0 ? 'medium' : _c,
-      icon = _a.icon,
-      _d = _a.iconPosition,
-      iconPosition = _d === void 0 ? 'start' : _d,
-      _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === void 0 ? false : _e,
-      _f = _a.isFullWidth,
-      isFullWidth = _f === void 0 ? false : _f,
-      isDisabled = _a.isDisabled,
-      className = _a.className,
-      otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "hasHiddenLabel", "isFullWidth", "isDisabled", "className"]);
-    var isReversedVariant = useReversedColors();
-    return /*#__PURE__*/React.createElement(Link, __assign({
-      ref: ref,
-      className: mergeClassNames(modules_d94a108e.linkButton, modules_b0070f27.button, modules_b0070f27[size], hasHiddenLabel && modules_b0070f27["".concat(size, "IconButton")], isDisabled && modules_b0070f27.isDisabled, isReversedVariant ? modules_b0070f27["".concat(variant, "Reversed")] : modules_b0070f27[variant], isFullWidth && modules_b0070f27.fullWidth, className),
-      isDisabled: isDisabled
-    }, otherProps), function (racStateProps) {
-      var childIsFunction = typeof children === 'function';
-      return /*#__PURE__*/React.createElement(ButtonContent, {
-        size: size,
-        icon: icon,
-        iconPosition: iconPosition,
-        hasHiddenLabel: hasHiddenLabel
-      }, childIsFunction ? children(racStateProps) : children);
-    });
+var LinkButton = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? 'primary' : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'medium' : _c,
+    icon = _a.icon,
+    _d = _a.iconPosition,
+    iconPosition = _d === void 0 ? 'start' : _d,
+    _e = _a.hasHiddenLabel,
+    hasHiddenLabel = _e === void 0 ? false : _e,
+    _f = _a.isFullWidth,
+    isFullWidth = _f === void 0 ? false : _f,
+    isDisabled = _a.isDisabled,
+    className = _a.className,
+    otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "hasHiddenLabel", "isFullWidth", "isDisabled", "className"]);
+  var isReversedVariant = useReversedColors();
+  return /*#__PURE__*/React__default.createElement(Link, __assign({
+    ref: ref,
+    className: mergeClassNames(modules_d94a108e.linkButton, modules_b0070f27.button, modules_b0070f27[size], hasHiddenLabel && modules_b0070f27["".concat(size, "IconButton")], isDisabled && modules_b0070f27.isDisabled, isReversedVariant ? modules_b0070f27["".concat(variant, "Reversed")] : modules_b0070f27[variant], isFullWidth && modules_b0070f27.fullWidth, className),
+    isDisabled: isDisabled
+  }, otherProps), function (racStateProps) {
+    var childIsFunction = typeof children === 'function';
+    return /*#__PURE__*/React__default.createElement(ButtonContent, {
+      size: size,
+      icon: icon,
+      iconPosition: iconPosition,
+      hasHiddenLabel: hasHiddenLabel
+    }, childIsFunction ? children(racStateProps) : children);
   });
-  LinkButton.displayName = 'LinkButton';
-  return LinkButton;
-}();
+});
+LinkButton.displayName = 'LinkButton';
 export { LinkButton };

package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_d218e6ce from './LoadingGraphic.module.scss.mjs';
 var loadingGraphicSizeMap = new Map([['small', 1.25], ['medium', 3], ['large', 4.5], ['xlarge', 6], ['xxlarge', 7.5], ['scene', 18.75]]);
@@ -7,23 +7,20 @@ var loadingGraphicSizeMap = new Map([['small', 1.25], ['medium', 3], ['large', 4
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
  */
-const LoadingGraphic = /*#__PURE__*/function () {
-  const LoadingGraphic = function (_a) {
-    var isAnimated = _a.isAnimated,
-      isReversed = _a.isReversed,
-      size = _a.size,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
-    var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_d218e6ce.loadingGraphic, isAnimated && modules_d218e6ce.isAnimated, isReversed && modules_d218e6ce.isReversed, classNameOverride),
-      style: {
-        width: sizeValue,
-        height: sizeValue
-      }
-    }, props));
-  };
-  LoadingGraphic.displayName = 'LoadingGraphic';
-  return LoadingGraphic;
-}();
+var LoadingGraphic = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    size = _a.size,
+    classNameOverride = _a.classNameOverride,
+    props = __rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
+  var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_d218e6ce.loadingGraphic, isAnimated && modules_d218e6ce.isAnimated, isReversed && modules_d218e6ce.isReversed, classNameOverride),
+    style: {
+      width: sizeValue,
+      height: sizeValue
+    }
+  }, props));
+};
+LoadingGraphic.displayName = 'LoadingGraphic';
 export { LoadingGraphic };

package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_106fe276 from './LoadingHeading.module.scss.mjs';
 
@@ -7,23 +7,20 @@ import modules_106fe276 from './LoadingHeading.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
  */
-const LoadingHeading = /*#__PURE__*/function () {
-  const LoadingHeading = function (_a) {
-    var isAnimated = _a.isAnimated,
-      isReversed = _a.isReversed,
-      width = _a.width,
-      isLink = _a.isLink,
-      classNameOverride = _a.classNameOverride,
-      variant = _a.variant,
-      props = __rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_106fe276.loadingHeading, classNameOverride, modules_106fe276[variant], isAnimated && modules_106fe276.isAnimated, isReversed && modules_106fe276.isReversed, isLink && modules_106fe276.link),
-      style: {
-        width: "".concat(width, "%")
-      }
-    }, props));
-  };
-  LoadingHeading.displayName = 'LoadingHeading';
-  return LoadingHeading;
-}();
+var LoadingHeading = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    width = _a.width,
+    isLink = _a.isLink,
+    classNameOverride = _a.classNameOverride,
+    variant = _a.variant,
+    props = __rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_106fe276.loadingHeading, classNameOverride, modules_106fe276[variant], isAnimated && modules_106fe276.isAnimated, isReversed && modules_106fe276.isReversed, isLink && modules_106fe276.link),
+    style: {
+      width: "".concat(width, "%")
+    }
+  }, props));
+};
+LoadingHeading.displayName = 'LoadingHeading';
 export { LoadingHeading };

package/dist/esm/src/Loading/LoadingInput/LoadingInput.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_5cdecf3b from './LoadingInput.module.scss.mjs';
 
@@ -7,24 +7,21 @@ import modules_5cdecf3b from './LoadingInput.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
  */
-const LoadingInput = /*#__PURE__*/function () {
-  const LoadingInput = function (_a) {
-    var isAnimated = _a.isAnimated,
-      isReversed = _a.isReversed,
-      width = _a.width,
-      classNameOverride = _a.classNameOverride,
-      _b = _a.height,
-      height = _b === void 0 ? 48 : _b,
-      props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_5cdecf3b.loadingInput, isAnimated && modules_5cdecf3b.isAnimated, isReversed && modules_5cdecf3b.isReversed, classNameOverride),
-      style: {
-        width: "".concat(width, "%"),
-        height: "".concat(height, "px")
-      }
-    }, props));
-  };
-  LoadingInput.displayName = 'LoadingInput';
-  return LoadingInput;
-}();
+var LoadingInput = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isReversed = _a.isReversed,
+    width = _a.width,
+    classNameOverride = _a.classNameOverride,
+    _b = _a.height,
+    height = _b === void 0 ? 48 : _b,
+    props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_5cdecf3b.loadingInput, isAnimated && modules_5cdecf3b.isAnimated, isReversed && modules_5cdecf3b.isReversed, classNameOverride),
+    style: {
+      width: "".concat(width, "%"),
+      height: "".concat(height, "px")
+    }
+  }, props));
+};
+LoadingInput.displayName = 'LoadingInput';
 export { LoadingInput };

package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_2bc4c596 from './LoadingParagraph.module.scss.mjs';
 
@@ -7,26 +7,23 @@ import modules_2bc4c596 from './LoadingParagraph.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}
  */
-const LoadingParagraph = /*#__PURE__*/function () {
-  const LoadingParagraph = function (_a) {
-    var isAnimated = _a.isAnimated,
-      isCentred = _a.isCentred,
-      isReversed = _a.isReversed,
-      isInline = _a.isInline,
-      noBottomMargin = _a.noBottomMargin,
-      width = _a.width,
-      isLink = _a.isLink,
-      inheritBaseline = _a.inheritBaseline,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_2bc4c596.loadingParagraph, classNameOverride, isAnimated && modules_2bc4c596.isAnimated, isCentred && modules_2bc4c596.isCentered, isReversed && modules_2bc4c596.isReversed, isLink && modules_2bc4c596.isLink, inheritBaseline && modules_2bc4c596.inheritBaseline, isInline && modules_2bc4c596.isInline, noBottomMargin && modules_2bc4c596.noBottomMargin),
-      style: {
-        width: "".concat(width, "%")
-      }
-    }, restProps));
-  };
-  LoadingParagraph.displayName = 'LoadingParagraph';
-  return LoadingParagraph;
-}();
+var LoadingParagraph = function (_a) {
+  var isAnimated = _a.isAnimated,
+    isCentred = _a.isCentred,
+    isReversed = _a.isReversed,
+    isInline = _a.isInline,
+    noBottomMargin = _a.noBottomMargin,
+    width = _a.width,
+    isLink = _a.isLink,
+    inheritBaseline = _a.inheritBaseline,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_2bc4c596.loadingParagraph, classNameOverride, isAnimated && modules_2bc4c596.isAnimated, isCentred && modules_2bc4c596.isCentered, isReversed && modules_2bc4c596.isReversed, isLink && modules_2bc4c596.isLink, inheritBaseline && modules_2bc4c596.inheritBaseline, isInline && modules_2bc4c596.isInline, noBottomMargin && modules_2bc4c596.noBottomMargin),
+    style: {
+      width: "".concat(width, "%")
+    }
+  }, restProps));
+};
+LoadingParagraph.displayName = 'LoadingParagraph';
 export { LoadingParagraph };

package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
 import { SpinnerIcon } from './subcomponents/SpinnerIcon.mjs';
@@ -9,22 +9,19 @@ import modules_be1485f9 from './LoadingSpinner.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}
  */
-const LoadingSpinner = /*#__PURE__*/function () {
-  const LoadingSpinner = function (_a) {
-    var _b = _a.accessibilityLabel,
-      accessibilityLabel = _b === void 0 ? 'Loading' : _b,
-      _c = _a.size,
-      size = _c === void 0 ? 'md' : _c,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_be1485f9.loadingSpinner, modules_be1485f9[size], classNameOverride),
-      role: "status"
-    }, props), /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibilityLabel), /*#__PURE__*/React.createElement(SpinnerIcon, {
-      size: size
-    }));
-  };
-  LoadingSpinner.displayName = 'LoadingSpinner';
-  return LoadingSpinner;
-}();
+var LoadingSpinner = function (_a) {
+  var _b = _a.accessibilityLabel,
+    accessibilityLabel = _b === void 0 ? 'Loading' : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'md' : _c,
+    classNameOverride = _a.classNameOverride,
+    props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_be1485f9.loadingSpinner, modules_be1485f9[size], classNameOverride),
+    role: "status"
+  }, props), /*#__PURE__*/React__default.createElement(VisuallyHidden, null, accessibilityLabel), /*#__PURE__*/React__default.createElement(SpinnerIcon, {
+    size: size
+  }));
+};
+LoadingSpinner.displayName = 'LoadingSpinner';
 export { LoadingSpinner };