@kaizen/components 1.25.0 → 1.27.0

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":"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"}

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;"}

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

@@ -0,0 +1,19 @@
+var styles = {
+  "container": "EmptyState-module_container__-B5OU",
+  "straightCorners": "EmptyState-module_straightCorners__Aeou0",
+  "sidebarAndContent": "EmptyState-module_sidebarAndContent__Eysay",
+  "contentOnly": "EmptyState-module_contentOnly__RWVVX",
+  "positive": "EmptyState-module_positive__o3dXR",
+  "negative": "EmptyState-module_negative__e5ci6",
+  "action": "EmptyState-module_action__OdsgJ",
+  "neutral": "EmptyState-module_neutral__L6fBb",
+  "informative": "EmptyState-module_informative__x0GSr",
+  "illustrationSide": "EmptyState-module_illustrationSide__ZSjF3",
+  "textSide": "EmptyState-module_textSide__tv54w",
+  "illustration": "EmptyState-module_illustration__HyD2k",
+  "textSideInner": "EmptyState-module_textSideInner__Yynhi",
+  "heading": "EmptyState-module_heading__y-yvC",
+  "description": "EmptyState-module_description__fsJOc"
+};
+export { styles as default };
+//# sourceMappingURL=EmptyState.module.scss.mjs.map

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

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

package/dist/esm/ErrorPage/ErrorPage.mjs

@@ -0,0 +1,93 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { useIntl, FormattedMessage } from '@cultureamp/i18n-react-intl';
+import classnames from 'classnames';
+import { BrandMomentError } from '@kaizen/draft-illustration';
+import { Paragraph } from '@kaizen/typography';
+import { BrandMoment } from '../BrandMoment/BrandMoment.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { ArrowRightIcon } from '../Icon/ArrowRightIcon.mjs';
+import { EmailIcon } from '../Icon/EmailIcon.mjs';
+import { useErrorMessages } from './hooks/useErrorMessages.mjs';
+import styles from './ErrorPage.module.scss.mjs';
+var getMailToHref = function (code) {
+  var supportEmail = "support@cultureamp.com";
+  var subject = "Houston we have a problem";
+  var body = "Hi there,\n\nI received a ".concat(code, " error page while I was trying to...");
+  return encodeURI("mailto:".concat(supportEmail, "?subject=").concat(subject, "&body=").concat(body));
+};
+var HOME_HREF = "/app/home";
+const ErrorPage = /*#__PURE__*/function () {
+  const ErrorPage = function (_a) {
+    var code = _a.code,
+      title = _a.title,
+      message = _a.message,
+      callToAction = _a.callToAction,
+      classNameOverride = _a.classNameOverride;
+    var formatMessage = useIntl().formatMessage;
+    var content = useErrorMessages(code);
+    var actions = {
+      primary: {
+        href: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) || HOME_HREF
+      },
+      secondary: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.onContactSupport) ? {
+        onClick: callToAction.onContactSupport
+      } : {
+        href: getMailToHref(code)
+      }
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(classNameOverride)
+    }, /*#__PURE__*/React.createElement(BrandMoment, {
+      header: /*#__PURE__*/React.createElement(React.Fragment, null),
+      body: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles.paragraphPadding
+      }, /*#__PURE__*/React.createElement(Paragraph, {
+        variant: "intro-lede"
+      }, message || content.message)), /*#__PURE__*/React.createElement(Paragraph, {
+        color: "dark-reduced-opacity",
+        variant: "small"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "kzErrorPage.errorCode",
+        defaultMessage: "Error code {code}",
+        values: {
+          code: code
+        }
+      }))),
+      illustration: /*#__PURE__*/React.createElement(BrandMomentError, {
+        isAnimated: true,
+        loop: true
+      }),
+      mood: "negative",
+      primaryAction: __assign(__assign({}, actions.primary), {
+        icon: /*#__PURE__*/React.createElement(ArrowRightIcon, {
+          role: "presentation"
+        }),
+        iconPosition: "end",
+        label: formatMessage({
+          id: "kzErrorPage.goToHome",
+          defaultMessage: "Go to Home",
+          description: "Home button label"
+        })
+      }),
+      secondaryAction: __assign(__assign({}, actions.secondary), {
+        icon: /*#__PURE__*/React.createElement(EmailIcon, {
+          role: "presentation"
+        }),
+        label: formatMessage({
+          id: "kzErrorPage",
+          defaultMessage: "Contact support",
+          description: "Label for contact button"
+        })
+      }),
+      text: {
+        title: title || content.title
+      }
+    }));
+  };
+  ErrorPage.displayName = "ErrorPage";
+  return ErrorPage;
+}();
+export { ErrorPage };
+//# sourceMappingURL=ErrorPage.mjs.map

package/dist/esm/ErrorPage/ErrorPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.mjs","sources":["../../../src/ErrorPage/ErrorPage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { FormattedMessage, useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classNames from \"classnames\"\nimport { BrandMomentError } from \"@kaizen/draft-illustration\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport { BrandMoment } from \"~components/BrandMoment\"\nimport { ArrowRightIcon, EmailIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ErrorStatuses, useErrorMessages } from \"./hooks\"\nimport styles from \"./ErrorPage.module.scss\"\n\nconst getMailToHref = (code: ErrorStatuses): string => {\n  const supportEmail = \"support@cultureamp.com\"\n  const subject = \"Houston we have a problem\"\n  const body = `Hi there,\\n\\nI received a ${code} error page while I was trying to...`\n  return encodeURI(`mailto:${supportEmail}?subject=${subject}&amp;body=${body}`)\n}\n\nconst HOME_HREF = \"/app/home\"\n\nexport type ErrorPageProps = {\n  code: ErrorStatuses\n  title?: string\n  message?: React.ReactNode | string\n  callToAction?: {\n    onContactSupport: () => void\n    homeHref?: string\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const ErrorPage = ({\n  code,\n  title,\n  message,\n  callToAction,\n  classNameOverride,\n}: ErrorPageProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const content = useErrorMessages(code)\n\n  const actions = {\n    primary: { href: callToAction?.homeHref || HOME_HREF },\n    secondary: callToAction?.onContactSupport\n      ? { onClick: callToAction.onContactSupport }\n      : { href: getMailToHref(code) },\n  }\n\n  return (\n    <div className={classNames(classNameOverride)}>\n      <BrandMoment\n        header={<></>}\n        body={\n          <>\n            <div className={styles.paragraphPadding}>\n              <Paragraph variant=\"intro-lede\">\n                {message || content.message}\n              </Paragraph>\n            </div>\n            <Paragraph color=\"dark-reduced-opacity\" variant=\"small\">\n              <FormattedMessage\n                id=\"kzErrorPage.errorCode\"\n                defaultMessage=\"Error code {code}\"\n                values={{ code }}\n              />\n            </Paragraph>\n          </>\n        }\n        illustration={<BrandMomentError isAnimated loop />}\n        mood=\"negative\"\n        primaryAction={{\n          ...actions.primary,\n          icon: <ArrowRightIcon role=\"presentation\" />,\n          iconPosition: \"end\",\n          label: formatMessage({\n            id: \"kzErrorPage.goToHome\",\n            defaultMessage: \"Go to Home\",\n            description: \"Home button label\",\n          }),\n        }}\n        secondaryAction={{\n          ...actions.secondary,\n          icon: <EmailIcon role=\"presentation\" />,\n          label: formatMessage({\n            id: \"kzErrorPage\",\n            defaultMessage: \"Contact support\",\n            description: \"Label for contact button\",\n          }),\n        }}\n        text={{\n          title: title || content.title,\n        }}\n      />\n    </div>\n  )\n}\n\nErrorPage.displayName = \"ErrorPage\"\n"],"names":["getMailToHref","code","supportEmail","subject","body","concat","encodeURI","HOME_HREF","ErrorPage","_a","title","message","callToAction","classNameOverride","formatMessage","useIntl","content","useErrorMessages","actions","primary","href","homeHref","secondary","onContactSupport","onClick","React","createElement","className","classNames","BrandMoment","header","Fragment","styles","paragraphPadding","Paragraph","variant","color","FormattedMessage","id","defaultMessage","values","illustration","BrandMomentError","isAnimated","loop","mood","primaryAction","__assign","icon","ArrowRightIcon","role","iconPosition","label","description","secondaryAction","EmailIcon","text","displayName"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+var styles = {
+  "paragraphPadding": "ErrorPage-module_paragraphPadding__-L-qy"
+};
+export { styles as default };
+//# sourceMappingURL=ErrorPage.module.scss.mjs.map

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

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