@kaizen/components 1.25.0 → 1.27.0

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.cjs');
+var Checkbox = require('../Checkbox/Checkbox.cjs');
+var CheckboxField_module = require('./CheckboxField.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
+ */
+const CheckboxField = /*#__PURE__*/function () {
+  const CheckboxField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      checkedStatus = _a.checkedStatus,
+      _b = _a.disabled,
+      disabled = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      _d = _a.noBottomMargin,
+      noBottomMargin = _d === void 0 ? false : _d,
+      dataTestId = _a["data-testid"],
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    return React.createElement("div", {
+      "data-testid": dataTestId,
+      className: classnames(CheckboxField_module.container, classNameOverride, checkedStatus === "on" && CheckboxField_module.checked, checkedStatus === "mixed" && CheckboxField_module.mixed, reversed && CheckboxField_module.reversed, noBottomMargin && CheckboxField_module.noBottomMargin)
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-checkbox"),
+      "data-testid": "".concat(id, "-field-label"),
+      labelText: labelText,
+      reversed: reversed,
+      labelType: "checkbox",
+      disabled: disabled
+    }, React.createElement(Checkbox.Checkbox, tslib.__assign({
+      id: "".concat(id, "-field-checkbox"),
+      "data-testid": "".concat(id, "-field-checkbox"),
+      disabled: disabled,
+      reversed: reversed,
+      checkedStatus: checkedStatus
+    }, restProps))));
+  };
+  CheckboxField.displayName = "CheckboxField";
+  return CheckboxField;
+}();
+exports.CheckboxField = CheckboxField;
+//# sourceMappingURL=CheckboxField.cjs.map

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.cjs","sources":["../../../../src/Checkbox/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { Checkbox, CheckboxProps, CheckedStatus } from \"../Checkbox/Checkbox\"\nimport styles from \"./CheckboxField.module.scss\"\n\nexport type CheckboxFieldProps = Omit<CheckboxProps, \"id\"> & {\n  id?: string\n  labelText: string | React.ReactNode\n  checkedStatus?: CheckedStatus\n  disabled?: boolean\n  reversed?: boolean\n  noBottomMargin?: boolean\n  \"data-testid\"?: string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}\n */\nexport const CheckboxField = ({\n  id: propsId,\n  labelText,\n  checkedStatus,\n  disabled = false,\n  reversed = false,\n  noBottomMargin = false,\n  \"data-testid\": dataTestId,\n  classNameOverride,\n  ...restProps\n}: CheckboxFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n\n  return (\n    <div\n      data-testid={dataTestId}\n      className={classnames(\n        styles.container,\n        classNameOverride,\n        checkedStatus === \"on\" && styles.checked,\n        checkedStatus === \"mixed\" && styles.mixed,\n        reversed && styles.reversed,\n        noBottomMargin && styles.noBottomMargin\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        htmlFor={`${id}-field-checkbox`}\n        data-testid={`${id}-field-label`}\n        labelText={labelText}\n        reversed={reversed}\n        labelType=\"checkbox\"\n        disabled={disabled}\n      >\n        <Checkbox\n          id={`${id}-field-checkbox`}\n          data-testid={`${id}-field-checkbox`}\n          disabled={disabled}\n          reversed={reversed}\n          checkedStatus={checkedStatus}\n          {...restProps}\n        />\n      </Label>\n    </div>\n  )\n}\n\nCheckboxField.displayName = \"CheckboxField\"\n"],"names":["CheckboxField","_a","propsId","id","labelText","checkedStatus","_b","disabled","_c","reversed","_d","noBottomMargin","dataTestId","classNameOverride","restProps","__rest","useId","React","createElement","className","classnames","styles","container","checked","mixed","Label","htmlFor","concat","labelType","Checkbox","__assign","displayName"],"mappings":";;;;;;;;;AAgBA;;;AAGG;AAHH,MAIaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAUT,EAAA;IATnB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACbC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,gBAAgB;MAAhBC,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MAChBE,EAAA,GAAAT,EAAA,CAAAU,cAAsB;MAAtBA,cAAc,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACPE,UAAU,GAAAX,EAAA,CAAA,aAAA,CAAA;MACzBY,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAd,EAAA,EATgB,kHAU7B,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIc,KAAAA,CAAAA,KAAK,EAAE;IAE7B,OACEC,KACe,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA,aAAA,EAAAN,UAAU;MACvBO,SAAS,EAAEC,UAAU,CACnBC,oBAAM,CAACC,SAAS,EAChBT,iBAAiB,EACjBR,aAAa,KAAK,IAAI,IAAIgB,oBAAM,CAACE,OAAO,EACxClB,aAAa,KAAK,OAAO,IAAIgB,oBAAM,CAACG,KAAK,EACzCf,QAAQ,IAAIY,oBAAM,CAACZ,QAAQ,EAC3BE,cAAc,IAAIU,oBAAM,CAACV,cAAc;IACxC,CAAA,EAEDM,KAAA,CAAAC,aAAA,CAACO,KAAAA,CAAAA,KAAK,EAAA;MACJtB,EAAE,EAAE,UAAGA,EAAE,EAAA,cAAA,CAAc;MACvBuB,OAAO,EAAE,EAAA,CAAAC,MAAA,CAAGxB,EAAE,EAAA,iBAAA,CAAiB;qBAClB,EAAG,CAAAwB,MAAA,CAAAxB,EAAE,EAAc,cAAA,CAAA;MAChCC,SAAS,EAAEA,SAAS;MACpBK,QAAQ,EAAEA,QAAQ;MAClBmB,SAAS,EAAC,UAAU;MACpBrB,QAAQ,EAAEA;IAAQ,CAAA,EAElBU,KAAA,CAAAC,aAAA,CAACW,iBAAQ,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MACP3B,EAAE,EAAE,EAAG,CAAAwB,MAAA,CAAAxB,EAAE,EAAiB,iBAAA,CAAA;MAAA,aAAA,EACb,EAAG,CAAAwB,MAAA,CAAAxB,EAAE,EAAiB,iBAAA,CAAA;MACnCI,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBJ,aAAa,EAAEA;IAAa,CAAA,EACxBS,SAAS,CAAA,CACb,CACI,CACJ;EAEV,CAAC;EAEDd,aAAa,CAAC+B,WAAW,GAAG,eAAe;EAAA,OA/C9B/B,aAAa;AAAA;"}

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "container": "CheckboxField-module_container__3J-jG",
+  "noBottomMargin": "CheckboxField-module_noBottomMargin__vTcJF",
+  "checked": "CheckboxField-module_checked__uAhcE",
+  "mixed": "CheckboxField-module_mixed__smfKh"
+};
+module.exports = styles;
+//# sourceMappingURL=CheckboxField.module.scss.cjs.map

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Label = require('../../Label/Label.cjs');
+var CheckboxGroup_module = require('./CheckboxGroup.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
+ */
+const CheckboxGroup = /*#__PURE__*/function () {
+  const CheckboxGroup = function (_a) {
+    var children = _a.children,
+      labelText = _a.labelText,
+      propsLabelId = _a.labelId,
+      _b = _a.noBottomMargin,
+      noBottomMargin = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
+    return React.createElement("div", tslib.__assign({
+      className: classnames(CheckboxGroup_module.checkboxGroupContainer, classNameOverride, noBottomMargin && CheckboxGroup_module.noBottomMargin, reversed && CheckboxGroup_module.reversed),
+      role: "group",
+      "aria-labelledby": labelId
+    }, restProps), React.createElement("div", {
+      className: CheckboxGroup_module.checkboxGroupLabel
+    }, React.createElement(Label.Label, {
+      id: labelId,
+      labelText: labelText,
+      labelType: "text",
+      reversed: reversed
+    })), children);
+  };
+  CheckboxGroup.displayName = "CheckboxGroup";
+  return CheckboxGroup;
+}();
+exports.CheckboxGroup = CheckboxGroup;
+//# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.cjs","sources":["../../../../src/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./CheckboxGroup.module.scss\"\n\nexport type CheckboxGroupProps = {\n  children?: React.ReactNode\n  labelText: string | React.ReactNode\n  labelId?: string\n  noBottomMargin?: boolean\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}\n */\nexport const CheckboxGroup = ({\n  children,\n  labelText,\n  labelId: propsLabelId,\n  noBottomMargin = false,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: CheckboxGroupProps): JSX.Element => {\n  const labelId = propsLabelId ?? useId()\n\n  return (\n    <div\n      className={classnames(\n        styles.checkboxGroupContainer,\n        classNameOverride,\n        noBottomMargin && styles.noBottomMargin,\n        reversed && styles.reversed\n      )}\n      role=\"group\"\n      aria-labelledby={labelId}\n      {...restProps}\n    >\n      <div className={styles.checkboxGroupLabel}>\n        <Label\n          id={labelId}\n          labelText={labelText}\n          labelType=\"text\"\n          reversed={reversed}\n        />\n      </div>\n      {children}\n    </div>\n  )\n}\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"names":["CheckboxGroup","_a","children","labelText","propsLabelId","labelId","_b","noBottomMargin","_c","reversed","classNameOverride","restProps","__rest","useId","React","createElement","__assign","className","classnames","styles","checkboxGroupContainer","role","checkboxGroupLabel","Label","id","labelType","displayName"],"mappings":";;;;;;;;AAcA;;;AAGG;AAHH,MAIaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPnB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACAC,YAAY,GAAAH,EAAA,CAAAI,OAAA;MACrBC,EAAA,GAAAL,EAAA,CAAAM,cAAsB;MAAtBA,cAAc,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACtBE,EAAgB,GAAAP,EAAA,CAAAQ,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EAPgB,uFAQ7B,CADa;IAEZ,IAAMI,OAAO,GAAGD,YAAY,KAAZ,IAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIS,KAAAA,CAAAA,KAAK,EAAE;IAEvC,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,oBAAM,CAACC,sBAAsB,EAC7BV,iBAAiB,EACjBH,cAAc,IAAIY,oBAAM,CAACZ,cAAc,EACvCE,QAAQ,IAAIU,oBAAM,CAACV,QAAQ,CAC5B;MACDY,IAAI,EAAC,OAAO;MACK,iBAAA,EAAAhB;OACbM,SAAS,CAAA,EAEbG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,oBAAM,CAACG;IAAkB,CAAA,EACvCR,KAAA,CAAAC,aAAA,CAACQ,KAAAA,CAAAA,KAAK,EACJ;MAAAC,EAAE,EAAEnB,OAAO;MACXF,SAAS,EAAEA,SAAS;MACpBsB,SAAS,EAAC,MAAM;MAChBhB,QAAQ,EAAEA;MACV,CACE,EACLP,QAAQ,CACL;EAEV,CAAC;EAEDF,aAAa,CAAC0B,WAAW,GAAG,eAAe;EAAA,OApC9B1B,aAAa;AAAA;"}

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "checkboxGroupLabel": "CheckboxGroup-module_checkboxGroupLabel__a9Iet",
+  "checkboxGroupContainer": "CheckboxGroup-module_checkboxGroupContainer__NTUWc",
+  "noBottomMargin": "CheckboxGroup-module_noBottomMargin__J7ADb"
+};
+module.exports = styles;
+//# sourceMappingURL=CheckboxGroup.module.scss.cjs.map

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/cjs/ClearButton/ClearButton.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var ClearIcon = require('../Icon/ClearIcon.cjs');
+var ClearButton_module = require('./ClearButton.module.scss.cjs');
+const ClearButton = /*#__PURE__*/function () {
+  const ClearButton = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      restProps = tslib.__rest(_a, ["classNameOverride", "isReversed"]);
+    return React.createElement("button", tslib.__assign({
+      type: "button",
+      "aria-label": "clear",
+      className: classnames(ClearButton_module.clearButton, isReversed ? ClearButton_module.reversed : ClearButton_module["default"], classNameOverride)
+    }, restProps), React.createElement(ClearIcon.ClearIcon, {
+      role: "presentation"
+    }));
+  };
+  ClearButton.displayName = "ClearButton";
+  return ClearButton;
+}();
+exports.ClearButton = ClearButton;
+//# sourceMappingURL=ClearButton.cjs.map

package/dist/cjs/ClearButton/ClearButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.cjs","sources":["../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n  isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ClearButtonProps): JSX.Element => (\n  <button\n    type=\"button\"\n    aria-label=\"clear\"\n    className={classnames(\n      styles.clearButton,\n      isReversed ? styles.reversed : styles.default,\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    <ClearIcon role=\"presentation\" />\n  </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["ClearButton","_a","classNameOverride","_b","isReversed","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","clearButton","reversed","ClearIcon","role","displayName"],"mappings":";;;;;;;;;MAUaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,OACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,kBAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,kBAAM,CAACE,QAAQ,GAAGF,kBAAM,CAAC,SAAO,CAAA,EAC7CX,iBAAiB;OAEfG,SAAS,CAAA,EAEbE,KAAC,CAAAC,aAAA,CAAAQ,SAAS,CAAAA,SAAA;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;EAAA,OAnB1BlB,WAAW;AAAA;"}

package/dist/cjs/ClearButton/ClearButton.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "clearButton": "ClearButton-module_clearButton__CSOIc",
+  "default": "ClearButton-module_default__lBJxw",
+  "reversed": "ClearButton-module_reversed__0I2DC"
+};
+module.exports = styles;
+//# sourceMappingURL=ClearButton.module.scss.cjs.map

package/dist/cjs/ClearButton/ClearButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var AnimateHeight = require('react-animate-height');
+var typography = require('@kaizen/typography');
+require('../../Button/Button/Button.cjs');
+var IconButton = require('../../Button/IconButton/IconButton.cjs');
+require('../../Button/PaginationLink/PaginationLink.cjs');
+require('../../Button/DirectionalLink/DirectionalLink.cjs');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
+var Collapsible_module = require('./Collapsible.module.scss.cjs');
+const Collapsible = /*#__PURE__*/function () {
+  const Collapsible = function (_a) {
+    var children = _a.children,
+      title = _a.title,
+      renderHeader = _a.renderHeader,
+      open = _a.open,
+      group = _a.group,
+      separated = _a.separated,
+      sticky = _a.sticky,
+      noSectionPadding = _a.noSectionPadding,
+      onToggle = _a.onToggle,
+      variant = _a.variant,
+      lazyLoad = _a.lazyLoad,
+      controlled = _a.controlled,
+      classNameOverride = _a.classNameOverride,
+      propsId = _a.id,
+      restProps = tslib.__rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
+    var _b = React.useState(open !== null && open !== void 0 ? open : false),
+      stateIsOpen = _b[0],
+      setIsOpen = _b[1];
+    var getOpen = function () {
+      return controlled ? open : stateIsOpen;
+    };
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var handleSectionToggle = function () {
+      var newIsOpen = !getOpen();
+      if (!controlled) setIsOpen(newIsOpen);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
+    };
+    var handleButtonPress = function (event) {
+      event.stopPropagation();
+      handleSectionToggle();
+    };
+    var buttonId = "".concat(id, "-button");
+    var sectionId = "".concat(id, "-section");
+    var isOpen = getOpen();
+    var isContainer = !group || separated;
+    return React.createElement("div", tslib.__assign({
+      id: id,
+      className: classnames(classNameOverride, isContainer && Collapsible_module.container, group && !separated && Collapsible_module.groupItem, separated && Collapsible_module.separated, isOpen && Collapsible_module.open, !group && Collapsible_module.single),
+      "data-testid": "collapsible-container-".concat(id)
+    }, restProps), React.createElement("div", {
+      className: classnames(Collapsible_module.header, isOpen && Collapsible_module.open, sticky && Collapsible_module.sticky, isOpen && variant === "default" && Collapsible_module.defaultVariant, isOpen && variant === "clear" && Collapsible_module.clearVariant),
+      style: sticky && {
+        top: sticky.top
+      },
+      onClick: handleSectionToggle,
+      "data-testid": "collapsible-header-".concat(id)
+    }, renderHeader !== undefined ? renderHeader(title) : React.createElement("div", {
+      className: Collapsible_module.title,
+      "data-testid": "collapsible-button-title-".concat(id)
+    }, React.createElement(typography.Heading, {
+      variant: "heading-4",
+      tag: "span"
+    }, title)), React.createElement("div", null, React.createElement(IconButton.IconButton, {
+      label: title,
+      icon: isOpen ? React.createElement(ChevronUpIcon.ChevronUpIcon, {
+        role: "presentation"
+      }) : React.createElement(ChevronDownIcon.ChevronDownIcon, {
+        role: "presentation"
+      }),
+      type: "button",
+      "aria-expanded": isOpen,
+      "aria-controls": sectionId,
+      "data-testid": "collapsible-button-".concat(id),
+      id: buttonId,
+      onClick: handleButtonPress,
+      classNameOverride: Collapsible_module.chevronButton
+    }))), (!lazyLoad || isOpen) && React.createElement(AnimateHeight, {
+      height: isOpen ? "auto" : 0,
+      "data-testid": "collapsible-section-".concat(id)
+    }, React.createElement("div", {
+      id: sectionId,
+      className: classnames(Collapsible_module.section, noSectionPadding && Collapsible_module.noPadding),
+      role: "region",
+      "aria-labelledby": buttonId
+    }, children)));
+  };
+  Collapsible.displayName = "Collapsible";
+  return Collapsible;
+}();
+exports.Collapsible = Collapsible;
+//# sourceMappingURL=Collapsible.cjs.map

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.cjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { Heading } from \"@kaizen/typography\"\nimport { IconButton } from \"~components/Button\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n  children: JSX.Element | JSX.Element[] | string\n  title: string\n  renderHeader?: (title: string) => JSX.Element | JSX.Element[]\n  open?: boolean\n  group?: boolean\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  onToggle?: (open: boolean, id: string) => void\n  /**\n   * By default, the header will change background colour when open. When the variant\n   * is set to 'clear', it will not have a background but a border-bottom will appear\n   * to separate the heading from the content.\n   */\n  variant?: \"default\" | \"clear\"\n  /**\n   * Will avoid rendering the content until required (especially important when you\n   * have queries inside sections).\n   * Removes animation.\n   */\n  lazyLoad?: boolean\n  /**\n   * Disables internal `open` state, allowing it to be controlled in the usage.\n   */\n  controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n  children,\n  title,\n  renderHeader,\n  open,\n  group,\n  separated,\n  sticky,\n  noSectionPadding,\n  onToggle,\n  variant,\n  lazyLoad,\n  controlled,\n  classNameOverride,\n  id: propsId,\n  ...restProps\n}: CollapsibleProps): JSX.Element => {\n  const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n  const getOpen = (): boolean | undefined => (controlled ? open : stateIsOpen)\n\n  const id = propsId ?? useId()\n\n  const handleSectionToggle = (): void => {\n    const newIsOpen = !getOpen()\n    if (!controlled) setIsOpen(newIsOpen)\n    onToggle?.(newIsOpen, id)\n  }\n\n  const handleButtonPress = (event: React.MouseEvent): void => {\n    event.stopPropagation()\n    handleSectionToggle()\n  }\n\n  const buttonId = `${id}-button`\n  const sectionId = `${id}-section`\n  const isOpen = getOpen()\n  const isContainer = !group || separated\n\n  return (\n    <div\n      id={id}\n      className={classnames(\n        classNameOverride,\n        isContainer && styles.container,\n        group && !separated && styles.groupItem,\n        separated && styles.separated,\n        isOpen && styles.open,\n        !group && styles.single\n      )}\n      data-testid={`collapsible-container-${id}`}\n      {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n    >\n      {/* Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n      jsx-a11y/no-static-element-interactions */}\n      <div\n        className={classnames(\n          styles.header,\n          isOpen && styles.open,\n          sticky && styles.sticky,\n          isOpen && variant === \"default\" && styles.defaultVariant,\n          isOpen && variant === \"clear\" && styles.clearVariant\n        )}\n        style={sticky && { top: sticky.top }}\n        onClick={handleSectionToggle}\n        data-testid={`collapsible-header-${id}`}\n      >\n        {renderHeader !== undefined ? (\n          renderHeader(title)\n        ) : (\n          <div\n            className={styles.title}\n            data-testid={`collapsible-button-title-${id}`}\n          >\n            <Heading variant=\"heading-4\" tag=\"span\">\n              {title}\n            </Heading>\n          </div>\n        )}\n        <div>\n          <IconButton\n            label={title}\n            icon={\n              isOpen ? (\n                <ChevronUpIcon role=\"presentation\" />\n              ) : (\n                <ChevronDownIcon role=\"presentation\" />\n              )\n            }\n            type=\"button\"\n            aria-expanded={isOpen}\n            aria-controls={sectionId}\n            data-testid={`collapsible-button-${id}`}\n            id={buttonId}\n            onClick={handleButtonPress}\n            classNameOverride={styles.chevronButton}\n          />\n        </div>\n      </div>\n      {(!lazyLoad || isOpen) && (\n        <AnimateHeight\n          height={isOpen ? \"auto\" : 0}\n          data-testid={`collapsible-section-${id}`}\n        >\n          <div\n            id={sectionId}\n            className={classnames(\n              styles.section,\n              noSectionPadding && styles.noPadding\n            )}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}

package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var styles = {
+  "header": "Collapsible-module_header__yf32d",
+  "open": "Collapsible-module_open__YlzQL",
+  "container": "Collapsible-module_container__EBC1U",
+  "single": "Collapsible-module_single__ZU2Tg",
+  "separated": "Collapsible-module_separated__IKYdN",
+  "groupItem": "Collapsible-module_groupItem__JECHF",
+  "chevronButton": "Collapsible-module_chevronButton__Ti18q",
+  "title": "Collapsible-module_title__Mwsd6",
+  "defaultVariant": "Collapsible-module_defaultVariant__BqxxR",
+  "clearVariant": "Collapsible-module_clearVariant__BHkHf",
+  "sticky": "Collapsible-module_sticky__m1V8p",
+  "section": "Collapsible-module_section__yfZvI",
+  "noPadding": "Collapsible-module_noPadding__Vfm3q",
+  "hide": "Collapsible-module_hide__cvbIi"
+};
+module.exports = styles;
+//# sourceMappingURL=Collapsible.module.scss.cjs.map

package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var CollapsibleGroup_module = require('./CollapsibleGroup.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
+ */
+var CollapsibleGroup = function (_a) {
+  var children = _a.children,
+    _b = _a.separated,
+    separated = _b === void 0 ? false : _b,
+    sticky = _a.sticky,
+    _c = _a.noSectionPadding,
+    noSectionPadding = _c === void 0 ? false : _c,
+    _d = _a.lazyLoad,
+    lazyLoad = _d === void 0 ? false : _d,
+    onToggle = _a.onToggle,
+    classNameOverride = _a.classNameOverride,
+    props = tslib.__rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
+  return React.createElement("div", tslib.__assign({
+    className: classnames(classNameOverride, !separated && CollapsibleGroup_module.container)
+  }, props), React.Children.map(children, function (collapsible) {
+    return React.cloneElement(collapsible, {
+      group: true,
+      separated: separated,
+      sticky: sticky,
+      noSectionPadding: noSectionPadding,
+      lazyLoad: lazyLoad,
+      onToggle: onToggle
+    });
+  }));
+};
+exports.CollapsibleGroup = CollapsibleGroup;
+//# sourceMappingURL=CollapsibleGroup.cjs.map

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.cjs","sources":["../../../../src/Collapsible/CollapsibleGroup/CollapsibleGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CollapsibleProps } from \"~components/Collapsible/Collapsible\"\nimport { Sticky } from \"~components/Collapsible/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./CollapsibleGroup.module.scss\"\n\nexport type CollapsibleGroupProps = {\n  children: Array<React.ReactElement<CollapsibleProps>>\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  lazyLoad?: boolean\n  onToggle?: (open: boolean, id: string) => void\n} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, \"children\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}\n */\nexport const CollapsibleGroup = ({\n  children,\n  separated = false,\n  sticky,\n  noSectionPadding = false,\n  lazyLoad = false,\n  onToggle,\n  classNameOverride,\n  ...props\n}: CollapsibleGroupProps): JSX.Element => (\n  <div\n    className={classnames(classNameOverride, !separated && styles.container)}\n    {...props}\n  >\n    {React.Children.map(children, collapsible =>\n      React.cloneElement(collapsible, {\n        group: true,\n        separated,\n        sticky,\n        noSectionPadding,\n        lazyLoad,\n        onToggle,\n      })\n    )}\n  </div>\n)\n"],"names":["CollapsibleGroup","_a","children","_b","separated","sticky","_c","noSectionPadding","_d","lazyLoad","onToggle","classNameOverride","props","__rest","React","createElement","__assign","className","classnames","styles","container","Children","map","collapsible","cloneElement","group"],"mappings":";;;;;;;AAgBA;;;AAGG;AACI,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;EARtB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IACRC,EAAiB,GAAAF,EAAA,CAAAG,SAAA;IAAjBA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACjBE,MAAM,GAAAJ,EAAA,CAAAI,MAAA;IACNC,EAAwB,GAAAL,EAAA,CAAAM,gBAAA;IAAxBA,gBAAgB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACxBE,gBAAgB;IAAhBC,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IAChBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;IACRC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;IACdC,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAZ,EAAA,EARuB,oGAShC,CADS;EACgC,OACxCa,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;IAAAC,SAAS,EAAEC,UAAU,CAACP,iBAAiB,EAAE,CAACP,SAAS,IAAIe,uBAAM,CAACC,SAAS;EAAC,CACpE,EAAAR,KAAK,CAER,EAAAE,KAAK,CAACO,QAAQ,CAACC,GAAG,CAACpB,QAAQ,EAAE,UAAAqB,WAAW,EAAA;IACvC,OAAAT,KAAK,CAACU,YAAY,CAACD,WAAW,EAAE;MAC9BE,KAAK,EAAE,IAAI;MACXrB,SAAS,EAAAA,SAAA;MACTC,MAAM,EAAAA,MAAA;MACNE,gBAAgB,EAAAA,gBAAA;MAChBE,QAAQ,EAAAA,QAAA;MACRC,QAAQ,EAAAA;KACT,CAAC;EAAA,CAAA,CACH,CACG;;"}

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "container": "CollapsibleGroup-module_container__EjMRg"
+};
+module.exports = styles;
+//# sourceMappingURL=CollapsibleGroup.module.scss.cjs.map

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var typography = require('@kaizen/typography');
+var Brand = require('../../Brand/Brand.cjs');
+var Collapsible = require('../Collapsible/Collapsible.cjs');
+var ExpertAdviceCollapsible_module = require('./ExpertAdviceCollapsible.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ */
+const ExpertAdviceCollapsible = /*#__PURE__*/function () {
+  const ExpertAdviceCollapsible = function (props) {
+    return React.createElement(Collapsible.Collapsible, tslib.__assign({}, props, {
+      noSectionPadding: true,
+      classNameOverride: ExpertAdviceCollapsible_module.expertAdviceContainer,
+      renderHeader: function () {
+        return React.createElement(React.Fragment, null, React.createElement("div", {
+          className: ExpertAdviceCollapsible_module.expertAdviceHeader
+        }, React.createElement(Brand.Brand, {
+          classNameOverride: ExpertAdviceCollapsible_module.expertAdviceIcon,
+          alt: "Expert Advice",
+          variant: "collective-intelligence",
+          reversed: true
+        }), React.createElement(typography.Heading, {
+          variant: "heading-4",
+          tag: "span",
+          classNameOverride: ExpertAdviceCollapsible_module.expertAdviceHeading
+        }, props.title)));
+      }
+    }), React.createElement("div", {
+      className: ExpertAdviceCollapsible_module.expertAdviceSection
+    }, props.children));
+  };
+  ExpertAdviceCollapsible.displayName = "ExpertAdviceCollapsible";
+  return ExpertAdviceCollapsible;
+}();
+exports.ExpertAdviceCollapsible = ExpertAdviceCollapsible;
+//# sourceMappingURL=ExpertAdviceCollapsible.cjs.map

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpertAdviceCollapsible.cjs","sources":["../../../../src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading } from \"@kaizen/typography\"\nimport { Brand } from \"~components/Brand\"\nimport {\n  CollapsibleProps,\n  Collapsible,\n} from \"~components/Collapsible/Collapsible\"\nimport styles from \"./ExpertAdviceCollapsible.module.scss\"\n\nexport type ExpertAdviceCollapsibleProps = Omit<\n  CollapsibleProps,\n  \"renderHeader\" | \"variant\" | \"group\" | \"separated\"\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}\n */\nexport const ExpertAdviceCollapsible = (\n  props: ExpertAdviceCollapsibleProps\n): JSX.Element => (\n  <Collapsible\n    {...props}\n    noSectionPadding\n    classNameOverride={styles.expertAdviceContainer}\n    renderHeader={(): JSX.Element => (\n      <>\n        <div className={styles.expertAdviceHeader}>\n          <Brand\n            classNameOverride={styles.expertAdviceIcon}\n            alt=\"Expert Advice\"\n            variant=\"collective-intelligence\"\n            reversed\n          />\n          <Heading\n            variant=\"heading-4\"\n            tag=\"span\"\n            classNameOverride={styles.expertAdviceHeading}\n          >\n            {props.title}\n          </Heading>\n        </div>\n      </>\n    )}\n  >\n    <div className={styles.expertAdviceSection}>{props.children}</div>\n  </Collapsible>\n)\n\nExpertAdviceCollapsible.displayName = \"ExpertAdviceCollapsible\"\n"],"names":["ExpertAdviceCollapsible","props","React","createElement","Collapsible","__assign","noSectionPadding","classNameOverride","styles","expertAdviceContainer","renderHeader","Fragment","className","expertAdviceHeader","Brand","expertAdviceIcon","alt","variant","reversed","Heading","tag","expertAdviceHeading","title","expertAdviceSection","children","displayName"],"mappings":";;;;;;;;;AAcA;;;AAGG;AAHH,MAIaA,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CACrCC,KAAmC,EAAA;IACnB,OAChBC,KAAC,CAAAC,aAAA,CAAAC,WAAAA,CAAAA,WAAW,EACNC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAJ,KAAK;MACTK,gBAAgB,EAAA,IAAA;MAChBC,iBAAiB,EAAEC,8BAAM,CAACC,qBAAqB;MAC/CC,YAAY,EAAE,SAAAA,CAAA,EAAmB;QAAA,OAC/BR,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,EACET,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;UAAKS,SAAS,EAAEJ,8BAAM,CAACK;QAAkB,CAAA,EACvCX,KAAA,CAAAC,aAAA,CAACW,KAAAA,CAAAA,KAAK,EACJ;UAAAP,iBAAiB,EAAEC,8BAAM,CAACO,gBAAgB;UAC1CC,GAAG,EAAC,eAAe;UACnBC,OAAO,EAAC,yBAAyB;UACjCC,QAAQ,EACR;QAAA,CAAA,CAAA,EACFhB,KAAC,CAAAC,aAAA,CAAAgB,UAAO,CAAAA,OAAA,EACN;UAAAF,OAAO,EAAC,WAAW;UACnBG,GAAG,EAAC,MAAM;UACVb,iBAAiB,EAAEC,8BAAM,CAACa;QAAmB,CAE5C,EAAApB,KAAK,CAACqB,KAAK,CACJ,CACN,CACL;MACJ;KAAA,CAAA,EAEDpB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKS,SAAS,EAAEJ,8BAAM,CAACe;IAAmB,CAAG,EAAAtB,KAAK,CAACuB,QAAQ,CAAO,CACtD;EACf,CAAA;EAEDxB,uBAAuB,CAACyB,WAAW,GAAG,yBAAyB;EAAA,OA/BlDzB,uBAAuB;AAAA;"}

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "expertAdviceContainer": "ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4",
+  "expertAdviceHeader": "ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc",
+  "expertAdviceHeading": "ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh",
+  "expertAdviceIcon": "ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR",
+  "expertAdviceSection": "ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"
+};
+module.exports = styles;
+//# sourceMappingURL=ExpertAdviceCollapsible.module.scss.cjs.map

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpertAdviceCollapsible.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/Divider/Divider.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Divider_module = require('./Divider.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
+ */
+const Divider = /*#__PURE__*/function () {
+  const Divider = function (_a) {
+    var variant = _a.variant,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["variant", "isReversed", "classNameOverride"]);
+    return React.createElement("hr", tslib.__assign({
+      "aria-hidden": "true",
+      className: classnames(Divider_module.wrapper, classNameOverride, isReversed && Divider_module.reversed, Divider_module[variant])
+    }, props));
+  };
+  Divider.displayName = "Divider";
+  return Divider;
+}();
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.cjs.map

package/dist/cjs/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../src/Divider/Divider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Divider.module.scss\"\n\nexport type DividerProps = {\n  variant: \"content\" | \"canvas\" | \"menuSeparator\"\n  isReversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}\n */\nexport const Divider = ({\n  variant,\n  isReversed = false,\n  classNameOverride,\n  ...props\n}: DividerProps): JSX.Element => (\n  <hr\n    aria-hidden=\"true\"\n    className={classnames(\n      styles.wrapper,\n      classNameOverride,\n      isReversed && styles.reversed,\n      styles[variant]\n    )}\n    {...props}\n  />\n)\n\nDivider.displayName = \"Divider\"\n"],"names":["Divider","_a","variant","_b","isReversed","classNameOverride","props","__rest","React","createElement","__assign","className","classnames","styles","wrapper","reversed","displayName"],"mappings":";;;;;;;AAUA;;;AAGG;AAHH,MAIaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJb,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,EAAkB,GAAAF,EAAA,CAAAG,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJc,8CAKvB,CADS;IACuB,OAC/BO,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAA,aAAA,EACc,MAAM;MAClBC,SAAS,EAAEC,UAAU,CACnBC,cAAM,CAACC,OAAO,EACdT,iBAAiB,EACjBD,UAAU,IAAIS,cAAM,CAACE,QAAQ,EAC7BF,cAAM,CAACX,OAAO,CAAC;IAChB,CAAA,EACGI,KAAK,CAAA,CACT;GACH;EAEDN,OAAO,CAACgB,WAAW,GAAG,SAAS;EAAA,OAlBlBhB,OAAO;AAAA;"}

package/dist/cjs/Divider/Divider.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "wrapper": "Divider-module_wrapper__K5mht",
+  "content": "Divider-module_content__BhDyy",
+  "menuSeparator": "Divider-module_menuSeparator__kjXV5",
+  "canvas": "Divider-module_canvas__2eQT6",
+  "reversed": "Divider-module_reversed__puJw2"
+};
+module.exports = styles;
+//# sourceMappingURL=Divider.module.scss.cjs.map

package/dist/cjs/Divider/Divider.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/EmptyState/EmptyState.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var draftIllustration = require('@kaizen/draft-illustration');
+var typography = require('@kaizen/typography');
+var EmptyState_module = require('./EmptyState.module.scss.cjs');
+var ILLUSTRATIONS = {
+  positive: draftIllustration.EmptyStatesPositive,
+  neutral: draftIllustration.EmptyStatesNeutral,
+  negative: draftIllustration.EmptyStatesNegative,
+  informative: draftIllustration.EmptyStatesInformative,
+  action: draftIllustration.EmptyStatesAction
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
+ */
+const EmptyState = /*#__PURE__*/function () {
+  const EmptyState = function (_a) {
+    var children = _a.children,
+      id = _a.id,
+      _b = _a.illustrationType,
+      illustrationType = _b === void 0 ? "informative" : _b,
+      _c = _a.layoutContext,
+      layoutContext = _c === void 0 ? "sidebarAndContent" : _c,
+      headingProps = _a.headingProps,
+      bodyText = _a.bodyText,
+      straightCorners = _a.straightCorners,
+      _d = _a.isAnimated,
+      isAnimated = _d === void 0 ? true : _d,
+      _e = _a.loop,
+      loop = _e === void 0 ? false : _e,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+    var IllustrationComponent = ILLUSTRATIONS[illustrationType];
+    return React.createElement("div", tslib.__assign({
+      className: classnames(classNameOverride, EmptyState_module[illustrationType], EmptyState_module.container, EmptyState_module.zen, EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners),
+      id: id
+    }, props), React.createElement("div", {
+      className: EmptyState_module.illustrationSide
+    }, isAnimated ? React.createElement(IllustrationComponent, {
+      isAnimated: true,
+      loop: loop,
+      classNameOverride: EmptyState_module.illustration
+    }) : React.createElement(IllustrationComponent, {
+      alt: illustrationType,
+      classNameOverride: EmptyState_module.illustration
+    })), React.createElement("div", {
+      className: EmptyState_module.textSide
+    }, React.createElement("div", {
+      className: EmptyState_module.textSideInner
+    }, headingProps && React.createElement(typography.Heading, tslib.__assign({
+      classNameOverride: EmptyState_module.heading
+    }, headingProps)), React.createElement(typography.Paragraph, {
+      variant: "body",
+      classNameOverride: EmptyState_module.description
+    }, bodyText), children)));
+  };
+  EmptyState.displayName = "EmptyState";
+  return EmptyState;
+}();
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/cjs/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  AnimatedSceneProps,\n  EmptyStatesAction,\n  EmptyStatesInformative,\n  EmptyStatesNegative,\n  EmptyStatesNeutral,\n  EmptyStatesPositive,\n} from \"@kaizen/draft-illustration\"\nimport { HeadingProps, Heading, Paragraph } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./EmptyState.module.scss\"\n\nconst ILLUSTRATIONS: Record<\n  string,\n  (props: AnimatedSceneProps) => JSX.Element\n> = {\n  positive: EmptyStatesPositive,\n  neutral: EmptyStatesNeutral,\n  negative: EmptyStatesNegative,\n  informative: EmptyStatesInformative,\n  action: EmptyStatesAction,\n}\n\ntype IllustrationType =\n  | \"positive\"\n  | \"neutral\"\n  | \"negative\"\n  | \"informative\"\n  | \"action\"\n\ntype LayoutContextType = \"sidebarAndContent\" | \"contentOnly\"\n\nexport type EmptyStateProps = {\n  children?: React.ReactNode\n  id?: string\n  illustrationType?: IllustrationType\n  layoutContext?: LayoutContextType\n  bodyText: string | React.ReactNode\n  straightCorners?: boolean\n  headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  Pick<AnimatedSceneProps, \"isAnimated\" | \"loop\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}\n */\nexport const EmptyState = ({\n  children,\n  id,\n  illustrationType = \"informative\",\n  layoutContext = \"sidebarAndContent\",\n  headingProps,\n  bodyText,\n  straightCorners,\n  isAnimated = true,\n  loop = false,\n  classNameOverride,\n  ...props\n}: EmptyStateProps): JSX.Element => {\n  const IllustrationComponent = ILLUSTRATIONS[illustrationType]\n\n  return (\n    <div\n      className={classnames(\n        classNameOverride,\n        styles[illustrationType],\n        styles.container,\n        styles.zen,\n        styles[layoutContext],\n        straightCorners && styles.straightCorners\n      )}\n      id={id}\n      {...props}\n    >\n      <div className={styles.illustrationSide}>\n        {isAnimated ? (\n          <IllustrationComponent\n            isAnimated\n            loop={loop}\n            classNameOverride={styles.illustration}\n          />\n        ) : (\n          <IllustrationComponent\n            alt={illustrationType}\n            classNameOverride={styles.illustration}\n          />\n        )}\n      </div>\n      <div className={styles.textSide}>\n        <div className={styles.textSideInner}>\n          {headingProps && (\n            <Heading classNameOverride={styles.heading} {...headingProps} />\n          )}\n          <Paragraph variant=\"body\" classNameOverride={styles.description}>\n            {bodyText}\n          </Paragraph>\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nEmptyState.displayName = \"EmptyState\"\n"],"names":["ILLUSTRATIONS","positive","EmptyStatesPositive","neutral","EmptyStatesNeutral","negative","EmptyStatesNegative","informative","EmptyStatesInformative","action","EmptyStatesAction","EmptyState","_a","children","id","_b","illustrationType","_c","layoutContext","headingProps","bodyText","straightCorners","_d","isAnimated","_e","loop","classNameOverride","props","__rest","IllustrationComponent","React","createElement","__assign","className","classnames","styles","container","zen","illustrationSide","illustration","alt","textSide","textSideInner","Heading","heading","Paragraph","variant","description","displayName"],"mappings":"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"}