@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/ProgressBar/ProgressBar.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import { Label } from './subcomponents/Label/Label.mjs';
@@ -10,47 +10,44 @@ import modules_5b86df9f from './ProgressBar.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
  */
-const ProgressBar = /*#__PURE__*/function () {
-  const ProgressBar = function (_a) {
-    var value = _a.value,
-      max = _a.max,
-      isAnimating = _a.isAnimating,
-      color = _a.color,
-      subtext = _a.subtext,
-      label = _a.label,
-      classNameOverride = _a.classNameOverride,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      restProps = __rest(_a, ["value", "max", "isAnimating", "color", "subtext", "label", "classNameOverride", "isReversed"]);
-    var percentage = calculatePercentage({
-      value: value,
-      max: max
-    });
-    return /*#__PURE__*/React.createElement("div", __assign({
-      role: "progressbar",
-      "aria-valuenow": percentage,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      className: classNameOverride
-    }, restProps), label && /*#__PURE__*/React.createElement(Label, {
-      content: label,
-      isReversed: isReversed
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_5b86df9f.progressBackground
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_5b86df9f.progress, modules_5b86df9f[color], isAnimating && modules_5b86df9f.isAnimating),
-      style: {
-        transform: "translateX(-".concat(100 - percentage, "%")
-      }
-    })), subtext && (/*#__PURE__*/React.createElement("div", {
-      className: modules_5b86df9f.subtext
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-6",
-      tag: "p",
-      color: isReversed ? 'white' : 'dark'
-    }, subtext))));
-  };
-  ProgressBar.displayName = 'ProgressBar';
-  return ProgressBar;
-}();
+var ProgressBar = function (_a) {
+  var value = _a.value,
+    max = _a.max,
+    isAnimating = _a.isAnimating,
+    color = _a.color,
+    subtext = _a.subtext,
+    label = _a.label,
+    classNameOverride = _a.classNameOverride,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    restProps = __rest(_a, ["value", "max", "isAnimating", "color", "subtext", "label", "classNameOverride", "isReversed"]);
+  var percentage = calculatePercentage({
+    value: value,
+    max: max
+  });
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    role: "progressbar",
+    "aria-valuenow": percentage,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    className: classNameOverride
+  }, restProps), label && /*#__PURE__*/React__default.createElement(Label, {
+    content: label,
+    isReversed: isReversed
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5b86df9f.progressBackground
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_5b86df9f.progress, modules_5b86df9f[color], isAnimating && modules_5b86df9f.isAnimating),
+    style: {
+      transform: "translateX(-".concat(100 - percentage, "%")
+    }
+  })), subtext && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_5b86df9f.subtext
+  }, /*#__PURE__*/React__default.createElement(Heading, {
+    variant: "heading-6",
+    tag: "p",
+    color: isReversed ? 'white' : 'dark'
+  }, subtext))));
+};
+ProgressBar.displayName = 'ProgressBar';
 export { ProgressBar };

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

@@ -1,20 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { Heading } from '../../../Heading/Heading.mjs';
 import modules_536e8d56 from './Label.module.css.mjs';
-const Label = /*#__PURE__*/function () {
-  const Label = function (_a) {
-    var content = _a.content,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b;
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_536e8d56.label
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-4",
-      tag: "p",
-      color: isReversed ? 'white' : 'dark'
-    }, content));
-  };
-  Label.displayName = 'Label';
-  return Label;
-}();
+var Label = function (_a) {
+  var content = _a.content,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_536e8d56.label
+  }, /*#__PURE__*/React__default.createElement(Heading, {
+    variant: "heading-4",
+    tag: "p",
+    color: isReversed ? 'white' : 'dark'
+  }, content));
+};
+Label.displayName = 'Label';
 export { Label };

package/dist/esm/src/Radio/Radio/Radio.mjs

@@ -1,43 +1,40 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_3705961f from './Radio.module.css.mjs';
 var renderSelected = function (selectedStatus, reversed) {
   if (selectedStatus) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: classnames(modules_3705961f.icon, reversed && modules_3705961f.reversed)
     });
   }
   return;
 };
-const Radio = /*#__PURE__*/function () {
-  const Radio = function (_a) {
-    var name = _a.name,
-      value = _a.value,
-      _b = _a.selectedStatus,
-      selectedStatus = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      onChange = _a.onChange,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
-    return (
-      /*#__PURE__*/
-      // @todo: Move classNameOverride to span
-      React.createElement("span", null, /*#__PURE__*/React.createElement("input", __assign({
-        type: "radio",
-        name: name,
-        value: value,
-        checked: selectedStatus,
-        className: classnames(modules_3705961f.radioInput, classNameOverride, reversed && modules_3705961f.reversed),
-        onChange: onChange,
-        readOnly: onChange === undefined
-      }, restProps)), /*#__PURE__*/React.createElement("span", {
-        className: classnames(modules_3705961f.box, reversed && modules_3705961f.reversed)
-      }, renderSelected(selectedStatus, reversed)))
-    );
-  };
-  Radio.displayName = 'Radio';
-  return Radio;
-}();
+var Radio = function (_a) {
+  var name = _a.name,
+    value = _a.value,
+    _b = _a.selectedStatus,
+    selectedStatus = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    onChange = _a.onChange,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
+  return (
+    /*#__PURE__*/
+    // @todo: Move classNameOverride to span
+    React__default.createElement("span", null, /*#__PURE__*/React__default.createElement("input", __assign({
+      type: "radio",
+      name: name,
+      value: value,
+      checked: selectedStatus,
+      className: classnames(modules_3705961f.radioInput, classNameOverride, reversed && modules_3705961f.reversed),
+      onChange: onChange,
+      readOnly: onChange === undefined
+    }, restProps)), /*#__PURE__*/React__default.createElement("span", {
+      className: classnames(modules_3705961f.box, reversed && modules_3705961f.reversed)
+    }, renderSelected(selectedStatus, reversed)))
+  );
+};
+Radio.displayName = 'Radio';
 export { Radio };

package/dist/esm/src/Radio/RadioField/RadioField.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 { Label } from '../../Label/Label.mjs';
 import { Radio } from '../Radio/Radio.mjs';
@@ -9,42 +9,39 @@ import modules_ac7c689e from './RadioField.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
  */
-const RadioField = /*#__PURE__*/function () {
-  const RadioField = function (_a) {
-    var propsId = _a["id"],
-      labelText = _a.labelText,
-      _b = _a.selectedStatus,
-      selectedStatus = _b === void 0 ? false : _b,
-      _c = _a.disabled,
-      disabled = _c === void 0 ? false : _c,
-      _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      dataTestId = _a["data-testid"],
-      restProps = __rest(_a, ['id', "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", 'data-testid']);
-    var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
-    // @todo: Move restProps to the wrapping div?
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": dataTestId,
-      className: classnames(modules_ac7c689e.container, classNameOverride, selectedStatus && modules_ac7c689e.selected, reversed && modules_ac7c689e.reversed)
-    }, /*#__PURE__*/React.createElement(Label, {
-      "data-testid": "".concat(id, "-field-label"),
-      id: "".concat(id, "-field-label"),
-      htmlFor: id,
-      labelText: labelText,
-      labelType: "radio",
-      disabled: disabled,
-      reversed: reversed
-    }, /*#__PURE__*/React.createElement(Radio, __assign({
-      "data-testid": "".concat(id, "-radio-input"),
-      id: id,
-      disabled: disabled,
-      reversed: reversed,
-      selectedStatus: selectedStatus
-    }, restProps))));
-  };
-  RadioField.displayName = 'RadioField';
-  return RadioField;
-}();
+var RadioField = function (_a) {
+  var propsId = _a["id"],
+    labelText = _a.labelText,
+    _b = _a.selectedStatus,
+    selectedStatus = _b === void 0 ? false : _b,
+    _c = _a.disabled,
+    disabled = _c === void 0 ? false : _c,
+    _d = _a.reversed,
+    reversed = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    dataTestId = _a["data-testid"],
+    restProps = __rest(_a, ['id', "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", 'data-testid']);
+  var fallbackId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  // @todo: Move restProps to the wrapping div?
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-testid": dataTestId,
+    className: classnames(modules_ac7c689e.container, classNameOverride, selectedStatus && modules_ac7c689e.selected, reversed && modules_ac7c689e.reversed)
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    "data-testid": "".concat(id, "-field-label"),
+    id: "".concat(id, "-field-label"),
+    htmlFor: id,
+    labelText: labelText,
+    labelType: "radio",
+    disabled: disabled,
+    reversed: reversed
+  }, /*#__PURE__*/React__default.createElement(Radio, __assign({
+    "data-testid": "".concat(id, "-radio-input"),
+    id: id,
+    disabled: disabled,
+    reversed: reversed,
+    selectedStatus: selectedStatus
+  }, restProps))));
+};
+RadioField.displayName = 'RadioField';
 export { RadioField };

package/dist/esm/src/Radio/RadioGroup/RadioGroup.mjs

@@ -1,38 +1,35 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
 import modules_1f747772 from './RadioGroup.module.css.mjs';
-const RadioGroup = /*#__PURE__*/function () {
-  const RadioGroup = function (_a) {
-    var children = _a.children,
-      propsLabelId = _a["labelId"],
-      labelText = _a.labelText,
-      _b = _a.noBottomMargin,
-      noBottomMargin = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      dataTestId = _a["data-testid"],
-      restProps = __rest(_a, ["children", 'labelId', "labelText", "noBottomMargin", "reversed", "classNameOverride", 'data-testid']);
-    var fallbackId = useId();
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      "data-testid": dataTestId,
-      className: classnames(modules_1f747772.radioGroupContainer, classNameOverride, noBottomMargin && modules_1f747772.noBottomMargin, reversed && modules_1f747772.reversed),
-      role: "radiogroup",
-      "aria-labelledby": labelId
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_1f747772.radioGroupLabel
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
-      labelText: labelText,
-      labelType: "text",
-      reversed: reversed
-    })), children);
-  };
-  RadioGroup.displayName = 'RadioGroup';
-  return RadioGroup;
-}();
+var RadioGroup = function (_a) {
+  var children = _a.children,
+    propsLabelId = _a["labelId"],
+    labelText = _a.labelText,
+    _b = _a.noBottomMargin,
+    noBottomMargin = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    dataTestId = _a["data-testid"],
+    restProps = __rest(_a, ["children", 'labelId', "labelText", "noBottomMargin", "reversed", "classNameOverride", 'data-testid']);
+  var fallbackId = useId();
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    "data-testid": dataTestId,
+    className: classnames(modules_1f747772.radioGroupContainer, classNameOverride, noBottomMargin && modules_1f747772.noBottomMargin, reversed && modules_1f747772.reversed),
+    role: "radiogroup",
+    "aria-labelledby": labelId
+  }, restProps), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_1f747772.radioGroupLabel
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: labelId,
+    "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
+    labelText: labelText,
+    labelType: "text",
+    reversed: reversed
+  })), children);
+};
+RadioGroup.displayName = 'RadioGroup';
 export { RadioGroup };

package/dist/esm/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
@@ -11,35 +11,32 @@ var handleEditableClick = function (e, onClick) {
   }
   return onClick(e);
 };
-const EditableRichTextContent = /*#__PURE__*/function () {
-  const EditableRichTextContent = function (_a) {
-    var onClick = _a.onClick,
-      content = _a.content,
-      classNameOverride = _a.classNameOverride,
-      labelText = _a.labelText,
-      _b = _a.isLabelHidden,
-      isLabelHidden = _b === void 0 ? false : _b,
-      contentProps = _a.contentProps,
-      restProps = __rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !isLabelHidden && /*#__PURE__*/React.createElement(Label, {
-      classNameOverride: modules_5a005353.editorLabel,
-      labelText: labelText
-    }), /*#__PURE__*/React.createElement("div", __assign({
-      onClick: function (e) {
-        return handleEditableClick(e, onClick);
-      },
-      className: classnames(modules_5a005353.editableContainer, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
-      classNameOverride: modules_5a005353.hiddenButton
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: onClick,
-      "aria-label": "Edit ".concat(labelText)
-    })), /*#__PURE__*/React.createElement(RichTextContent, __assign({
-      content: content
-    }, contentProps))));
-  };
-  EditableRichTextContent.displayName = 'EditableRichTextContent';
-  return EditableRichTextContent;
-}();
+var EditableRichTextContent = function (_a) {
+  var onClick = _a.onClick,
+    content = _a.content,
+    classNameOverride = _a.classNameOverride,
+    labelText = _a.labelText,
+    _b = _a.isLabelHidden,
+    isLabelHidden = _b === void 0 ? false : _b,
+    contentProps = _a.contentProps,
+    restProps = __rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !isLabelHidden && /*#__PURE__*/React__default.createElement(Label, {
+    classNameOverride: modules_5a005353.editorLabel,
+    labelText: labelText
+  }), /*#__PURE__*/React__default.createElement("div", __assign({
+    onClick: function (e) {
+      return handleEditableClick(e, onClick);
+    },
+    className: classnames(modules_5a005353.editableContainer, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement(VisuallyHidden, {
+    classNameOverride: modules_5a005353.hiddenButton
+  }, /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    onClick: onClick,
+    "aria-label": "Edit ".concat(labelText)
+  })), /*#__PURE__*/React__default.createElement(RichTextContent, __assign({
+    content: content
+  }, contentProps))));
+};
+EditableRichTextContent.displayName = 'EditableRichTextContent';
 export { EditableRichTextContent };

package/dist/esm/src/RichTextEditor/RichTextContent/RichTextContent.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState, useId, useEffect } from 'react';
+import React__default, { useState, useId, useEffect } from 'react';
 import classnames from 'classnames';
 import { createSchemaWithAll } from '../RichTextEditor/schema.mjs';
 import * as ProseMirrorState from 'prosemirror-state';
@@ -12,38 +12,35 @@ import 'prosemirror-keymap';
 import 'prosemirror-history';
 import 'prosemirror-schema-list';
 import modules_ee45859d from './RichTextContent.module.scss.mjs';
-const RichTextContent = /*#__PURE__*/function () {
-  const RichTextContent = function (props) {
-    var content = props.content,
-      classNameOverride = props.classNameOverride,
-      restProps = __rest(props, ["content", "classNameOverride"]);
-    var schema = useState(createSchemaWithAll())[0];
-    var editorId = useId();
-    useEffect(function () {
-      var _a;
-      // prosemirror only allows us to set this to false (which has caused a strange bug in the platform)
-      // so we have to hack a bit to remove the attribute completely
-      (_a = document.getElementById(editorId)) === null || _a === void 0 ? void 0 : _a.removeAttribute('contenteditable');
-      // @todo: Fix if possible - avoiding breaking in eslint upgrade
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
-      doc: ProseMirrorModel.Node.fromJSON(schema, {
-        type: 'doc',
-        content: content
-      }),
-      schema: schema
-    }), {
-      id: editorId
-    }, {
-      editable: false
-    })[0];
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: editorRef,
-      className: classnames(modules_ee45859d.content, classNameOverride)
-    }, restProps));
-  };
-  RichTextContent.displayName = 'RichTextContent';
-  return RichTextContent;
-}();
+var RichTextContent = function (props) {
+  var content = props.content,
+    classNameOverride = props.classNameOverride,
+    restProps = __rest(props, ["content", "classNameOverride"]);
+  var schema = useState(createSchemaWithAll())[0];
+  var editorId = useId();
+  useEffect(function () {
+    var _a;
+    // prosemirror only allows us to set this to false (which has caused a strange bug in the platform)
+    // so we have to hack a bit to remove the attribute completely
+    (_a = document.getElementById(editorId)) === null || _a === void 0 ? void 0 : _a.removeAttribute('contenteditable');
+    // @todo: Fix if possible - avoiding breaking in eslint upgrade
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
+    doc: ProseMirrorModel.Node.fromJSON(schema, {
+      type: 'doc',
+      content: content
+    }),
+    schema: schema
+  }), {
+    id: editorId
+  }, {
+    editable: false
+  })[0];
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: editorRef,
+    className: classnames(modules_ee45859d.content, classNameOverride)
+  }, restProps));
+};
+RichTextContent.displayName = 'RichTextContent';
 export { RichTextContent };