@kaizen/components 0.0.0-canary-cg-test-20231011223010 → 0.0.0-canary-cg-test-20231011233842

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" | \"off\" | \"mixed\"\n\nexport type CheckboxProps = {\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  value?: string\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n  status: CheckedStatus,\n  reversed: boolean\n): React.ReactNode => {\n  if (status === \"off\") return\n\n  return (\n    <span className={classnames(styles.icon, reversed && styles.reversed)}>\n      {status === \"on\" ? (\n        <CheckIcon role=\"presentation\" inheritSize />\n      ) : (\n        <MinusIcon role=\"presentation\" inheritSize />\n      )}\n    </span>\n  )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n  checkedStatus === \"on\"\n\nexport const Checkbox = ({\n  checkedStatus = \"off\",\n  onCheck,\n  reversed = false,\n  value,\n  classNameOverride,\n  ...restProps\n}: CheckboxProps): JSX.Element => (\n  <span className={styles.container}>\n    <input\n      ref={(node): void => {\n        if (node) {\n          node.indeterminate = checkedStatus === \"mixed\"\n        }\n      }}\n      // This is only used as a handle for unit testing\n      data-indeterminate={checkedStatus === \"mixed\"}\n      type=\"checkbox\"\n      className={classnames(\n        styles.checkbox,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      checked={getCheckedFromStatus(checkedStatus)}\n      onChange={onCheck}\n      value={value || checkedStatus}\n      readOnly={onCheck === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderCheckOrMixedIcon(checkedStatus, reversed)}\n    </span>\n  </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,oBACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,MAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,gBACdE,KAAA,CAAAK,aAAA,CAACC,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,gBAE7CR,oBAACS,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,oBAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,MAAM,CAACkB;IAAS,CAAA,eAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,MAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,eACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,MAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}

package/dist/esm/Checkbox/Checkbox/Checkbox.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__qJnwV",
+  "icon": "Checkbox-module_icon__h6ebV",
+  "reversed": "Checkbox-module_reversed__YWdUf",
+  "box": "Checkbox-module_box__Q6BJn"
+};
+export { styles as default };
+//# sourceMappingURL=Checkbox.module.scss.mjs.map

package/dist/esm/Checkbox/Checkbox/Checkbox.module.scss.mjs.map

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

package/dist/esm/Checkbox/CheckboxField/CheckboxField.mjs

@@ -0,0 +1,50 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import { Checkbox } from '../Checkbox/Checkbox.mjs';
+import styles from './CheckboxField.module.scss.mjs';
+
+/**
+ * {@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 = __rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": dataTestId,
+      className: classnames(styles.container, classNameOverride, checkedStatus === "on" && styles.checked, checkedStatus === "mixed" && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)
+    }, /*#__PURE__*/React.createElement(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
+    }, /*#__PURE__*/React.createElement(Checkbox, __assign({
+      id: "".concat(id, "-field-checkbox"),
+      "data-testid": "".concat(id, "-field-checkbox"),
+      disabled: disabled,
+      reversed: reversed,
+      checkedStatus: checkedStatus
+    }, restProps))));
+  };
+  CheckboxField.displayName = "CheckboxField";
+  return CheckboxField;
+}();
+export { CheckboxField };
+//# sourceMappingURL=CheckboxField.mjs.map

package/dist/esm/Checkbox/CheckboxField/CheckboxField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.mjs","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,MAAA,CAAAd,EAAA,EATgB,kHAU7B,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIc,KAAK,EAAE;IAE7B,oBACEC,KACe,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA,aAAA,EAAAN,UAAU;MACvBO,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,SAAS,EAChBT,iBAAiB,EACjBR,aAAa,KAAK,IAAI,IAAIgB,MAAM,CAACE,OAAO,EACxClB,aAAa,KAAK,OAAO,IAAIgB,MAAM,CAACG,KAAK,EACzCf,QAAQ,IAAIY,MAAM,CAACZ,QAAQ,EAC3BE,cAAc,IAAIU,MAAM,CAACV,cAAc;IACxC,CAAA,eAEDM,KAAA,CAAAC,aAAA,CAACO,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,QAAQ,EAAAC,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/esm/Checkbox/CheckboxField/CheckboxField.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "container": "CheckboxField-module_container__3J-jG",
+  "noBottomMargin": "CheckboxField-module_noBottomMargin__vTcJF",
+  "checked": "CheckboxField-module_checked__uAhcE",
+  "mixed": "CheckboxField-module_mixed__smfKh"
+};
+export { styles as default };
+//# sourceMappingURL=CheckboxField.module.scss.mjs.map

package/dist/esm/Checkbox/CheckboxField/CheckboxField.module.scss.mjs.map

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

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import styles from './CheckboxGroup.module.scss.mjs';
+
+/**
+ * {@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 = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
+      role: "group",
+      "aria-labelledby": labelId
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: styles.checkboxGroupLabel
+    }, /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      labelText: labelText,
+      labelType: "text",
+      reversed: reversed
+    })), children);
+  };
+  CheckboxGroup.displayName = "CheckboxGroup";
+  return CheckboxGroup;
+}();
+export { CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.mjs.map

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.mjs","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,MAAA,CAAAX,EAAA,EAPgB,uFAQ7B,CADa;IAEZ,IAAMI,OAAO,GAAGD,YAAY,KAAZ,IAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIS,KAAK,EAAE;IAEvC,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,sBAAsB,EAC7BV,iBAAiB,EACjBH,cAAc,IAAIY,MAAM,CAACZ,cAAc,EACvCE,QAAQ,IAAIU,MAAM,CAACV,QAAQ,CAC5B;MACDY,IAAI,EAAC,OAAO;MACK,iBAAA,EAAAhB;OACbM,SAAS,CAAA,eAEbG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACG;IAAkB,CAAA,eACvCR,KAAA,CAAAC,aAAA,CAACQ,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/esm/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "checkboxGroupLabel": "CheckboxGroup-module_checkboxGroupLabel__a9Iet",
+  "checkboxGroupContainer": "CheckboxGroup-module_checkboxGroupContainer__NTUWc",
+  "noBottomMargin": "CheckboxGroup-module_noBottomMargin__J7ADb"
+};
+export { styles as default };
+//# sourceMappingURL=CheckboxGroup.module.scss.mjs.map

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.mjs.map

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

package/dist/esm/ClearButton/ClearButton.mjs

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

package/dist/esm/ClearButton/ClearButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.mjs","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,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,oBACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,MAAM,CAACE,QAAQ,GAAGF,MAAM,CAAC,SAAO,CAAA,EAC7CX,iBAAiB;OAEfG,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,CAAAQ,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;EAAA,OAnB1BlB,WAAW;AAAA;"}

package/dist/esm/ClearButton/ClearButton.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "clearButton": "ClearButton-module_clearButton__CSOIc",
+  "default": "ClearButton-module_default__lBJxw",
+  "reversed": "ClearButton-module_reversed__0I2DC"
+};
+export { styles as default };
+//# sourceMappingURL=ClearButton.module.scss.mjs.map

package/dist/esm/ClearButton/ClearButton.module.scss.mjs.map

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

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -0,0 +1,97 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useId } from 'react';
+import classnames from 'classnames';
+import AnimateHeight from 'react-animate-height';
+import { Heading } from '@kaizen/typography';
+import '../../Button/Button/Button.mjs';
+import { IconButton } from '../../Button/IconButton/IconButton.mjs';
+import '../../Button/PaginationLink/PaginationLink.mjs';
+import '../../Button/DirectionalLink/DirectionalLink.mjs';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
+import { ChevronUpIcon } from '../../Icon/ChevronUpIcon.mjs';
+import styles from './Collapsible.module.scss.mjs';
+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 = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
+    var _b = 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 : 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 /*#__PURE__*/React.createElement("div", __assign({
+      id: id,
+      className: classnames(classNameOverride, isContainer && styles.container, group && !separated && styles.groupItem, separated && styles.separated, isOpen && styles.open, !group && styles.single),
+      "data-testid": "collapsible-container-".concat(id)
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, isOpen && styles.open, sticky && styles.sticky, isOpen && variant === "default" && styles.defaultVariant, isOpen && variant === "clear" && styles.clearVariant),
+      style: sticky && {
+        top: sticky.top
+      },
+      onClick: handleSectionToggle,
+      "data-testid": "collapsible-header-".concat(id)
+    }, renderHeader !== undefined ? renderHeader(title) : /*#__PURE__*/React.createElement("div", {
+      className: styles.title,
+      "data-testid": "collapsible-button-title-".concat(id)
+    }, /*#__PURE__*/React.createElement(Heading, {
+      variant: "heading-4",
+      tag: "span"
+    }, title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconButton, {
+      label: title,
+      icon: isOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+        role: "presentation"
+      }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        role: "presentation"
+      }),
+      type: "button",
+      "aria-expanded": isOpen,
+      "aria-controls": sectionId,
+      "data-testid": "collapsible-button-".concat(id),
+      id: buttonId,
+      onClick: handleButtonPress,
+      classNameOverride: styles.chevronButton
+    }))), (!lazyLoad || isOpen) && /*#__PURE__*/React.createElement(AnimateHeight, {
+      height: isOpen ? "auto" : 0,
+      "data-testid": "collapsible-section-".concat(id)
+    }, /*#__PURE__*/React.createElement("div", {
+      id: sectionId,
+      className: classnames(styles.section, noSectionPadding && styles.noPadding),
+      role: "region",
+      "aria-labelledby": buttonId
+    }, children)));
+  };
+  Collapsible.displayName = "Collapsible";
+  return Collapsible;
+}();
+export { Collapsible };
+//# sourceMappingURL=Collapsible.mjs.map

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.mjs","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":";;;;;;;;;;;;;;MAsCaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAgBT,EAAA;IAfjB,IAAAC,QAAQ,cAAA;MACRC,KAAK,WAAA;MACLC,YAAY,kBAAA;MACZC,IAAI,UAAA;MACJC,KAAK,WAAA;MACLC,SAAS,eAAA;MACTC,MAAM,YAAA;MACNC,gBAAgB,sBAAA;MAChBC,QAAQ,cAAA;MACRC,OAAO,aAAA;MACPC,QAAQ,cAAA;MACRC,UAAU,gBAAA;MACVC,iBAAiB,uBAAA;MACbC,OAAO,QAAA;MACRC,SAAS,GAfcC,MAAA,CAAAhB,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,IAAA,CAgB3B,CADa;IAEN,IAAAiB,KAA2BC,QAAQ,CAAUd,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJ,KAAA,CAAA,GAAAA,IAAI,GAAI,KAAK,CAAC;MAA1De,WAAW,QAAA;MAAEC,SAAS,QAAoC;IACjE,IAAMC,OAAO,GAAG,SAAAA,CAAA,EAAA;MAA2B,OAACT,UAAU,GAAGR,IAAI,GAAGe,WAAW;KAAC;IAE5E,IAAMG,EAAE,GAAGR,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIS,KAAK,EAAE;IAE7B,IAAMC,mBAAmB,GAAG,SAAAA,CAAA,EAAA;MAC1B,IAAMC,SAAS,GAAG,CAACJ,OAAO,EAAE;MAC5B,IAAI,CAACT,UAAU,EAAEQ,SAAS,CAACK,SAAS,CAAC;MACrChB,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,CAAGgB,SAAS,EAAEH,EAAE,CAAC;IAC3B,CAAC;IAED,IAAMI,iBAAiB,GAAG,SAAAA,CAACC,KAAuB,EAAA;MAChDA,KAAK,CAACC,eAAe,CAAA,CAAE;MACvBJ,mBAAmB,EAAE;IACvB,CAAC;IAED,IAAMK,QAAQ,GAAG,EAAG,CAAAC,MAAA,CAAAR,EAAE,YAAS;IAC/B,IAAMS,SAAS,GAAG,EAAG,CAAAD,MAAA,CAAAR,EAAE,aAAU;IACjC,IAAMU,MAAM,GAAGX,OAAO,EAAE;IACxB,IAAMY,WAAW,GAAG,CAAC5B,KAAK,IAAIC,SAAS;IAEvC,oBACE4B;MACEZ,EAAE,EAAEA,EAAE;MACNa,SAAS,EAAEC,UAAU,CACnBvB,iBAAiB,EACjBoB,WAAW,IAAII,MAAM,CAACC,SAAS,EAC/BjC,KAAK,IAAI,CAACC,SAAS,IAAI+B,MAAM,CAACE,SAAS,EACvCjC,SAAS,IAAI+B,MAAM,CAAC/B,SAAS,EAC7B0B,MAAM,IAAIK,MAAM,CAACjC,IAAI,EACrB,CAACC,KAAK,IAAIgC,MAAM,CAACG,MAAM,CACxB;qBACY,wBAAyB,CAAAV,MAAA,CAAAR,EAAE;IAAE,CAAA,EACtCP,SAAS,CAAA,eAKbmB,KACE,CAAAO,aAAA,CAAA,KAAA,EAAA;MAAAN,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACK,MAAM,EACbV,MAAM,IAAIK,MAAM,CAACjC,IAAI,EACrBG,MAAM,IAAI8B,MAAM,CAAC9B,MAAM,EACvByB,MAAM,IAAItB,OAAO,KAAK,SAAS,IAAI2B,MAAM,CAACM,cAAc,EACxDX,MAAM,IAAItB,OAAO,KAAK,OAAO,IAAI2B,MAAM,CAACO,YAAY,CACrD;MACDC,KAAK,EAAEtC,MAAM,IAAI;QAAEuC,GAAG,EAAEvC,MAAM,CAACuC;MAAG,CAAE;MACpCC,OAAO,EAAEvB,mBAAmB;MAAA,aAAA,EACf,qBAAsB,CAAAM,MAAA,CAAAR,EAAE;IAAE,CAAA,EAEtCnB,YAAY,KAAK6C,SAAS,GACzB7C,YAAY,CAACD,KAAK,CAAC,gBAEnBgC,KACE,CAAAO,aAAA,CAAA,KAAA,EAAA;MAAAN,SAAS,EAAEE,MAAM,CAACnC,KAAK;MAAA,aAAA,EACV,2BAA4B,CAAA4B,MAAA,CAAAR,EAAE;IAAE,CAAA,eAE7CY,KAAA,CAAAO,aAAA,CAACQ,OAAO,EAAA;MAACvC,OAAO,EAAC,WAAW;MAACwC,GAAG,EAAC;IAAM,CAAA,EACpChD,KAAK,CACE,CAEb,eACDgC,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAA,IAAA,eACEP,KAAA,CAAAO,aAAA,CAACU,UAAU,EAAA;MACTC,KAAK,EAAElD,KAAK;MACZmD,IAAI,EACFrB,MAAM,gBACJE,KAAA,CAAAO,aAAA,CAACa,aAAa,EAAA;QAACC,IAAI,EAAC;OAAc,CAAG,gBAErCrB,KAAA,CAAAO,aAAA,CAACe,eAAe,EAAA;QAACD,IAAI,EAAC;MAAc,CAAA,CACrC;MAEHE,IAAI,EAAC,QAAQ;MAAA,eAAA,EACEzB,MAAM;MAAA,eAAA,EACND,SAAS;MAAA,aAAA,EACX,qBAAsB,CAAAD,MAAA,CAAAR,EAAE,CAAE;MACvCA,EAAE,EAAEO,QAAQ;MACZkB,OAAO,EAAErB,iBAAiB;MAC1Bb,iBAAiB,EAAEwB,MAAM,CAACqB;IAAa,CAAA,CACvC,CACE,CACF,EACL,CAAC,CAAC/C,QAAQ,IAAIqB,MAAM,kBACnBE,KAAA,CAAAO,aAAA,CAACkB,aAAa,EAAA;MACZC,MAAM,EAAE5B,MAAM,GAAG,MAAM,GAAG,CAAC;MAAA,aAAA,EACd,sBAAuB,CAAAF,MAAA,CAAAR,EAAE;IAAE,CAAA,eAExCY,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAA;MACEnB,EAAE,EAAES,SAAS;MACbI,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,OAAO,EACdrD,gBAAgB,IAAI6B,MAAM,CAACyB,SAAS,CACrC;MACDP,IAAI,EAAC,QAAQ;MACI,iBAAA,EAAA1B;KAEhB,EAAA5B,QAAQ,CACL,CAET,CACG;EAEV,CAAC;EAEDF,WAAW,CAACgE,WAAW,GAAG,aAAa;EAAA,OAzH1BhE,WAAW;AAAA;"}

package/dist/esm/Collapsible/Collapsible/Collapsible.module.scss.mjs

@@ -0,0 +1,18 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=Collapsible.module.scss.mjs.map

package/dist/esm/Collapsible/Collapsible/Collapsible.module.scss.mjs.map

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

package/dist/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs

@@ -0,0 +1,36 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './CollapsibleGroup.module.scss.mjs';
+
+/**
+ * {@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 = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
+  return /*#__PURE__*/React.createElement("div", __assign({
+    className: classnames(classNameOverride, !separated && styles.container)
+  }, props), React.Children.map(children, function (collapsible) {
+    return /*#__PURE__*/React.cloneElement(collapsible, {
+      group: true,
+      separated: separated,
+      sticky: sticky,
+      noSectionPadding: noSectionPadding,
+      lazyLoad: lazyLoad,
+      onToggle: onToggle
+    });
+  }));
+};
+export { CollapsibleGroup };
+//# sourceMappingURL=CollapsibleGroup.mjs.map

package/dist/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.mjs","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,MAAA,CAAAZ,EAAA,EARuB,oGAShC,CADS;EACgC,oBACxCa,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IAAAC,SAAS,EAAEC,UAAU,CAACP,iBAAiB,EAAE,CAACP,SAAS,IAAIe,MAAM,CAACC,SAAS;EAAC,CACpE,EAAAR,KAAK,CAER,EAAAE,KAAK,CAACO,QAAQ,CAACC,GAAG,CAACpB,QAAQ,EAAE,UAAAqB,WAAW,EAAA;IACvC,oBAAAT,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/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "container": "CollapsibleGroup-module_container__EjMRg"
+};
+export { styles as default };
+//# sourceMappingURL=CollapsibleGroup.module.scss.mjs.map

package/dist/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.mjs.map

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

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs

@@ -0,0 +1,39 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Heading } from '@kaizen/typography';
+import { Brand } from '../../Brand/Brand.mjs';
+import { Collapsible } from '../Collapsible/Collapsible.mjs';
+import styles from './ExpertAdviceCollapsible.module.scss.mjs';
+
+/**
+ * {@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 /*#__PURE__*/React.createElement(Collapsible, __assign({}, props, {
+      noSectionPadding: true,
+      classNameOverride: styles.expertAdviceContainer,
+      renderHeader: function () {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          className: styles.expertAdviceHeader
+        }, /*#__PURE__*/React.createElement(Brand, {
+          classNameOverride: styles.expertAdviceIcon,
+          alt: "Expert Advice",
+          variant: "collective-intelligence",
+          reversed: true
+        }), /*#__PURE__*/React.createElement(Heading, {
+          variant: "heading-4",
+          tag: "span",
+          classNameOverride: styles.expertAdviceHeading
+        }, props.title)));
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.expertAdviceSection
+    }, props.children));
+  };
+  ExpertAdviceCollapsible.displayName = "ExpertAdviceCollapsible";
+  return ExpertAdviceCollapsible;
+}();
+export { ExpertAdviceCollapsible };
+//# sourceMappingURL=ExpertAdviceCollapsible.mjs.map

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpertAdviceCollapsible.mjs","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,oBAChBC,KAAC,CAAAC,aAAA,CAAAC,WAAW,EACNC,QAAA,CAAA,EAAA,EAAAJ,KAAK;MACTK,gBAAgB,EAAA,IAAA;MAChBC,iBAAiB,EAAEC,MAAM,CAACC,qBAAqB;MAC/CC,YAAY,EAAE,SAAAA,CAAA,EAAmB;QAAA,oBAC/BR,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;UAAKS,SAAS,EAAEJ,MAAM,CAACK;QAAkB,CAAA,eACvCX,KAAA,CAAAC,aAAA,CAACW,KAAK,EACJ;UAAAP,iBAAiB,EAAEC,MAAM,CAACO,gBAAgB;UAC1CC,GAAG,EAAC,eAAe;UACnBC,OAAO,EAAC,yBAAyB;UACjCC,QAAQ,EACR;QAAA,CAAA,CAAA,eACFhB,KAAC,CAAAC,aAAA,CAAAgB,OAAO,EACN;UAAAF,OAAO,EAAC,WAAW;UACnBG,GAAG,EAAC,MAAM;UACVb,iBAAiB,EAAEC,MAAM,CAACa;QAAmB,CAE5C,EAAApB,KAAK,CAACqB,KAAK,CACJ,CACN,CACL;MACJ;KAAA,CAAA,eAEDpB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKS,SAAS,EAAEJ,MAAM,CAACe;IAAmB,CAAG,EAAAtB,KAAK,CAACuB,QAAQ,CAAO,CACtD;EACf,CAAA;EAEDxB,uBAAuB,CAACyB,WAAW,GAAG,yBAAyB;EAAA,OA/BlDzB,uBAAuB;AAAA;"}

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.mjs

@@ -0,0 +1,9 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=ExpertAdviceCollapsible.module.scss.mjs.map

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.mjs.map

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

package/dist/esm/Divider/Divider.mjs

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Divider.module.scss.mjs';
+
+/**
+ * {@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 = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("hr", __assign({
+      "aria-hidden": "true",
+      className: classnames(styles.wrapper, classNameOverride, isReversed && styles.reversed, styles[variant])
+    }, props));
+  };
+  Divider.displayName = "Divider";
+  return Divider;
+}();
+export { Divider };
+//# sourceMappingURL=Divider.mjs.map

package/dist/esm/Divider/Divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.mjs","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,MAAA,CAAAN,EAAA,EAJc,8CAKvB,CADS;IACuB,oBAC/BO,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA;MAAA,aAAA,EACc,MAAM;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,OAAO,EACdT,iBAAiB,EACjBD,UAAU,IAAIS,MAAM,CAACE,QAAQ,EAC7BF,MAAM,CAACX,OAAO,CAAC;IAChB,CAAA,EACGI,KAAK,CAAA,CACT;GACH;EAEDN,OAAO,CAACgB,WAAW,GAAG,SAAS;EAAA,OAlBlBhB,OAAO;AAAA;"}

package/dist/esm/Divider/Divider.module.scss.mjs

@@ -0,0 +1,9 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=Divider.module.scss.mjs.map

package/dist/esm/Divider/Divider.module.scss.mjs.map

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

package/dist/esm/EmptyState/EmptyState.mjs

@@ -0,0 +1,63 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { EmptyStatesPositive, EmptyStatesNeutral, EmptyStatesNegative, EmptyStatesInformative, EmptyStatesAction } from '@kaizen/draft-illustration';
+import { Heading, Paragraph } from '@kaizen/typography';
+import styles from './EmptyState.module.scss.mjs';
+var ILLUSTRATIONS = {
+  positive: EmptyStatesPositive,
+  neutral: EmptyStatesNeutral,
+  negative: EmptyStatesNegative,
+  informative: EmptyStatesInformative,
+  action: 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 = __rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+    var IllustrationComponent = ILLUSTRATIONS[illustrationType];
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(classNameOverride, styles[illustrationType], styles.container, styles.zen, styles[layoutContext], straightCorners && styles.straightCorners),
+      id: id
+    }, props), /*#__PURE__*/React.createElement("div", {
+      className: styles.illustrationSide
+    }, isAnimated ? /*#__PURE__*/React.createElement(IllustrationComponent, {
+      isAnimated: true,
+      loop: loop,
+      classNameOverride: styles.illustration
+    }) : /*#__PURE__*/React.createElement(IllustrationComponent, {
+      alt: illustrationType,
+      classNameOverride: styles.illustration
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles.textSide
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.textSideInner
+    }, headingProps && /*#__PURE__*/React.createElement(Heading, __assign({
+      classNameOverride: styles.heading
+    }, headingProps)), /*#__PURE__*/React.createElement(Paragraph, {
+      variant: "body",
+      classNameOverride: styles.description
+    }, bodyText), children)));
+  };
+  EmptyState.displayName = "EmptyState";
+  return EmptyState;
+}();
+export { EmptyState };
+//# sourceMappingURL=EmptyState.mjs.map

package/dist/esm/EmptyState/EmptyState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","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":";;;;;;AAcA,IAAMA,aAAa,GAGf;EACFC,QAAQ,EAAEC,mBAAmB;EAC7BC,OAAO,EAAEC,kBAAkB;EAC3BC,QAAQ,EAAEC,mBAAmB;EAC7BC,WAAW,EAAEC,sBAAsB;EACnCC,MAAM,EAAEC;CACT;AAsBD;;;AAGG;AAHH,MAIaC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXhB,IAAAC,QAAQ,cAAA;MACRC,EAAE,QAAA;MACFC,EAAA,GAAAH,EAAA,CAAAI,gBAAgC;MAAhCA,gBAAgB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,aAAa,KAAA;MAChCE,EAAA,GAAAL,EAAA,CAAAM,aAAmC;MAAnCA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,mBAAmB,GAAAA,EAAA;MACnCE,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,QAAQ,cAAA;MACRC,eAAe,qBAAA;MACfC,EAAA,GAAAV,EAAA,CAAAW,UAAiB;MAAjBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;MACjBE,EAAA,GAAAZ,EAAA,CAAAa,IAAY;MAAZA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACZE,iBAAiB,uBAAA;MACdC,KAAK,GAXiBC,MAAA,CAAAhB,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,MAAA,EAAA,mBAAA,CAY1B,CADS;IAER,IAAMiB,qBAAqB,GAAG7B,aAAa,CAACgB,gBAAgB,CAAC;IAE7D,oBACEc,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBR,iBAAiB,EACjBS,MAAM,CAACnB,gBAAgB,CAAC,EACxBmB,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACE,GAAG,EACVF,MAAM,CAACjB,aAAa,CAAC,EACrBG,eAAe,IAAIc,MAAM,CAACd,eAAe,CAC1C;MACDP,EAAE,EAAEA;IAAE,GACFa,KAAK,CAAA,eAETG,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAgB,CACpC,EAAAf,UAAU,gBACTO,KAAC,CAAAC,aAAA,CAAAF,qBAAqB;MACpBN,UAAU,EAAA,IAAA;MACVE,IAAI,EAAEA,IAAI;MACVC,iBAAiB,EAAES,MAAM,CAACI;MAC1B,gBAEFT,oBAACD,qBAAqB,EAAA;MACpBW,GAAG,EAAExB,gBAAgB;MACrBU,iBAAiB,EAAES,MAAM,CAACI;IAAY,CACtC,CACH,CACG,eACNT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACM;IAAQ,CAAA,eAC7BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACO;IAAa,CAAA,EACjCvB,YAAY,iBACXW,KAAC,CAAAC,aAAA,CAAAY,OAAO,EAACX,QAAA,CAAA;MAAAN,iBAAiB,EAAES,MAAM,CAACS;KAAa,EAAAzB,YAAY,EAC7D,eACDW,KAAA,CAAAC,aAAA,CAACc,SAAS,EAAA;MAACC,OAAO,EAAC,MAAM;MAACpB,iBAAiB,EAAES,MAAM,CAACY;IAAW,CAAA,EAC5D3B,QAAQ,CACC,EACXP,QAAQ,CACL,CACF,CACF;EAEV,CAAC;EAEDF,UAAU,CAACqC,WAAW,GAAG,YAAY;EAAA,OAzDxBrC,UAAU;AAAA;"}