@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.mjs

@@ -1,54 +1,48 @@
-import React from 'react';
+import React__default from 'react';
 import { SVG } from '../../../IconV1/subcomponents/SVG/SVG.mjs';
 import modules_18063e22 from './LiveIcon.module.css.mjs';
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
-const LiveIconSvg = /*#__PURE__*/function () {
-  const LiveIconSvg = function (_a) {
-    var classNameOverride = _a.classNameOverride;
-    return /*#__PURE__*/React.createElement(SVG, {
-      role: "presentation",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      classNameOverride: classNameOverride
-    }, /*#__PURE__*/React.createElement("path", {
-      stroke: "currentColor",
-      d: "M3.266 12.733c-2.6-2.6-2.6-6.866 0-9.466M5.2 10.8c-1.534-1.533-1.534-4.067 0-5.667",
-      strokeWidth: "1.5",
-      strokeLinejoin: "round",
-      strokeLinecap: "round"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: "currentColor",
-      d: "M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
-    }), /*#__PURE__*/React.createElement("path", {
-      stroke: "currentColor",
-      d: "M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4",
-      strokeWidth: "1.5",
-      strokeLinejoin: "round",
-      strokeLinecap: "round"
-    }));
-  };
-  LiveIconSvg.displayName = 'LiveIconSvg';
-  return LiveIconSvg;
-}();
-const LiveIcon = /*#__PURE__*/function () {
-  const LiveIcon = function () {
-    return /*#__PURE__*/React.createElement("span", {
-      className: modules_18063e22.liveIcon
-    }, /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: modules_18063e22.liveIcon_base
-    }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: modules_18063e22.liveIcon_1
-    }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: modules_18063e22.liveIcon_2
-    }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: modules_18063e22.liveIcon_3
-    }));
-  };
-  LiveIcon.displayName = 'LiveIcon';
-  return LiveIcon;
-}();
+var LiveIconSvg = function (_a) {
+  var classNameOverride = _a.classNameOverride;
+  return /*#__PURE__*/React__default.createElement(SVG, {
+    role: "presentation",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    classNameOverride: classNameOverride
+  }, /*#__PURE__*/React__default.createElement("path", {
+    stroke: "currentColor",
+    d: "M3.266 12.733c-2.6-2.6-2.6-6.866 0-9.466M5.2 10.8c-1.534-1.533-1.534-4.067 0-5.667",
+    strokeWidth: "1.5",
+    strokeLinejoin: "round",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    stroke: "currentColor",
+    d: "M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4",
+    strokeWidth: "1.5",
+    strokeLinejoin: "round",
+    strokeLinecap: "round"
+  }));
+};
+LiveIconSvg.displayName = 'LiveIconSvg';
+var LiveIcon = function () {
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: modules_18063e22.liveIcon
+  }, /*#__PURE__*/React__default.createElement(LiveIconSvg, {
+    classNameOverride: modules_18063e22.liveIcon_base
+  }), /*#__PURE__*/React__default.createElement(LiveIconSvg, {
+    classNameOverride: modules_18063e22.liveIcon_1
+  }), /*#__PURE__*/React__default.createElement(LiveIconSvg, {
+    classNameOverride: modules_18063e22.liveIcon_2
+  }), /*#__PURE__*/React__default.createElement(LiveIconSvg, {
+    classNameOverride: modules_18063e22.liveIcon_3
+  }));
+};
+LiveIcon.displayName = 'LiveIcon';
 export { LiveIcon };

package/dist/esm/src/TextArea/TextArea.mjs

@@ -1,51 +1,48 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import classnames from 'classnames';
 import modules_f168227d from './TextArea.module.css.mjs';
-const TextArea = /*#__PURE__*/function () {
-  const TextArea = function (_a) {
-    var _b, _c;
-    var propsTextAreaRef = _a.textAreaRef,
-      _d = _a.status,
-      status = _d === void 0 ? 'default' : _d,
-      _e = _a.autogrow,
-      autogrow = _e === void 0 ? false : _e,
-      _f = _a.reversed,
-      reversed = _f === void 0 ? false : _f,
-      _g = _a.rows,
-      rows = _g === void 0 ? 3 : _g,
-      defaultValue = _a.defaultValue,
-      value = _a.value,
-      disabled = _a.disabled,
-      propsOnChange = _a.onChange,
-      restProps = __rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
-    var _h = useState(defaultValue),
-      internalValue = _h[0],
-      setInternalValue = _h[1];
-    // ^holds an internal state of the value, used for the autogrow feature if uncontrolled (no `value` provided)
-    var fallbackRef = useRef(null);
-    var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== void 0 ? propsTextAreaRef : fallbackRef;
-    var onChange = function (event) {
-      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event);
-      if (!value && autogrow) {
-        setInternalValue(event.target.value);
-      }
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_f168227d.wrapper, (_b = {}, _b[modules_f168227d.wrapperAutogrow] = autogrow, _b)),
-      "data-value": autogrow ? value !== null && value !== void 0 ? value : internalValue : undefined
-    }, /*#__PURE__*/React.createElement("textarea", __assign({
-      className: classnames(modules_f168227d.textarea, modules_f168227d[status], reversed ? modules_f168227d.reversed : modules_f168227d.default, (_c = {}, _c[modules_f168227d.disabled] = disabled, _c[modules_f168227d.textareaAutogrow] = autogrow, _c)),
-      rows: rows,
-      onChange: onChange,
-      value: value,
-      defaultValue: value ? undefined : defaultValue,
-      // ^ React throws a warning if you specify both a value and a defaultValue
-      ref: textAreaRef,
-      disabled: disabled
-    }, restProps)));
+var TextArea = function (_a) {
+  var _b, _c;
+  var propsTextAreaRef = _a.textAreaRef,
+    _d = _a.status,
+    status = _d === void 0 ? 'default' : _d,
+    _e = _a.autogrow,
+    autogrow = _e === void 0 ? false : _e,
+    _f = _a.reversed,
+    reversed = _f === void 0 ? false : _f,
+    _g = _a.rows,
+    rows = _g === void 0 ? 3 : _g,
+    defaultValue = _a.defaultValue,
+    value = _a.value,
+    disabled = _a.disabled,
+    propsOnChange = _a.onChange,
+    restProps = __rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
+  var _h = useState(defaultValue),
+    internalValue = _h[0],
+    setInternalValue = _h[1];
+  // ^holds an internal state of the value, used for the autogrow feature if uncontrolled (no `value` provided)
+  var fallbackRef = useRef(null);
+  var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== void 0 ? propsTextAreaRef : fallbackRef;
+  var onChange = function (event) {
+    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event);
+    if (!value && autogrow) {
+      setInternalValue(event.target.value);
+    }
   };
-  TextArea.displayName = 'TextArea';
-  return TextArea;
-}();
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_f168227d.wrapper, (_b = {}, _b[modules_f168227d.wrapperAutogrow] = autogrow, _b)),
+    "data-value": autogrow ? value !== null && value !== void 0 ? value : internalValue : undefined
+  }, /*#__PURE__*/React__default.createElement("textarea", __assign({
+    className: classnames(modules_f168227d.textarea, modules_f168227d[status], reversed ? modules_f168227d.reversed : modules_f168227d.default, (_c = {}, _c[modules_f168227d.disabled] = disabled, _c[modules_f168227d.textareaAutogrow] = autogrow, _c)),
+    rows: rows,
+    onChange: onChange,
+    value: value,
+    defaultValue: value ? undefined : defaultValue,
+    // ^ React throws a warning if you specify both a value and a defaultValue
+    ref: textAreaRef,
+    disabled: disabled
+  }, restProps)));
+};
+TextArea.displayName = 'TextArea';
 export { TextArea };

package/dist/esm/src/TextAreaField/TextAreaField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
@@ -11,73 +11,70 @@ import modules_1b0ed2b9 from './TextAreaField.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
  */
-const TextAreaField = /*#__PURE__*/function () {
-  const TextAreaField = function (_a) {
-    var labelText = _a.labelText,
-      _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
-      validationMessage = _a.validationMessage,
-      description = _a.description,
-      _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
-      propsId = _a.id,
-      _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
-      _e = _a.status,
-      status = _e === void 0 ? 'default' : _e,
-      disabled = _a.disabled,
-      restProps = __rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
-    var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
-    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
-    var descriptionAria = description ? "".concat(id, "-field-message") : '';
-    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
-      return curr ? [curr, prev].join(' ') : prev;
-    }, '');
-    var renderDescriptionOnTop = variant === 'prominent';
-    var renderDescription = function (position) {
-      if (!description) return null;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_1b0ed2b9.message, disabled && modules_1b0ed2b9.disabled)
-      }, /*#__PURE__*/React.createElement(FieldMessage, {
-        id: descriptionAria,
-        "data-testid": "".concat(id, "-field-description"),
-        message: description,
-        reversed: reversed,
-        position: position
-      }));
-    };
-    return /*#__PURE__*/React.createElement(FieldGroup, {
-      id: "".concat(id, "-field-group"),
-      inline: inline,
-      "data-testid": "".concat(id, "-field-group"),
-      classNameOverride: disabled ? modules_1b0ed2b9.disabled : undefined
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_1b0ed2b9.textareaLabel, variant === 'prominent' && modules_1b0ed2b9.textareaLabelProminent)
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: "".concat(id, "-field-label"),
-      "data-testid": "".concat(id, "-field-label"),
-      htmlFor: "".concat(id, "-field-textarea"),
-      labelText: labelText,
+var TextAreaField = function (_a) {
+  var labelText = _a.labelText,
+    _b = _a.inline,
+    inline = _b === void 0 ? false : _b,
+    validationMessage = _a.validationMessage,
+    description = _a.description,
+    _c = _a.variant,
+    variant = _c === void 0 ? 'default' : _c,
+    propsId = _a.id,
+    _d = _a.reversed,
+    reversed = _d === void 0 ? false : _d,
+    _e = _a.status,
+    status = _e === void 0 ? 'default' : _e,
+    disabled = _a.disabled,
+    restProps = __rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
+  var fallbackId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
+  var descriptionAria = description ? "".concat(id, "-field-message") : '';
+  var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+    return curr ? [curr, prev].join(' ') : prev;
+  }, '');
+  var renderDescriptionOnTop = variant === 'prominent';
+  var renderDescription = function (position) {
+    if (!description) return null;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classnames(modules_1b0ed2b9.message, disabled && modules_1b0ed2b9.disabled)
+    }, /*#__PURE__*/React__default.createElement(FieldMessage, {
+      id: descriptionAria,
+      "data-testid": "".concat(id, "-field-description"),
+      message: description,
       reversed: reversed,
-      variant: variant,
-      disabled: disabled
-    })), renderDescriptionOnTop && renderDescription('top'), /*#__PURE__*/React.createElement(TextArea, __assign({
-      id: "".concat(id, "-field-textarea"),
-      "data-testid": "".concat(id, "-field-textarea"),
-      reversed: reversed,
-      status: status,
-      disabled: disabled,
-      "aria-describedby": ariaDescribedBy
-    }, restProps)), !disabled && validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
-      id: validationMessageAria,
-      "data-testid": validationMessageAria,
-      message: validationMessage,
-      status: status,
-      reversed: reversed
-    })), !renderDescriptionOnTop && renderDescription('bottom'));
+      position: position
+    }));
   };
-  TextAreaField.displayName = 'TextAreaField';
-  return TextAreaField;
-}();
+  return /*#__PURE__*/React__default.createElement(FieldGroup, {
+    id: "".concat(id, "-field-group"),
+    inline: inline,
+    "data-testid": "".concat(id, "-field-group"),
+    classNameOverride: disabled ? modules_1b0ed2b9.disabled : undefined
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_1b0ed2b9.textareaLabel, variant === 'prominent' && modules_1b0ed2b9.textareaLabelProminent)
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: "".concat(id, "-field-label"),
+    "data-testid": "".concat(id, "-field-label"),
+    htmlFor: "".concat(id, "-field-textarea"),
+    labelText: labelText,
+    reversed: reversed,
+    variant: variant,
+    disabled: disabled
+  })), renderDescriptionOnTop && renderDescription('top'), /*#__PURE__*/React__default.createElement(TextArea, __assign({
+    id: "".concat(id, "-field-textarea"),
+    "data-testid": "".concat(id, "-field-textarea"),
+    reversed: reversed,
+    status: status,
+    disabled: disabled,
+    "aria-describedby": ariaDescribedBy
+  }, restProps)), !disabled && validationMessage && (/*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: validationMessageAria,
+    "data-testid": validationMessageAria,
+    message: validationMessage,
+    status: status,
+    reversed: reversed
+  })), !renderDescriptionOnTop && renderDescription('bottom'));
+};
+TextAreaField.displayName = 'TextAreaField';
 export { TextAreaField };

package/dist/esm/src/TextField/TextField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
@@ -14,71 +14,68 @@ import modules_c1d23762 from './TextField.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
  */
-const TextField = /*#__PURE__*/function () {
-  const TextField = function (_a) {
-    var propsId = _a.id,
-      labelText = _a.labelText,
-      _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
-      icon = _a.icon,
-      validationMessage = _a.validationMessage,
-      description = _a.description,
-      status = _a.status,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      disabled = _a.disabled,
-      restProps = __rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
-    var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
-    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
-    var descriptionAria = description ? "".concat(id, "-field-description") : '';
-    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
-      return curr ? [curr, prev].join(' ') : prev;
-    }, '');
-    return /*#__PURE__*/React.createElement(FieldGroup, {
-      id: "".concat(id, "-field-group"),
-      "data-testid": "".concat(id, "-field-group"),
-      inline: inline,
-      classNameOverride: classnames(reversed && modules_c1d23762.reversed)
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: "".concat(id, "-field-label"),
-      "data-testid": "".concat(id, "-field-label"),
-      htmlFor: "".concat(id, "-field-input"),
-      labelText: labelText,
-      reversed: reversed,
-      disabled: disabled
-    }), /*#__PURE__*/React.createElement(Input, __assign({
-      id: "".concat(id, "-field-input"),
-      "data-testid": "".concat(id, "-field-input"),
-      "aria-describedby": ariaDescribedBy,
-      classNameOverride: modules_c1d23762.input,
-      disabled: disabled,
-      reversed: reversed,
-      status: status,
-      startIconAdornment: icon,
-      endIconAdornment: status === 'success' && (/*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_c1d23762.icon, modules_c1d23762.success, disabled && modules_c1d23762.disabled)
-      }, /*#__PURE__*/React.createElement(Icon, {
-        name: "check_circle",
-        isPresentational: true,
-        isFilled: true
-      })))
-    }, restProps)), validationMessage && (/*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_c1d23762.message, disabled && modules_c1d23762.disabled)
-    }, /*#__PURE__*/React.createElement(FieldMessage, {
-      id: validationMessageAria,
-      message: validationMessage,
-      status: status,
-      reversed: reversed
-    }))), description && (/*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_c1d23762.message, disabled && modules_c1d23762.disabled)
-    }, /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionAria,
-      message: description,
-      reversed: reversed
-    }))));
-  };
-  TextField.displayName = 'TextField';
-  return TextField;
-}();
+var TextField = function (_a) {
+  var propsId = _a.id,
+    labelText = _a.labelText,
+    _b = _a.inline,
+    inline = _b === void 0 ? false : _b,
+    icon = _a.icon,
+    validationMessage = _a.validationMessage,
+    description = _a.description,
+    status = _a.status,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    disabled = _a.disabled,
+    restProps = __rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
+  var fallbackId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
+  var descriptionAria = description ? "".concat(id, "-field-description") : '';
+  var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+    return curr ? [curr, prev].join(' ') : prev;
+  }, '');
+  return /*#__PURE__*/React__default.createElement(FieldGroup, {
+    id: "".concat(id, "-field-group"),
+    "data-testid": "".concat(id, "-field-group"),
+    inline: inline,
+    classNameOverride: classnames(reversed && modules_c1d23762.reversed)
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: "".concat(id, "-field-label"),
+    "data-testid": "".concat(id, "-field-label"),
+    htmlFor: "".concat(id, "-field-input"),
+    labelText: labelText,
+    reversed: reversed,
+    disabled: disabled
+  }), /*#__PURE__*/React__default.createElement(Input, __assign({
+    id: "".concat(id, "-field-input"),
+    "data-testid": "".concat(id, "-field-input"),
+    "aria-describedby": ariaDescribedBy,
+    classNameOverride: modules_c1d23762.input,
+    disabled: disabled,
+    reversed: reversed,
+    status: status,
+    startIconAdornment: icon,
+    endIconAdornment: status === 'success' && (/*#__PURE__*/React__default.createElement("div", {
+      className: classnames(modules_c1d23762.icon, modules_c1d23762.success, disabled && modules_c1d23762.disabled)
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      name: "check_circle",
+      isPresentational: true,
+      isFilled: true
+    })))
+  }, restProps)), validationMessage && (/*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_c1d23762.message, disabled && modules_c1d23762.disabled)
+  }, /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: validationMessageAria,
+    message: validationMessage,
+    status: status,
+    reversed: reversed
+  }))), description && (/*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_c1d23762.message, disabled && modules_c1d23762.disabled)
+  }, /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: descriptionAria,
+    message: description,
+    reversed: reversed
+  }))));
+};
+TextField.displayName = 'TextField';
 export { TextField };

package/dist/esm/src/Tile/InformationTile/InformationTile.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
 
 /**
@@ -8,11 +8,8 @@ import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
  */
-const InformationTile = /*#__PURE__*/function () {
-  const InformationTile = function (props) {
-    return /*#__PURE__*/React.createElement(GenericTile, __assign({}, props));
-  };
-  InformationTile.displayName = 'InformationTile';
-  return InformationTile;
-}();
+var InformationTile = function (props) {
+  return /*#__PURE__*/React__default.createElement(GenericTile, __assign({}, props));
+};
+InformationTile.displayName = 'InformationTile';
 export { InformationTile };

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs

@@ -1,17 +1,17 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import '../../ButtonV1/IconButton/IconButton.mjs';
 import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
 import modules_435527c5 from './MultiActionTile.module.css.mjs';
 var renderActions = function (primaryAction, secondaryAction) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_435527c5.actions
-  }, secondaryAction && (/*#__PURE__*/React.createElement("div", {
+  }, secondaryAction && (/*#__PURE__*/React__default.createElement("div", {
     className: modules_435527c5.secondaryAction
-  }, /*#__PURE__*/React.createElement(Button, __assign({
+  }, /*#__PURE__*/React__default.createElement(Button, __assign({
     secondary: true
-  }, secondaryAction)))), /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction)));
+  }, secondaryAction)))), /*#__PURE__*/React__default.createElement(Button, __assign({}, primaryAction)));
 };
 /**
  * @deprecated MultiActionTile is deprecated in v3 and will be removed in v4.
@@ -19,17 +19,14 @@ var renderActions = function (primaryAction, secondaryAction) {
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}
  */
-const MultiActionTile = /*#__PURE__*/function () {
-  const MultiActionTile = function (_a) {
-    var children = _a.children,
-      primaryAction = _a.primaryAction,
-      secondaryAction = _a.secondaryAction,
-      restProps = __rest(_a, ["children", "primaryAction", "secondaryAction"]);
-    return /*#__PURE__*/React.createElement(GenericTile, __assign({
-      footer: renderActions(primaryAction, secondaryAction)
-    }, restProps), children);
-  };
-  MultiActionTile.displayName = 'MultiActionTile';
-  return MultiActionTile;
-}();
+var MultiActionTile = function (_a) {
+  var children = _a.children,
+    primaryAction = _a.primaryAction,
+    secondaryAction = _a.secondaryAction,
+    restProps = __rest(_a, ["children", "primaryAction", "secondaryAction"]);
+  return /*#__PURE__*/React__default.createElement(GenericTile, __assign({
+    footer: renderActions(primaryAction, secondaryAction)
+  }, restProps), children);
+};
+MultiActionTile.displayName = 'MultiActionTile';
 export { MultiActionTile };

package/dist/esm/src/Tile/TileGrid/TileGrid.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_02352db2 from './TileGrid.module.css.mjs';
 
@@ -9,34 +9,31 @@ import modules_02352db2 from './TileGrid.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#TileGrid Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-tiles-tilegrid--docs Storybook}
  */
-const TileGrid = /*#__PURE__*/function () {
-  const TileGrid = function (_a) {
-    var _b;
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    var isFragment = !Array.isArray(children) && children.type === React.Fragment;
-    return /*#__PURE__*/React.createElement("ul", __assign({
-      className: classnames(modules_02352db2.grid, classNameOverride),
-      "data-tile-grid": true
-    }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
-      tiles: children.props.children
-    })) : null : (/*#__PURE__*/React.createElement(TileListItem, {
-      tiles: children
-    })));
-  };
-  TileGrid.displayName = 'TileGrid';
-  return TileGrid;
-}();
+var TileGrid = function (_a) {
+  var _b;
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  var isFragment = !Array.isArray(children) && children.type === React__default.Fragment;
+  return /*#__PURE__*/React__default.createElement("ul", __assign({
+    className: classnames(modules_02352db2.grid, classNameOverride),
+    "data-tile-grid": true
+  }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React__default.createElement(TileListItem, {
+    tiles: children.props.children
+  })) : null : (/*#__PURE__*/React__default.createElement(TileListItem, {
+    tiles: children
+  })));
+};
+TileGrid.displayName = 'TileGrid';
 var TileListItem = function (_a) {
   var tiles = _a.tiles;
   if (Array.isArray(tiles)) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, tiles.map(function (tile, index) {
-      return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tiles.map(function (tile, index) {
+      return /*#__PURE__*/React__default.createElement("li", {
         key: "".concat(tile.props.title, "-").concat(index)
       }, tile);
     }));
   }
-  return /*#__PURE__*/React.createElement("li", null, tiles);
+  return /*#__PURE__*/React__default.createElement("li", null, tiles);
 };
 export { TileGrid };