@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var FontDefinitions = function () {
+  return React.createElement(React.Fragment, null, React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }));
+};
+exports.FontDefinitions = FontDefinitions;
+//# sourceMappingURL=FontDefinitions.cjs.map

package/dist/cjs/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontDefinitions.cjs","sources":["../../../../../src/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.tsx"],"sourcesContent":["import React from \"react\"\n\nexport const FontDefinitions = (): JSX.Element => (\n  <>\n    <link\n      rel=\"preload\"\n      href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossOrigin=\"anonymous\"\n    />\n    <link\n      rel=\"preload\"\n      href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossOrigin=\"anonymous\"\n    />\n    <link\n      rel=\"preload\"\n      href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossOrigin=\"anonymous\"\n    />\n    <link\n      rel=\"preload\"\n      href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossOrigin=\"anonymous\"\n    />\n    <link\n      rel=\"preload\"\n      href=\"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossOrigin=\"anonymous\"\n    />\n  </>\n)\n"],"names":["FontDefinitions","React","createElement","Fragment","rel","href","as","type","crossOrigin"],"mappings":";;;AAEa,IAAAA,eAAe,GAAG,SAAAA,CAAA,EAAA;EAAmB,OAChDC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,oEAAoE;IACzEC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,yEAAyE;IAC9EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,sEAAsE;IAC3EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,uEAAuE;IAC5EC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;EAAW,CACvB,CAAA,EACFP,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,GAAG,EAAC,SAAS;IACbC,IAAI,EAAC,iFAAiF;IACtFC,EAAE,EAAC,MAAM;IACTC,IAAI,EAAC,YAAY;IACjBC,WAAW,EAAC;IACZ,CACD;AArC6C,CAAA;"}

package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalIntlProvider.cjs","sources":["../../../../../src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { StaticIntlProvider } from \"@cultureamp/i18n-react-intl\"\nimport { IntlContext } from \"react-intl\"\n\ntype Props = {\n  locale: string\n  children: React.ReactElement\n}\nexport const OptionalIntlProvider = ({\n  locale,\n  children,\n}: Props): JSX.Element => {\n  const parent = useContext(IntlContext)\n\n  if (parent) return children\n  return <StaticIntlProvider locale={locale}>{children}</StaticIntlProvider>\n}\n\nOptionalIntlProvider.displayName = \"OptionalIntlProvider\"\n"],"names":["OptionalIntlProvider","_a","locale","children","parent","useContext","IntlContext","React","createElement","StaticIntlProvider","displayName"],"mappings":";;;;;MAQaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAG7B,EAAA;QAFNC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;IAER,IAAMC,MAAM,GAAGC,gBAAU,CAACC,SAAAA,CAAAA,WAAW,CAAC;IAEtC,IAAIF,MAAM,EAAE,OAAOD,QAAQ;IAC3B,OAAOI,KAAA,CAAAC,aAAA,CAACC,aAAkB,CAAAA,kBAAA,EAAC;MAAAP,MAAM,EAAEA;IAAM,CAAA,EAAGC,QAAQ,CAAsB;EAC5E,CAAC;EAEDH,oBAAoB,CAACU,WAAW,GAAG,sBAAsB;EAAA,OAV5CV,oBAAoB;AAAA;"}

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingGraphic_module = require('./LoadingGraphic.module.scss.cjs');
+var loadingGraphicSizeMap = new Map([["small", 1.25], ["medium", 3], ["large", 4.5], ["xlarge", 6], ["xxlarge", 7.5], ["scene", 18.75]]);
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
+ */
+const LoadingGraphic = /*#__PURE__*/function () {
+  const LoadingGraphic = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      size = _a.size,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
+    var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
+    return React.createElement("div", tslib.__assign({
+      className: classnames(LoadingGraphic_module.loadingGraphic, isAnimated && LoadingGraphic_module.isAnimated, isReversed && LoadingGraphic_module.isReversed, classNameOverride),
+      style: {
+        width: sizeValue,
+        height: sizeValue
+      }
+    }, props));
+  };
+  LoadingGraphic.displayName = "LoadingGraphic";
+  return LoadingGraphic;
+}();
+exports.LoadingGraphic = LoadingGraphic;
+//# sourceMappingURL=LoadingGraphic.cjs.map

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingGraphic.cjs","sources":["../../../../src/Loading/LoadingGraphic/LoadingGraphic.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingGraphic.module.scss\"\n\nexport type LoadingGraphicSize =\n  | \"small\"\n  | \"medium\"\n  | \"large\"\n  | \"xlarge\"\n  | \"xxlarge\"\n  | \"scene\"\n\nconst loadingGraphicSizeMap = new Map<LoadingGraphicSize, number>([\n  [\"small\", 1.25],\n  [\"medium\", 3],\n  [\"large\", 4.5],\n  [\"xlarge\", 6],\n  [\"xxlarge\", 7.5],\n  [\"scene\", 18.75],\n])\n\nexport type LoadingGraphicProps = {\n  isAnimated?: boolean\n  isReversed?: boolean\n  size: LoadingGraphicSize\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}\n */\nexport const LoadingGraphic = ({\n  isAnimated,\n  isReversed,\n  size,\n  classNameOverride,\n  ...props\n}: LoadingGraphicProps): JSX.Element => {\n  const sizeValue = `${loadingGraphicSizeMap.get(size)}rem`\n\n  return (\n    <div\n      className={classnames(\n        styles.loadingGraphic,\n        isAnimated && styles.isAnimated,\n        isReversed && styles.isReversed,\n        classNameOverride\n      )}\n      style={{ width: sizeValue, height: sizeValue }}\n      {...props}\n    />\n  )\n}\n\nLoadingGraphic.displayName = \"LoadingGraphic\"\n"],"names":["loadingGraphicSizeMap","Map","LoadingGraphic","_a","isAnimated","isReversed","size","classNameOverride","props","__rest","sizeValue","concat","get","React","createElement","__assign","className","classnames","styles","loadingGraphic","style","width","height","displayName"],"mappings":";;;;;;AAaA,IAAMA,qBAAqB,GAAG,IAAIC,GAAG,CAA6B,CAChE,CAAC,OAAO,EAAE,IAAI,CAAC,EACf,CAAC,QAAQ,EAAE,CAAC,CAAC,EACb,CAAC,OAAO,EAAE,GAAG,CAAC,EACd,CAAC,QAAQ,EAAE,CAAC,CAAC,EACb,CAAC,SAAS,EAAE,GAAG,CAAC,EAChB,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;AAQF;;;AAGG;AAHH,MAIaC,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAMT,EAAA;IALpB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACVC,UAAU,gBAAA;MACVC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,KAAK,GAAAC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EALqB,yDAM9B,CADS;IAER,IAAMO,SAAS,GAAG,EAAA,CAAAC,MAAA,CAAGX,qBAAqB,CAACY,GAAG,CAACN,IAAI,CAAC,EAAA,KAAA,CAAK;IAEzD,OACEO,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,qBAAM,CAACC,cAAc,EACrBf,UAAU,IAAIc,qBAAM,CAACd,UAAU,EAC/BC,UAAU,IAAIa,qBAAM,CAACb,UAAU,EAC/BE,iBAAiB,CAClB;MACDa,KAAK,EAAE;QAAEC,KAAK,EAAEX,SAAS;QAAEY,MAAM,EAAEZ;MAAS;OACxCF,KAAK,CAAA,CACT;EAEN,CAAC;EAEDN,cAAc,CAACqB,WAAW,GAAG,gBAAgB;EAAA,OAvBhCrB,cAAc;AAAA;"}

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "loadingGraphic": "LoadingGraphic-module_loadingGraphic__lg-gH",
+  "isAnimated": "LoadingGraphic-module_isAnimated__tyskp",
+  "fade-in-out": "LoadingGraphic-module_fade-in-out__VFBMB",
+  "isReversed": "LoadingGraphic-module_isReversed__HmZ4H"
+};
+module.exports = styles;
+//# sourceMappingURL=LoadingGraphic.module.scss.cjs.map

package/dist/cjs/Loading/LoadingGraphic/LoadingGraphic.module.scss.cjs.map

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

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingHeading_module = require('./LoadingHeading.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
+ */
+const LoadingHeading = /*#__PURE__*/function () {
+  const LoadingHeading = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      width = _a.width,
+      isLink = _a.isLink,
+      classNameOverride = _a.classNameOverride,
+      variant = _a.variant,
+      props = tslib.__rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
+    return React.createElement("div", tslib.__assign({
+      className: classnames(LoadingHeading_module.loadingHeading, classNameOverride, LoadingHeading_module[variant], isAnimated && LoadingHeading_module.isAnimated, isReversed && LoadingHeading_module.isReversed, isLink && LoadingHeading_module.link),
+      style: {
+        width: "".concat(width, "%")
+      }
+    }, props));
+  };
+  LoadingHeading.displayName = "LoadingHeading";
+  return LoadingHeading;
+}();
+exports.LoadingHeading = LoadingHeading;
+//# sourceMappingURL=LoadingHeading.cjs.map

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingHeading.cjs","sources":["../../../../src/Loading/LoadingHeading/LoadingHeading.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingVariants } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingHeading.module.scss\"\n\nexport type LoadingHeadingProps = {\n  variant: HeadingVariants\n  isAnimated?: boolean\n  isReversed?: boolean\n  isLink?: boolean\n  /**\n   * Width as a percentage.\n   */\n  width?: number\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}\n */\nexport const LoadingHeading = ({\n  isAnimated,\n  isReversed,\n  width,\n  isLink,\n  classNameOverride,\n  variant,\n  ...props\n}: LoadingHeadingProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.loadingHeading,\n      classNameOverride,\n      styles[variant],\n      isAnimated && styles.isAnimated,\n      isReversed && styles.isReversed,\n      isLink && styles.link\n    )}\n    style={{ width: `${width}%` }}\n    {...props}\n  />\n)\n\nLoadingHeading.displayName = \"LoadingHeading\"\n"],"names":["LoadingHeading","_a","isAnimated","isReversed","width","isLink","classNameOverride","variant","props","__rest","React","className","classnames","styles","loadingHeading","link","style","concat","displayName"],"mappings":";;;;;;;AAiBA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPpB,IAAAC,UAAU,gBAAA;MACVC,UAAU,gBAAA;MACVC,KAAK,WAAA;MACLC,MAAM,YAAA;MACNC,iBAAiB,uBAAA;MACjBC,OAAO,aAAA;MACJC,KAAK,GAPqBC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,SAAA,CAQ9B,CADS;IAC8B,OACtCS;MACEC,SAAS,EAAEC,UAAU,CACnBC,qBAAM,CAACC,cAAc,EACrBR,iBAAiB,EACjBO,qBAAM,CAACN,OAAO,CAAC,EACfL,UAAU,IAAIW,qBAAM,CAACX,UAAU,EAC/BC,UAAU,IAAIU,qBAAM,CAACV,UAAU,EAC/BE,MAAM,IAAIQ,qBAAM,CAACE,IAAI,CACtB;MACDC,KAAK,EAAE;QAAEZ,KAAK,EAAE,EAAA,CAAAa,MAAA,CAAGb,KAAK,EAAA,GAAA;MAAG;IACvB,CAAA,EAAAI,KAAK,CACT,CAAA;GACH;EAEDR,cAAc,CAACkB,WAAW,GAAG,gBAAgB;EAAA,OAvBhClB,cAAc;AAAA;"}

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.module.scss.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var styles = {
+  "loadingHeading": "LoadingHeading-module_loadingHeading__tb9a-",
+  "isAnimated": "LoadingHeading-module_isAnimated__cbstI",
+  "fade-in-out": "LoadingHeading-module_fade-in-out__4e-Ds",
+  "display-0": "LoadingHeading-module_display-0__SXmNU",
+  "heading-1": "LoadingHeading-module_heading-1__09eOy",
+  "heading-2": "LoadingHeading-module_heading-2__bxtDS",
+  "heading-3": "LoadingHeading-module_heading-3__h8MXB",
+  "heading-4": "LoadingHeading-module_heading-4__VsC1Y",
+  "heading-5": "LoadingHeading-module_heading-5__5arKU",
+  "heading-6": "LoadingHeading-module_heading-6__sLipd",
+  "isReversed": "LoadingHeading-module_isReversed__vz6G1",
+  "link": "LoadingHeading-module_link__E7uU1"
+};
+module.exports = styles;
+//# sourceMappingURL=LoadingHeading.module.scss.cjs.map

package/dist/cjs/Loading/LoadingHeading/LoadingHeading.module.scss.cjs.map

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

package/dist/cjs/Loading/LoadingInput/LoadingInput.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingInput_module = require('./LoadingInput.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
+ */
+const LoadingInput = /*#__PURE__*/function () {
+  const LoadingInput = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      width = _a.width,
+      classNameOverride = _a.classNameOverride,
+      _b = _a.height,
+      height = _b === void 0 ? 48 : _b,
+      props = tslib.__rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
+    return React.createElement("div", tslib.__assign({
+      className: classnames(LoadingInput_module.loadingInput, isAnimated && LoadingInput_module.isAnimated, isReversed && LoadingInput_module.isReversed, classNameOverride),
+      style: {
+        width: "".concat(width, "%"),
+        height: "".concat(height, "px")
+      }
+    }, props));
+  };
+  LoadingInput.displayName = "LoadingInput";
+  return LoadingInput;
+}();
+exports.LoadingInput = LoadingInput;
+//# sourceMappingURL=LoadingInput.cjs.map

package/dist/cjs/Loading/LoadingInput/LoadingInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingInput.cjs","sources":["../../../../src/Loading/LoadingInput/LoadingInput.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingInput.module.scss\"\n\nexport type LoadingInputProps = {\n  isAnimated?: boolean\n  isReversed?: boolean\n  /**\n   * Width as a percentage.\n   */\n  width?: number\n  /**\n   * Width as px.\n   */\n  height?: number\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}\n */\nexport const LoadingInput = ({\n  isAnimated,\n  isReversed,\n  width,\n  classNameOverride,\n  height = 48,\n  ...props\n}: LoadingInputProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.loadingInput,\n      isAnimated && styles.isAnimated,\n      isReversed && styles.isReversed,\n      classNameOverride\n    )}\n    style={{ width: `${width}%`, height: `${height}px` }}\n    {...props}\n  />\n)\n\nLoadingInput.displayName = \"LoadingInput\"\n"],"names":["LoadingInput","_a","isAnimated","isReversed","width","classNameOverride","_b","height","props","__rest","React","className","classnames","styles","loadingInput","style","concat","displayName"],"mappings":";;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAOT,EAAA;IANlB,IAAAC,UAAU,gBAAA;MACVC,UAAU,gBAAA;MACVC,KAAK,GAAAH,EAAA,CAAAG,KAAA;MACLC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,EAAW,GAAAL,EAAA,CAAAM,MAAA;MAAXA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;MACRE,KAAK,GANmBC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,QAAA,CAO5B,CADS;IAC4B,OACpCS;MACEC,SAAS,EAAEC,UAAU,CACnBC,mBAAM,CAACC,YAAY,EACnBZ,UAAU,IAAIW,mBAAM,CAACX,UAAU,EAC/BC,UAAU,IAAIU,mBAAM,CAACV,UAAU,EAC/BE,iBAAiB,CAClB;MACDU,KAAK,EAAE;QAAEX,KAAK,EAAE,EAAA,CAAAY,MAAA,CAAGZ,KAAK,EAAG,GAAA,CAAA;QAAEG,MAAM,EAAE,EAAA,CAAAS,MAAA,CAAGT,MAAM,EAAI,IAAA;MAAA;OAC9CC,KAAK,CAAA,CACT;GACH;EAEDR,YAAY,CAACiB,WAAW,GAAG,cAAc;EAAA,OApB5BjB,YAAY;AAAA;"}

package/dist/cjs/Loading/LoadingInput/LoadingInput.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "loadingInput": "LoadingInput-module_loadingInput__65Cpe",
+  "isAnimated": "LoadingInput-module_isAnimated__hJtl-",
+  "fade-in-out": "LoadingInput-module_fade-in-out__XW4tT",
+  "isReversed": "LoadingInput-module_isReversed__wyVkD"
+};
+module.exports = styles;
+//# sourceMappingURL=LoadingInput.module.scss.cjs.map

package/dist/cjs/Loading/LoadingInput/LoadingInput.module.scss.cjs.map

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

package/dist/cjs/Loading/LoadingParagraph/LoadingParagraph.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var LoadingParagraph_module = require('./LoadingParagraph.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}
+ */
+const LoadingParagraph = /*#__PURE__*/function () {
+  const LoadingParagraph = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isCentred = _a.isCentred,
+      isReversed = _a.isReversed,
+      isInline = _a.isInline,
+      noBottomMargin = _a.noBottomMargin,
+      width = _a.width,
+      isLink = _a.isLink,
+      inheritBaseline = _a.inheritBaseline,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      className: classnames(LoadingParagraph_module.loadingParagraph, classNameOverride, isAnimated && LoadingParagraph_module.isAnimated, isCentred && LoadingParagraph_module.isCentered, isReversed && LoadingParagraph_module.isReversed, isLink && LoadingParagraph_module.isLink, inheritBaseline && LoadingParagraph_module.inheritBaseline, isInline && LoadingParagraph_module.isInline, noBottomMargin && LoadingParagraph_module.noBottomMargin),
+      style: {
+        width: "".concat(width, "%")
+      }
+    }, restProps));
+  };
+  LoadingParagraph.displayName = "LoadingParagraph";
+  return LoadingParagraph;
+}();
+exports.LoadingParagraph = LoadingParagraph;
+//# sourceMappingURL=LoadingParagraph.cjs.map

package/dist/cjs/Loading/LoadingParagraph/LoadingParagraph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingParagraph.cjs","sources":["../../../../src/Loading/LoadingParagraph/LoadingParagraph.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingParagraph.module.scss\"\n\nexport type LoadingParagraphProps = {\n  isAnimated?: boolean\n  isCentred?: boolean\n  isReversed?: boolean\n  isInline?: boolean\n  noBottomMargin?: boolean\n  isLink?: boolean\n  inheritBaseline?: boolean\n  /**\n   * Width as a percentage.\n   */\n  width?: number\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}\n */\nexport const LoadingParagraph = ({\n  isAnimated,\n  isCentred,\n  isReversed,\n  isInline,\n  noBottomMargin,\n  width,\n  isLink,\n  inheritBaseline,\n  classNameOverride,\n  ...restProps\n}: LoadingParagraphProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.loadingParagraph,\n      classNameOverride,\n      isAnimated && styles.isAnimated,\n      isCentred && styles.isCentered,\n      isReversed && styles.isReversed,\n      isLink && styles.isLink,\n      inheritBaseline && styles.inheritBaseline,\n      isInline && styles.isInline,\n      noBottomMargin && styles.noBottomMargin\n    )}\n    style={{ width: `${width}%` }}\n    {...restProps}\n  />\n)\n\nLoadingParagraph.displayName = \"LoadingParagraph\"\n"],"names":["LoadingParagraph","_a","isAnimated","isCentred","isReversed","isInline","noBottomMargin","width","isLink","inheritBaseline","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","loadingParagraph","isCentered","style","concat","displayName"],"mappings":";;;;;;;AAmBA;;;AAGG;AAHH,MAIaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAWT,EAAA;IAVtB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACVC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,cAAc,GAAAL,EAAA,CAAAK,cAAA;MACdC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,eAAe,GAAAR,EAAA,CAAAQ,eAAA;MACfC,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EAVmB,kIAWhC,CADa;IAC4B,OACxCY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,uBAAM,CAACC,gBAAgB,EACvBT,iBAAiB,EACjBR,UAAU,IAAIgB,uBAAM,CAAChB,UAAU,EAC/BC,SAAS,IAAIe,uBAAM,CAACE,UAAU,EAC9BhB,UAAU,IAAIc,uBAAM,CAACd,UAAU,EAC/BI,MAAM,IAAIU,uBAAM,CAACV,MAAM,EACvBC,eAAe,IAAIS,uBAAM,CAACT,eAAe,EACzCJ,QAAQ,IAAIa,uBAAM,CAACb,QAAQ,EAC3BC,cAAc,IAAIY,uBAAM,CAACZ,cAAc,CACxC;MACDe,KAAK,EAAE;QAAEd,KAAK,EAAE,EAAA,CAAAe,MAAA,CAAGf,KAAK,EAAA,GAAA;MAAK;IAAA,CAAA,EACzBI,SAAS,CAAA,CACb;GACH;EAEDX,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OA7BpCvB,gBAAgB;AAAA;"}

package/dist/cjs/Loading/LoadingParagraph/LoadingParagraph.module.scss.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styles = {
+  "loadingParagraph": "LoadingParagraph-module_loadingParagraph__-riGM",
+  "isAnimated": "LoadingParagraph-module_isAnimated__FWmuv",
+  "fade-in-out": "LoadingParagraph-module_fade-in-out__wzszr",
+  "isReversed": "LoadingParagraph-module_isReversed__hD0mn",
+  "isLink": "LoadingParagraph-module_isLink__gVurw",
+  "isCentered": "LoadingParagraph-module_isCentered__Pkyts",
+  "isInline": "LoadingParagraph-module_isInline__-mSTd",
+  "noBottomMargin": "LoadingParagraph-module_noBottomMargin__9Qt0n",
+  "inheritBaseline": "LoadingParagraph-module_inheritBaseline__RU-tb"
+};
+module.exports = styles;
+//# sourceMappingURL=LoadingParagraph.module.scss.cjs.map

package/dist/cjs/Loading/LoadingParagraph/LoadingParagraph.module.scss.cjs.map

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

package/dist/cjs/Loading/LoadingSpinner/LoadingSpinner.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var VisuallyHidden = require('../../VisuallyHidden/VisuallyHidden.cjs');
+var LoadingSpinner_module = require('./LoadingSpinner.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}
+ */
+const LoadingSpinner = /*#__PURE__*/function () {
+  const LoadingSpinner = function (_a) {
+    var _b = _a.accessibilityLabel,
+      accessibilityLabel = _b === void 0 ? "Loading" : _b,
+      _c = _a.size,
+      size = _c === void 0 ? "md" : _c,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      "data-automation-id": "loading-spinner",
+      className: classnames(LoadingSpinner_module.loadingSpinner, classNameOverride),
+      role: "status"
+    }, props), React.createElement(VisuallyHidden.VisuallyHidden, null, accessibilityLabel), size === "md" ? React.createElement("svg", {
+      className: LoadingSpinner_module.spinner,
+      "aria-hidden": "true",
+      viewBox: "0 0 48 48",
+      width: 48,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, React.createElement("circle", {
+      cx: "24",
+      cy: "24",
+      r: "22.5",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeOpacity: "0.3"
+    }), React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z"
+    })) : React.createElement("svg", {
+      className: LoadingSpinner_module.spinner,
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      width: 24,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "9",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeOpacity: "0.3"
+    }), React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z"
+    })));
+  };
+  LoadingSpinner.displayName = "LoadingSpinner";
+  return LoadingSpinner;
+}();
+exports.LoadingSpinner = LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.cjs.map

package/dist/cjs/Loading/LoadingSpinner/LoadingSpinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.cjs","sources":["../../../../src/Loading/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./LoadingSpinner.module.scss\"\n\nexport type LoadingSpinnerProps = {\n  accessibilityLabel: string\n  /**\n   * Generally use \"md\" unless spinner is inside a form field\n   */\n  size?: \"sm\" | \"md\"\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}\n */\nexport const LoadingSpinner = ({\n  accessibilityLabel = \"Loading\",\n  size = \"md\",\n  classNameOverride,\n  ...props\n}: LoadingSpinnerProps): JSX.Element => (\n  <div\n    data-automation-id=\"loading-spinner\"\n    className={classnames(styles.loadingSpinner, classNameOverride)}\n    role=\"status\"\n    {...props}\n  >\n    <VisuallyHidden>{accessibilityLabel}</VisuallyHidden>\n    {size === \"md\" ? (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 48 48\"\n        width={48} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"24\"\n          cy=\"24\"\n          r=\"22.5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"3\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z\"\n        />\n      </svg>\n    ) : (\n      <svg\n        className={styles.spinner}\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        width={24} // Ideally we'd use spacing tokens converted to unitless values\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeOpacity=\"0.3\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          fill=\"currentColor\"\n          d=\"M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z\"\n        />\n      </svg>\n    )}\n  </div>\n)\n\nLoadingSpinner.displayName = \"LoadingSpinner\"\n"],"names":["LoadingSpinner","_a","_b","accessibilityLabel","_c","size","classNameOverride","props","__rest","React","createElement","__assign","className","classnames","styles","loadingSpinner","role","VisuallyHidden","spinner","viewBox","width","fill","xmlns","cx","cy","r","stroke","strokeWidth","strokeOpacity","fillRule","clipRule","d","displayName"],"mappings":";;;;;;;;AAcA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJpB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,kBAA8B;MAA9BA,kBAAkB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MAC9BE,YAAW;MAAXC,IAAI,mBAAG,IAAI,GAAAD,EAAA;MACXE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EAJqB,mDAK9B,CADS;IAC8B,OACtCQ,KACqB,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAA,oBAAA,EAAA,iBAAiB;MACpCC,SAAS,EAAEC,UAAU,CAACC,qBAAM,CAACC,cAAc,EAAET,iBAAiB,CAAC;MAC/DU,IAAI,EAAC;OACDT,KAAK,CAAA,EAETE,KAAC,CAAAC,aAAA,CAAAO,6BAAc,EAAE,IAAA,EAAAd,kBAAkB,CAAkB,EACpDE,IAAI,KAAK,IAAI,GACZI,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,qBAAM,CAACI,OAAO;MACb,aAAA,EAAA,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,EAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,MAAM;MACRC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,EACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAkP,CAAA,CACpP,CACE,GAENtB;MACEG,SAAS,EAAEE,qBAAM,CAACI,OAAO;qBACb,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE,EAAE;MACTC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC;IAA4B,CAAA,EAElCb,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAa,EAAE,EAAC,IAAI;MACPC,EAAE,EAAC,IAAI;MACPC,CAAC,EAAC,GAAG;MACLC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,GAAG;MACfC,aAAa,EAAC;KACd,CAAA,EACFnB,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAmB,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBT,IAAI,EAAC,cAAc;MACnBU,CAAC,EAAC;IAAsQ,CAAA,CACxQ,CAEL,CACG;GACP;EAED/B,cAAc,CAACgC,WAAW,GAAG,gBAAgB;EAAA,OAjEhChC,cAAc;AAAA;"}

package/dist/cjs/Loading/LoadingSpinner/LoadingSpinner.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "loadingSpinner": "LoadingSpinner-module_loadingSpinner__4SQsH",
+  "spinner": "LoadingSpinner-module_spinner__bDpy0"
+};
+module.exports = styles;
+//# sourceMappingURL=LoadingSpinner.module.scss.cjs.map

package/dist/cjs/Loading/LoadingSpinner/LoadingSpinner.module.scss.cjs.map

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

package/dist/cjs/Menu/Menu.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var StatelessMenu = require('./subcomponents/StatelessMenu/StatelessMenu.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-menu--docs Storybook}
+ */
+const Menu = /*#__PURE__*/function () {
+  const Menu = function (_a) {
+    var button = _a.button,
+      _b = _a.menuVisible,
+      menuVisible = _b === void 0 ? false : _b,
+      rest = tslib.__rest(_a, ["button", "menuVisible"]);
+    var _c = React.useState(menuVisible),
+      isMenuVisible = _c[0],
+      setIsMenuVisible = _c[1];
+    var toggleMenuDropdown = function () {
+      setIsMenuVisible(!isMenuVisible);
+    };
+    var hideMenuDropdown = function () {
+      setIsMenuVisible(false);
+    };
+    return React.createElement(StatelessMenu.StatelessMenu, tslib.__assign({}, rest, {
+      isMenuVisible: isMenuVisible,
+      toggleMenuDropdown: toggleMenuDropdown,
+      hideMenuDropdown: hideMenuDropdown,
+      // `StatelessMenu` is one of the newer components, so it uses a render function,
+      // as opposed to `React.cloneElement`.
+      // `cloneElement` has its problems, mainly because it's somewhat magical, can lead
+      // to unexpected behaviour, and it doesn't self document. Hence, the switch
+      // to the render function. It would be nice if the `Menu` component also
+      // used this pattern, but it's probably not worth the time and effort.
+      renderButton: function (props) {
+        return React.cloneElement(button, tslib.__assign(tslib.__assign({}, props), {
+          onClick: function (e) {
+            var _a, _b;
+            props.onClick(e);
+            (_b = (_a = button.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          },
+          onMouseDown: function (e) {
+            var _a, _b;
+            props.onMouseDown(e);
+            (_b = (_a = button.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          }
+        }));
+      }
+    }));
+  };
+  Menu.displayName = "Menu";
+  return Menu;
+}();
+exports.Menu = Menu;
+//# sourceMappingURL=Menu.cjs.map

package/dist/cjs/Menu/Menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.cjs","sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  StatelessMenu,\n  StatelessMenuProps,\n} from \"./subcomponents/StatelessMenu\"\n\ntype ButtonPropsWithOptionalAria = ButtonProps & {\n  \"aria-haspopup\"?: boolean\n  \"aria-expanded\"?: boolean\n}\n\nexport type MenuProps = Omit<\n  StatelessMenuProps,\n  \"renderButton\" | \"hideMenuDropdown\" | \"toggleMenuDropdown\" | \"isMenuVisible\"\n> & {\n  /**\n   * The initial state of the dropdown. Once initalised, further changes to this\n   * prop will not have any affect, as the state is handled internally to the component.\n   * @default: false\n   */\n  menuVisible?: boolean\n  /**\n   * Takes any ReactElement with button props but is most commonly used with a Kaizen `<Button>` or `<IconButton>` component.\n   */\n  button: React.ReactElement<ButtonPropsWithOptionalAria>\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-menu--docs Storybook}\n */\nexport const Menu = ({\n  button,\n  menuVisible = false,\n  ...rest\n}: MenuProps): JSX.Element => {\n  const [isMenuVisible, setIsMenuVisible] = useState<boolean>(menuVisible)\n\n  const toggleMenuDropdown = (): void => {\n    setIsMenuVisible(!isMenuVisible)\n  }\n\n  const hideMenuDropdown = (): void => {\n    setIsMenuVisible(false)\n  }\n\n  return (\n    <StatelessMenu\n      {...rest}\n      isMenuVisible={isMenuVisible}\n      toggleMenuDropdown={toggleMenuDropdown}\n      hideMenuDropdown={hideMenuDropdown}\n      // `StatelessMenu` is one of the newer components, so it uses a render function,\n      // as opposed to `React.cloneElement`.\n      // `cloneElement` has its problems, mainly because it's somewhat magical, can lead\n      // to unexpected behaviour, and it doesn't self document. Hence, the switch\n      // to the render function. It would be nice if the `Menu` component also\n      // used this pattern, but it's probably not worth the time and effort.\n      renderButton={(props): JSX.Element =>\n        React.cloneElement(button, {\n          ...props,\n          onClick: (e: React.MouseEvent<Element, MouseEvent>) => {\n            props.onClick(e)\n            button.props.onClick?.(e)\n          },\n          onMouseDown: (e: React.MouseEvent<Element, MouseEvent>) => {\n            props.onMouseDown(e)\n            button.props.onMouseDown?.(e)\n          },\n        })\n      }\n    />\n  )\n}\n\nMenu.displayName = \"Menu\"\n"],"names":["Menu","_a","button","_b","menuVisible","rest","__rest","_c","useState","isMenuVisible","setIsMenuVisible","toggleMenuDropdown","hideMenuDropdown","React","createElement","StatelessMenu","__assign","renderButton","props","cloneElement","onClick","e","call","onMouseDown","displayName"],"mappings":";;;;;;AA4BA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHV,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,EAAA,GAAAF,EAAA,CAAAG,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,IAAI,GAAAC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAHY,yBAIpB,CADQ;IAED,IAAAM,EAAA,GAAoCC,KAAAA,CAAAA,QAAQ,CAAUJ,WAAW,CAAC;MAAjEK,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAAkC;IAExE,IAAMI,kBAAkB,GAAG,SAAAA,CAAA,EAAA;MACzBD,gBAAgB,CAAC,CAACD,aAAa,CAAC;IAClC,CAAC;IAED,IAAMG,gBAAgB,GAAG,SAAAA,CAAA,EAAA;MACvBF,gBAAgB,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,OACEG,KAAC,CAAAC,aAAA,CAAAC,2BAAa,EACRC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAX,IAAI;MACRI,aAAa,EAAEA,aAAa;MAC5BE,kBAAkB,EAAEA,kBAAkB;MACtCC,gBAAgB,EAAEA,gBAAgB;;;;;;;MAOlCK,YAAY,EAAE,SAAAA,CAACC,KAAK,EAAA;QAClB,OAAAL,KAAK,CAACM,YAAY,CAACjB,MAAM,EACpBc,cAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAE,KAAK,CACR,EAAA;UAAAE,OAAO,EAAE,SAAAA,CAACC,CAAwC,EAAA;;YAChDH,KAAK,CAACE,OAAO,CAACC,CAAC,CAAC;YAChB,CAAAlB,EAAA,GAAA,CAAAF,EAAA,GAAAC,MAAM,CAACgB,KAAK,EAACE,OAAO,MAAA,IAAA,IAAAjB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAmB,IAAA,CAAArB,EAAA,EAAGoB,CAAC,CAAC;UAC3B,CAAC;UACDE,WAAW,EAAE,SAAAA,CAACF,CAAwC,EAAA;;YACpDH,KAAK,CAACK,WAAW,CAACF,CAAC,CAAC;YACpB,CAAAlB,EAAA,GAAA,CAAAF,EAAA,GAAAC,MAAM,CAACgB,KAAK,EAACK,WAAW,MAAA,IAAA,IAAApB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAmB,IAAA,CAAArB,EAAA,EAAGoB,CAAC,CAAC;UAC9B;QAAA,CACD,CAAA,CAAA;MAAA;IAAA,CAAA,CAAA,CAEJ;EAEN,CAAC;EAEDrB,IAAI,CAACwB,WAAW,GAAG,MAAM;EAAA,OA5CZxB,IAAI;AAAA;"}

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactPopper = require('react-popper');
+var MenuDropdown_module = require('./MenuDropdown.module.scss.cjs');
+const MenuDropdown = /*#__PURE__*/function () {
+  const MenuDropdown = function (_a) {
+    var children = _a.children,
+      referenceElement = _a.referenceElement,
+      id = _a.id,
+      hideMenuDropdown = _a.hideMenuDropdown,
+      _b = _a.autoHide,
+      autoHide = _b === void 0 ? "on" : _b,
+      _c = _a.align,
+      align = _c === void 0 ? "left" : _c,
+      _d = _a.width,
+      width = _d === void 0 ? "default" : _d;
+    var _e = React.useState(null),
+      popperElement = _e[0],
+      setPopperElement = _e[1];
+    var _f = reactPopper.usePopper(referenceElement, popperElement, {
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 6]
+          }
+        }, {
+          name: "preventOverflow",
+          options: {
+            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.
+            padding: 8
+          }
+        }],
+        placement: align === "left" ? "bottom-start" : "bottom-end"
+      }),
+      popperStyles = _f.styles,
+      attributes = _f.attributes;
+    // This callback handler will not run when autoHide === "off"
+    var handleDocumentClickForAutoHide = React.useCallback(function (e) {
+      if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(e.target))) {
+        hideMenuDropdown();
+      }
+    }, [popperElement, referenceElement, hideMenuDropdown]);
+    var handleDocumentResize = React.useCallback(function () {
+      hideMenuDropdown();
+    }, [hideMenuDropdown]);
+    var handleRootClick = function () {
+      if (autoHide === "on") {
+        // ie. is not equal to "off" | "outside-click-only"
+        hideMenuDropdown();
+      }
+    };
+    React.useEffect(function () {
+      window.addEventListener("resize", handleDocumentResize, false);
+      return function () {
+        window.removeEventListener("resize", handleDocumentResize, false);
+      };
+    }, [handleDocumentResize]);
+    React.useEffect(function () {
+      if (autoHide !== "off") {
+        document.addEventListener("click", handleDocumentClickForAutoHide, true);
+      }
+      return function () {
+        if (autoHide !== "off") {
+          document.removeEventListener("click", handleDocumentClickForAutoHide, true);
+        }
+      };
+    }, [autoHide, handleDocumentClickForAutoHide]);
+    return (
+      // Disabling these because we don't want this to be keyboard focusable.
+      // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      React.createElement("div", tslib.__assign({
+        id: id,
+        ref: setPopperElement
+      }, attributes.popper, {
+        style: popperStyles.popper,
+        className: classnames(MenuDropdown_module.menuContainer, width == "default" && MenuDropdown_module.defaultWidth),
+        onClick: handleRootClick
+      }), children)
+    );
+  };
+  MenuDropdown.displayName = "MenuDropdown";
+  return MenuDropdown;
+}();
+exports.MenuDropdown = MenuDropdown;
+//# sourceMappingURL=MenuDropdown.cjs.map

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropdown.cjs","sources":["../../../../../src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport styles from \"./MenuDropdown.module.scss\"\n\nexport type MenuDropdownProps = {\n  id?: string\n  hideMenuDropdown: () => void\n  position?: {\n    top: number\n    bottom: number\n    left: number\n    right: number\n  } | null\n  align?: \"left\" | \"right\"\n  width?: \"default\" | \"contain\"\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n}\n\nexport const MenuDropdown = ({\n  children,\n  referenceElement,\n  id,\n  hideMenuDropdown,\n  autoHide = \"on\",\n  align = \"left\",\n  width = \"default\",\n}: MenuDropdownProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 6], // value used from the $spacing-xs scss variable,\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.\n            padding: 8,\n          },\n        },\n      ],\n      placement: align === \"left\" ? \"bottom-start\" : \"bottom-end\",\n    }\n  )\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        popperElement &&\n        e.target instanceof Node &&\n        !popperElement.contains(e.target) &&\n        referenceElement !== e.target &&\n        !referenceElement?.contains(e.target)\n      ) {\n        hideMenuDropdown()\n      }\n    },\n    [popperElement, referenceElement, hideMenuDropdown]\n  )\n\n  const handleDocumentResize = useCallback(() => {\n    hideMenuDropdown()\n  }, [hideMenuDropdown])\n\n  const handleRootClick = (): void => {\n    if (autoHide === \"on\") {\n      // ie. is not equal to \"off\" | \"outside-click-only\"\n      hideMenuDropdown()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", handleDocumentResize, false)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleDocumentResize, false)\n    }\n  }, [handleDocumentResize])\n\n  useEffect(() => {\n    if (autoHide !== \"off\") {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide !== \"off\") {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    // Disabling these because we don't want this to be keyboard focusable.\n    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={id}\n      ref={setPopperElement}\n      {...attributes.popper}\n      style={popperStyles.popper}\n      className={classnames(\n        styles.menuContainer,\n        width == \"default\" && styles.defaultWidth\n      )}\n      onClick={handleRootClick}\n    >\n      {children}\n    </div>\n  )\n}\n\nMenuDropdown.displayName = \"MenuDropdown\"\n"],"names":["MenuDropdown","_a","children","referenceElement","id","hideMenuDropdown","_b","autoHide","_c","align","_d","width","_e","useState","popperElement","setPopperElement","_f","usePopper","modifiers","name","options","offset","padding","placement","popperStyles","styles","attributes","handleDocumentClickForAutoHide","useCallback","e","target","Node","contains","handleDocumentResize","handleRootClick","useEffect","window","addEventListener","removeEventListener","document","React","createElement","__assign","ref","popper","style","className","classnames","menuContainer","defaultWidth","onClick","displayName"],"mappings":"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"}

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "menuContainer": "MenuDropdown-module_menuContainer__kRPv-",
+  "defaultWidth": "MenuDropdown-module_defaultWidth__-k0La"
+};
+module.exports = styles;
+//# sourceMappingURL=MenuDropdown.module.scss.cjs.map

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss.cjs.map

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

package/dist/cjs/Menu/subcomponents/MenuHeading/MenuHeading.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Heading = require('../../../Heading/Heading.cjs');
+var MenuHeading_module = require('./MenuHeading.module.scss.cjs');
+const MenuHeading = /*#__PURE__*/function () {
+  const MenuHeading = function (_a) {
+    var id = _a.id,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["id", "classNameOverride"]);
+    return React.createElement(Heading.Heading, tslib.__assign({
+      id: id,
+      variant: "heading-6",
+      tag: "span",
+      classNameOverride: classnames(MenuHeading_module.heading, classNameOverride)
+    }, restProps));
+  };
+  MenuHeading.displayName = "MenuHeading";
+  return MenuHeading;
+}();
+exports.MenuHeading = MenuHeading;
+//# sourceMappingURL=MenuHeading.cjs.map

package/dist/cjs/Menu/subcomponents/MenuHeading/MenuHeading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHeading.cjs","sources":["../../../../../src/Menu/subcomponents/MenuHeading/MenuHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Heading, HeadingProps } from \"~components/Heading\"\nimport styles from \"./MenuHeading.module.scss\"\n\nexport type MenuHeadingProps = {\n  children: React.ReactNode\n} & Partial<HeadingProps>\n\nexport const MenuHeading = ({\n  id,\n  classNameOverride,\n  ...restProps\n}: MenuHeadingProps): JSX.Element => (\n  <Heading\n    id={id}\n    variant=\"heading-6\"\n    tag=\"span\"\n    classNameOverride={classnames(styles.heading, classNameOverride)}\n    {...restProps}\n  />\n)\n\nMenuHeading.displayName = \"MenuHeading\"\n"],"names":["MenuHeading","_a","id","classNameOverride","restProps","__rest","React","createElement","Heading","__assign","variant","tag","classnames","styles","heading","displayName"],"mappings":";;;;;;;MASaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,EAAE,QAAA;MACFC,iBAAiB,uBAAA;MACdC,SAAS,GAHcC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,IAAA,EAAA,mBAAA,CAI3B,CADa;IACuB,OACnCK,KAAA,CAAAC,aAAA,CAACC,eAAO,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MACNP,EAAE,EAAEA,EAAE;MACNQ,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVR,iBAAiB,EAAES,UAAU,CAACC,kBAAM,CAACC,OAAO,EAAEX,iBAAiB;IAAC,CAAA,EAC5DC,SAAS,CAAA,CACb;GACH;EAEDJ,WAAW,CAACe,WAAW,GAAG,aAAa;EAAA,OAd1Bf,WAAW;AAAA;"}