@kaizen/components 1.27.0 → 1.29.0

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ModalContext } from '../../context/ModalContext.mjs';
+import styles from './ModalAccessibleDescription.module.scss.mjs';
+const ModalAccessibleDescription = /*#__PURE__*/function () {
+  const ModalAccessibleDescription = function (_a) {
+    var children = _a.children;
+    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
+      var describedByID = _a.describedByID;
+      return /*#__PURE__*/React.createElement("div", {
+        id: describedByID,
+        className: styles.modalDescription
+      }, children);
+    });
+  };
+  ModalAccessibleDescription.displayName = "ModalAccessibleDescription";
+  return ModalAccessibleDescription;
+}();
+export { ModalAccessibleDescription };
+//# sourceMappingURL=ModalAccessibleDescription.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAccessibleDescription.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { ModalContext } from \"../../context/ModalContext\"\nimport styles from \"./ModalAccessibleDescription.module.scss\"\n\nexport type ModalAccessibleDescriptionProps = {\n  children: React.ReactNode\n}\n\nexport const ModalAccessibleDescription = ({\n  children,\n}: ModalAccessibleDescriptionProps): JSX.Element => (\n  <ModalContext.Consumer>\n    {({ describedByID }): JSX.Element => (\n      <div id={describedByID} className={styles.modalDescription}>\n        {children}\n      </div>\n    )}\n  </ModalContext.Consumer>\n)\n\nModalAccessibleDescription.displayName = \"ModalAccessibleDescription\"\n"],"names":["ModalAccessibleDescription","_a","children","React","createElement","ModalContext","Consumer","describedByID","id","className","styles","modalDescription","displayName"],"mappings":";;;MAQaA,0BAA0B;EAAA,MAA1BA,0BAA0B,GAAG,SAAAA,CAACC,EAET,EAAA;IADhC,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IAC0C,oBAClDC,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAACC,QAAQ,EAAA,IAAA,EACnB,UAACL,EAAiB,EAAA;MAAf,IAAAM,aAAa,GAAAN,EAAA,CAAAM,aAAA;MAAoB,oBACnCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKI,EAAE,EAAED,aAAa;QAAEE,SAAS,EAAEC,MAAM,CAACC;MACvC,CAAA,EAAAT,QAAQ,CACL;IAH6B,CAIpC,CACqB;EAP0B,CAQnD;EAEDF,0BAA0B,CAACY,WAAW,GAAG,4BAA4B;EAAA,OAZxDZ,0BAA0B;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "modalDescription": "ModalAccessibleDescription-module_modalDescription__gq-Mn"
+};
+export { styles as default };
+//# sourceMappingURL=ModalAccessibleDescription.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.mjs.map

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

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs

@@ -0,0 +1,23 @@
+import React from 'react';
+import classnames from 'classnames';
+import { ModalContext } from '../../context/ModalContext.mjs';
+import styles from './ModalAccessibleLabel.module.scss.mjs';
+const ModalAccessibleLabel = /*#__PURE__*/function () {
+  const ModalAccessibleLabel = function (_a) {
+    var children = _a.children,
+      _b = _a.isProminent,
+      isProminent = _b === void 0 ? false : _b;
+    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
+      var labelledByID = _a.labelledByID;
+      return /*#__PURE__*/React.createElement("div", {
+        id: labelledByID,
+        tabIndex: -1,
+        className: classnames(styles.modalLabel, isProminent && styles.prominent)
+      }, children);
+    });
+  };
+  ModalAccessibleLabel.displayName = "ModalAccessibleLabel";
+  return ModalAccessibleLabel;
+}();
+export { ModalAccessibleLabel };
+//# sourceMappingURL=ModalAccessibleLabel.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAccessibleLabel.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ModalContext } from \"../../context/ModalContext\"\nimport styles from \"./ModalAccessibleLabel.module.scss\"\n\nexport type ModalAccessibleLabelProps = {\n  children: React.ReactNode\n  isProminent?: boolean\n}\n\nexport const ModalAccessibleLabel = ({\n  children,\n  isProminent = false,\n}: ModalAccessibleLabelProps): JSX.Element => (\n  <ModalContext.Consumer>\n    {({ labelledByID }): JSX.Element => (\n      <div\n        id={labelledByID}\n        tabIndex={-1}\n        className={classnames(\n          styles.modalLabel,\n          isProminent && styles.prominent\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </ModalContext.Consumer>\n)\n\nModalAccessibleLabel.displayName = \"ModalAccessibleLabel\"\n"],"names":["ModalAccessibleLabel","_a","children","_b","isProminent","React","createElement","ModalContext","Consumer","labelledByID","id","tabIndex","className","classnames","styles","modalLabel","prominent","displayName"],"mappings":";;;;MAUaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAGT,EAAA;IAF1B,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,WAAmB;MAAnBA,WAAW,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACyB,oBAC5CE,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAACC,QAAQ,EAAA,IAAA,EACnB,UAACP,EAAgB,EAAA;MAAd,IAAAQ,YAAY,GAAAR,EAAA,CAAAQ,YAAA;MAAoB,oBAClCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QACEI,EAAE,EAAED,YAAY;QAChBE,QAAQ,EAAE,CAAC,CAAC;QACZC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,UAAU,EACjBX,WAAW,IAAIU,MAAM,CAACE,SAAS;MAChC,CAAA,EAEAd,QAAQ,CACL;IAV4B,CAWnC,CACqB;EAdoB,CAe7C;EAEDF,oBAAoB,CAACiB,WAAW,GAAG,sBAAsB;EAAA,OApB5CjB,oBAAoB;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "modalLabel": "ModalAccessibleLabel-module_modalLabel__CQAIs",
+  "prominent": "ModalAccessibleLabel-module_prominent__WEPnY"
+};
+export { styles as default };
+//# sourceMappingURL=ModalAccessibleLabel.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.mjs.map

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

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs

@@ -0,0 +1,17 @@
+import React from 'react';
+import classnames from 'classnames';
+import styles from './ModalBody.module.scss.mjs';
+const ModalBody = /*#__PURE__*/function () {
+  const ModalBody = function (_a) {
+    var _b = _a.inputEdit,
+      inputEdit = _b === void 0 ? false : _b,
+      children = _a.children;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(inputEdit && styles.inputEdit)
+    }, children);
+  };
+  ModalBody.displayName = "ModalBody";
+  return ModalBody;
+}();
+export { ModalBody };
+//# sourceMappingURL=ModalBody.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./ModalBody.module.scss\"\n\nexport type ModalBodyProps = {\n  inputEdit?: boolean\n  children: React.ReactNode\n}\n\nexport const ModalBody = ({\n  inputEdit = false,\n  children,\n}: ModalBodyProps): JSX.Element => (\n  <div className={classnames(inputEdit && styles.inputEdit)}>{children}</div>\n)\n\nModalBody.displayName = \"ModalBody\"\n"],"names":["ModalBody","_a","_b","inputEdit","children","React","createElement","className","classnames","styles","displayName"],"mappings":";;;MASaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFf,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAiB;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACyB,oBACjCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,UAAU,CAACL,SAAS,IAAIM,MAAM,CAACN,SAAS;IAAI,CAAA,EAAAC,QAAQ,CAAO;EAD1C,CAElC;EAEDJ,SAAS,CAACU,WAAW,GAAG,WAAW;EAAA,OAPtBV,SAAS;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs

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

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs.map

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

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../../Button/Button/Button.mjs';
+import '../../../../Button/IconButton/IconButton.mjs';
+import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
+import { ModalBody } from '../ModalBody/ModalBody.mjs';
+import styles from './ModalFooter.module.scss.mjs';
+const ModalFooter = /*#__PURE__*/function () {
+  const ModalFooter = function (_a) {
+    var unpadded = _a.unpadded,
+      actions = _a.actions,
+      _b = _a.appearance,
+      appearance = _b === void 0 ? "primary" : _b,
+      alignStart = _a.alignStart,
+      variant = _a.variant,
+      props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+    var queries = useMediaQueries().queries;
+    return /*#__PURE__*/React.createElement(ModalBody, {
+      inputEdit: variant === "inputEdit"
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.actions, !unpadded && styles.padded, variant === "context" && styles.informationPadded, alignStart && styles.actionsAlignStart)
+    }, props), actions.map(function (action, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.actionButton,
+        key: index
+      }, /*#__PURE__*/React.createElement(Button, __assign({
+        type: "button",
+        primary: index === 0 && appearance === "primary",
+        destructive: index === 0 && appearance === "destructive",
+        secondary: index > 0,
+        fullWidth: queries.isSmall
+      }, action)));
+    })));
+  };
+  ModalFooter.displayName = "ModalFooter";
+  return ModalFooter;
+}();
+export { ModalFooter };
+//# sourceMappingURL=ModalFooter.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { ModalBody } from \"../ModalBody/ModalBody\"\nimport styles from \"./ModalFooter.module.scss\"\n\ntype ActionsVariantProps = \"context\" | \"inputEdit\"\n\nexport type ModalFooterProps = {\n  /**\n   * We have a special case for the InformationModal when it has an image.\n   * Since this modal may have an image on the right side the actions might look disconected from the content.\n   * So for this instance we need to flip the order of the actions so that the primary\n   * action is anchored to the left edge of the modal.\n   * For this rare instance added the variant prop as optional to update the order of action buttons.\n   */\n  variant?: ActionsVariantProps\n  unpadded?: boolean\n  actions: ButtonProps[]\n  appearance?: \"primary\" | \"destructive\"\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  alignStart?: boolean\n} & HTMLAttributes<HTMLDivElement>\n\nexport const ModalFooter = ({\n  unpadded,\n  actions,\n  appearance = \"primary\",\n  alignStart,\n  variant,\n  ...props\n}: ModalFooterProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <ModalBody inputEdit={variant === \"inputEdit\"}>\n      <div\n        className={classnames(\n          styles.actions,\n          !unpadded && styles.padded,\n          variant === \"context\" && styles.informationPadded,\n          alignStart && styles.actionsAlignStart\n        )}\n        {...props}\n      >\n        {actions.map((action, index) => (\n          <div className={styles.actionButton} key={index}>\n            <Button\n              type=\"button\"\n              primary={index === 0 && appearance === \"primary\"}\n              destructive={index === 0 && appearance === \"destructive\"}\n              secondary={index > 0}\n              fullWidth={queries.isSmall}\n              {...action}\n            />\n          </div>\n        ))}\n      </div>\n    </ModalBody>\n  )\n}\n\nModalFooter.displayName = \"ModalFooter\"\n"],"names":["ModalFooter","_a","unpadded","actions","_b","appearance","alignStart","variant","props","__rest","queries","useMediaQueries","React","ModalBody","inputEdit","createElement","__assign","className","classnames","styles","padded","informationPadded","actionsAlignStart","map","action","index","actionButton","key","Button","type","primary","destructive","secondary","fullWidth","isSmall","displayName"],"mappings":";;;;;;;;MA4BaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAOT,EAAA;IANjB,IAAAC,QAAQ,cAAA;MACRC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAsB;MAAtBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACtBE,UAAU,gBAAA;MACVC,OAAO,aAAA;MACJC,KAAK,GANkBC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,CAO3B,CADS;IAEA,IAAAS,OAAO,GAAKC,eAAe,CAAE,CAAA,QAAtB;IAEf,oBACEC,oBAACC,SAAS,EAAA;MAACC,SAAS,EAAEP,OAAO,KAAK;IAAW,CAAA,eAC3CK,KACE,CAAAG,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAAChB,OAAO,EACd,CAACD,QAAQ,IAAIiB,MAAM,CAACC,MAAM,EAC1Bb,OAAO,KAAK,SAAS,IAAIY,MAAM,CAACE,iBAAiB,EACjDf,UAAU,IAAIa,MAAM,CAACG,iBAAiB;IACvC,CACG,EAAAd,KAAK,CAER,EAAAL,OAAO,CAACoB,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;MAAK,oBAC9Bb,KAAK,CAAAG,aAAA,CAAA,KAAA,EAAA;QAAAE,SAAS,EAAEE,MAAM,CAACO,YAAY;QAAEC,GAAG,EAAEF;MAAK,CAAA,eAC7Cb,KAAC,CAAAG,aAAA,CAAAa,MAAM;QACLC,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAEL,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,SAAS;QAChD0B,WAAW,EAAEN,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,aAAa;QACxD2B,SAAS,EAAEP,KAAK,GAAG,CAAC;QACpBQ,SAAS,EAAEvB,OAAO,CAACwB;MAAO,GACtBV,MAAM,CAAA,CACV,CACE;IACP,CAAA,CAAC,CACE,CACI;EAEhB,CAAC;EAEDxB,WAAW,CAACmC,WAAW,GAAG,aAAa;EAAA,OAtC1BnC,WAAW;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs

@@ -0,0 +1,15 @@
+var styles = {
+  "actions": "ModalFooter-module_actions__q2PiD",
+  "actionsAlignStart": "ModalFooter-module_actionsAlignStart__4wZ75",
+  "padded": "ModalFooter-module_padded__9PLtz",
+  "actionButton": "ModalFooter-module_actionButton__YD4vG",
+  "footerWrap": "ModalFooter-module_footerWrap__IEAMY",
+  "center": "ModalFooter-module_center__w232S",
+  "border": "ModalFooter-module_border__jj-Zy",
+  "start": "ModalFooter-module_start__0GJno",
+  "end": "ModalFooter-module_end__KuUbk",
+  "fixed": "ModalFooter-module_fixed__mV5fZ",
+  "filler": "ModalFooter-module_filler__kElGb"
+};
+export { styles as default };
+//# sourceMappingURL=ModalFooter.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs.map

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

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -0,0 +1,31 @@
+import React from 'react';
+import '../../../../Button/Button/Button.mjs';
+import { IconButton } from '../../../../Button/IconButton/IconButton.mjs';
+import 'tslib';
+import 'uuid';
+import '../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { CloseIcon } from '../../../../Icon/CloseIcon.mjs';
+import { ModalBody } from '../ModalBody/ModalBody.mjs';
+import styles from './ModalHeader.module.scss.mjs';
+const ModalHeader = /*#__PURE__*/function () {
+  const ModalHeader = function (_a) {
+    var reversed = _a.reversed,
+      onDismiss = _a.onDismiss,
+      children = _a.children;
+    return /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.dismissButton
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      label: "Dismiss",
+      icon: /*#__PURE__*/React.createElement(CloseIcon, {
+        role: "presentation"
+      }),
+      reversed: reversed,
+      onClick: onDismiss,
+      disabled: onDismiss == undefined
+    })), children);
+  };
+  ModalHeader.displayName = "ModalHeader";
+  return ModalHeader;
+}();
+export { ModalHeader };
+//# sourceMappingURL=ModalHeader.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconButton } from \"~components/Button\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { ModalBody } from \"../ModalBody\"\nimport styles from \"./ModalHeader.module.scss\"\n\nexport type ModalHeaderProps = {\n  unpadded?: boolean\n  reversed?: boolean\n  onDismiss?: (evt: React.MouseEvent) => void\n  children: React.ReactNode\n}\n\nexport const ModalHeader = ({\n  reversed,\n  onDismiss,\n  children,\n}: ModalHeaderProps): JSX.Element => (\n  <ModalBody>\n    <div className={styles.dismissButton}>\n      <IconButton\n        label=\"Dismiss\"\n        icon={<CloseIcon role=\"presentation\" />}\n        reversed={reversed}\n        onClick={onDismiss}\n        disabled={onDismiss == undefined}\n      />\n    </div>\n    {children}\n  </ModalBody>\n)\n\nModalHeader.displayName = \"ModalHeader\"\n"],"names":["ModalHeader","_a","reversed","onDismiss","children","React","ModalBody","createElement","className","styles","dismissButton","IconButton","label","icon","CloseIcon","role","onClick","disabled","undefined","displayName"],"mappings":";;;;;;;;;MAaaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IAC2B,oBACnCC,oBAACC,SAAS,EAAA,IAAA,eACRD,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,MAAM,CAACC;IAAa,CAAA,eAClCL,KAAA,CAAAE,aAAA,CAACI,UAAU,EAAA;MACTC,KAAK,EAAC,SAAS;MACfC,IAAI,eAAER,KAAC,CAAAE,aAAA,CAAAO,SAAS,EAAC;QAAAC,IAAI,EAAC;MAAc,CAAA,CAAG;MACvCb,QAAQ,EAAEA,QAAQ;MAClBc,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEd,SAAS,IAAIe;IAAS,EAChC,CACE,EACLd,QAAQ,CACC;EAZuB,CAapC;EAEDJ,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl",
+  "layout": "ModalHeader-module_layout__K8x4O",
+  "fixed": "ModalHeader-module_fixed__JEeic",
+  "filler": "ModalHeader-module_filler__w1MCN"
+};
+export { styles as default };
+//# sourceMappingURL=ModalHeader.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs.map

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

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs

@@ -0,0 +1,84 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '@kaizen/typography';
+import { GenericModal } from '../GenericModal/GenericModal.mjs';
+import '../GenericModal/context/ModalContext.mjs';
+import '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import styles from './InputEditModal.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+const InputEditModal = /*#__PURE__*/function () {
+  const InputEditModal = function (_a) {
+    var isOpen = _a.isOpen,
+      mood = _a.mood,
+      title = _a.title,
+      onSubmit = _a.onSubmit,
+      onSecondaryAction = _a.onSecondaryAction,
+      onAfterLeave = _a.onAfterLeave,
+      _b = _a.localeDirection,
+      localeDirection = _b === void 0 ? "ltr" : _b,
+      _c = _a.submitLabel,
+      submitLabel = _c === void 0 ? "Submit" : _c,
+      _d = _a.dismissLabel,
+      dismissLabel = _d === void 0 ? "Cancel" : _d,
+      secondaryLabel = _a.secondaryLabel,
+      submitWorking = _a.submitWorking,
+      children = _a.children,
+      _e = _a.unpadded,
+      unpadded = _e === void 0 ? false : _e,
+      propsOnDismiss = _a.onDismiss,
+      props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
+    var onDismiss = submitWorking ? undefined : propsOnDismiss;
+    var submitAction = {
+      label: submitLabel,
+      onClick: onSubmit
+    };
+    var workingProps = submitWorking ? {
+      working: true,
+      workingLabel: submitWorking.label,
+      workingLabelHidden: submitWorking.labelHidden
+    } : {};
+    var showSecondary = onSecondaryAction && secondaryLabel;
+    var footerActions = [__assign(__assign({}, submitAction), workingProps), {
+      label: showSecondary ? secondaryLabel : dismissLabel,
+      onClick: showSecondary ? onSecondaryAction : onDismiss,
+      disabled: !!submitWorking
+    }];
+    return /*#__PURE__*/React.createElement(GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.modal,
+      dir: localeDirection,
+      "data-modal": true
+    }, props), /*#__PURE__*/React.createElement(ModalHeader, {
+      onDismiss: onDismiss
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, localeDirection === "rtl" && styles.textAlignRTL, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.body, !unpadded && styles.padded),
+      dir: localeDirection
+    }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "destructive" ? "destructive" : "primary",
+      variant: "inputEdit",
+      unpadded: unpadded
+    })));
+  };
+  InputEditModal.displayName = "InputEditModal";
+  return InputEditModal;
+}();
+export { InputEditModal };
+//# sourceMappingURL=InputEditModal.mjs.map

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditModal.mjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs

@@ -0,0 +1,24 @@
+var styles = {
+  "defaultModalWidth": "InputEditModal-module_defaultModalWidth__My9Eh",
+  "backdropLayer": "InputEditModal-module_backdropLayer__aVLSb",
+  "scrollLayer": "InputEditModal-module_scrollLayer__isygg",
+  "modalLayer": "InputEditModal-module_modalLayer__r5vqj",
+  "modal": "InputEditModal-module_modal__SbQqp",
+  "animatingEnter": "InputEditModal-module_animatingEnter__qZgX2",
+  "fade-0-to-0-5": "InputEditModal-module_fade-0-to-0-5__ywvjR",
+  "custom-1": "InputEditModal-module_custom-1__wSZX6",
+  "animatingLeave": "InputEditModal-module_animatingLeave__S2HGz",
+  "fade-0-5-to-0": "InputEditModal-module_fade-0-5-to-0__s2WmG",
+  "custom-3": "InputEditModal-module_custom-3__T3riv",
+  "unscrollable": "InputEditModal-module_unscrollable__GN1M2",
+  "pseudoScrollbar": "InputEditModal-module_pseudoScrollbar__WCHmn",
+  "hide": "InputEditModal-module_hide__N88RW",
+  "custom-5": "InputEditModal-module_custom-5__trORr",
+  "custom-7": "InputEditModal-module_custom-7__-98CZ",
+  "header": "InputEditModal-module_header__nivTf",
+  "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
+  "padded": "InputEditModal-module_padded__ZdEIS",
+  "body": "InputEditModal-module_body__LyxBE"
+};
+export { styles as default };
+//# sourceMappingURL=InputEditModal.module.scss.mjs.map

package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs.map

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

package/dist/esm/Modal/util/console.mjs

@@ -0,0 +1,14 @@
+var yellow = "\u001b[33m ";
+var reset = "\u001b[0m ";
+/**
+ * @deprecated Do not use ever again
+ */
+var warn = function (message) {
+  // eslint-disable-next-line no-console
+  console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
+};
+var singleLine = function (message) {
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+};
+export { singleLine, warn };
+//# sourceMappingURL=console.mjs.map

package/dist/esm/Modal/util/console.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.mjs","sources":["../../../../src/Modal/util/console.ts"],"sourcesContent":["const yellow = \"\\u001b[33m \"\nconst reset = \"\\u001b[0m \"\n\n/**\n * @deprecated Do not use ever again\n */\nexport const warn = (message: string): void => {\n  // eslint-disable-next-line no-console\n  console.warn(\n    `${yellow}\\nCULTUREAMP UI WARNING:\\n${singleLine(message)}${reset}\\n`\n  )\n}\n\nexport const singleLine = (message: string): string =>\n  message.replace(/^ +/gm, \" \").replace(/\\n|\\r/gm, \"\").trim()\n"],"names":["yellow","reset","warn","message","console","concat","singleLine","replace","trim"],"mappings":"AAAA,IAAMA,MAAM,GAAG,aAAa;AAC5B,IAAMC,KAAK,GAAG,YAAY;AAE1B;;AAEG;AACI,IAAMC,IAAI,GAAG,SAAAA,CAACC,OAAe,EAAA;;EAElCC,OAAO,CAACF,IAAI,CACV,EAAA,CAAAG,MAAA,CAAGL,MAAM,EAA6B,4BAAA,CAAA,CAAAK,MAAA,CAAAC,UAAU,CAACH,OAAO,CAAC,CAAA,CAAAE,MAAA,CAAGJ,KAAK,EAAA,IAAA,CAAI,CACtE;AACH,CAAC;AAEM,IAAMK,UAAU,GAAG,SAAAA,CAACH,OAAe,EAAA;EACxC,OAAAA,OAAO,CAACI,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAACC,IAAI,EAAE;AAA3D,CAAA;"}

package/dist/esm/Pagination/Pagination.mjs

@@ -0,0 +1,114 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { DirectionalLink } from './subcomponents/DirectionalLink/DirectionalLink.mjs';
+import { PaginationLink } from './subcomponents/PaginationLink/PaginationLink.mjs';
+import { TruncateIndicator } from './subcomponents/TruncateIndicator/TruncateIndicator.mjs';
+import { createRange } from './utils/createRange.mjs';
+import styles from './Pagination.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
+ */
+var Pagination = function (_a) {
+  var _b = _a.currentPage,
+    currentPage = _b === void 0 ? 1 : _b,
+    pageCount = _a.pageCount,
+    ariaLabelNextPage = _a.ariaLabelNextPage,
+    ariaLabelPreviousPage = _a.ariaLabelPreviousPage,
+    ariaLabelPage = _a.ariaLabelPage,
+    onPageChange = _a.onPageChange,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["currentPage", "pageCount", "ariaLabelNextPage", "ariaLabelPreviousPage", "ariaLabelPage", "onPageChange", "classNameOverride"]);
+  // Click event for all pagination buttons (next, prev, and the actual numbers)
+  var handleButtonClick = function (newPage) {
+    if (newPage === "prev") {
+      onPageChange(currentPage - 1);
+      return;
+    }
+    if (newPage === "next") {
+      onPageChange(currentPage + 1);
+      return;
+    }
+    onPageChange(newPage);
+  };
+  var paginationIndicator = function (page) {
+    return /*#__PURE__*/React.createElement(PaginationLink, {
+      key: page,
+      pageNumber: page,
+      isActive: currentPage === page,
+      "aria-label": "".concat(ariaLabelPage, " ").concat(page),
+      onClick: function () {
+        return handleButtonClick(page);
+      }
+    });
+  };
+  var pagination = function () {
+    var items = [];
+    var boundaryPagesRange = 1;
+    var siblingPagesRange = 1;
+    // truncateSize is 1 now but could be 0 if we add the ability to hide it.
+    var truncateSize = 1;
+    var showAllPages = 1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >= pageCount;
+    // Simplify generation of pages if number of available items is equal or greater than total pages to show
+    if (showAllPages) {
+      return createRange(1, pageCount).map(paginationIndicator);
+    } else {
+      // Calculate group of first pages
+      var firstPagesStart = 1;
+      var firstPagesEnd = boundaryPagesRange;
+      var firstPages = createRange(firstPagesStart, firstPagesEnd).map(paginationIndicator);
+      // Calculate group of last pages
+      var lastPagesStart = pageCount + 1 - boundaryPagesRange;
+      var lastPagesEnd = pageCount;
+      var lastPages = createRange(lastPagesStart, lastPagesEnd).map(paginationIndicator);
+      // Calculate group of main pages
+      var mainPagesStart = Math.min(Math.max(currentPage - siblingPagesRange, firstPagesEnd + truncateSize + 1), lastPagesStart - truncateSize - 2 * siblingPagesRange - 1);
+      var mainPagesEnd = mainPagesStart + 2 * siblingPagesRange;
+      var mainPages = createRange(mainPagesStart, mainPagesEnd).map(paginationIndicator);
+      // Add group of first pages
+      items.push.apply(items, firstPages);
+      // Calculate and add truncate before group of main pages
+      var firstEllipsisPageNumber = mainPagesStart - 1;
+      var showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === firstPagesEnd + 1;
+      items.push(showPageInsteadOfFirstEllipsis ? paginationIndicator(firstEllipsisPageNumber) : /*#__PURE__*/React.createElement(TruncateIndicator, {
+        key: firstEllipsisPageNumber
+      }));
+      // Add group of main pages
+      items.push.apply(items, mainPages);
+      // Calculate and add truncate after group of main pages
+      var secondEllipsisPageNumber = mainPagesEnd + 1;
+      var showPageInsteadOfSecondEllipsis = secondEllipsisPageNumber === lastPagesStart - 1;
+      items.push(showPageInsteadOfSecondEllipsis ? paginationIndicator(secondEllipsisPageNumber) : /*#__PURE__*/React.createElement(TruncateIndicator, {
+        key: secondEllipsisPageNumber
+      }));
+      // Add group of last pages
+      items.push.apply(items, lastPages);
+    }
+    return items;
+  };
+  var previousPageDisabled = currentPage <= 1;
+  var nextPageDisabled = currentPage >= pageCount;
+  return /*#__PURE__*/React.createElement("nav", __assign({
+    className: classnames(styles.container, classNameOverride)
+  }, restProps), /*#__PURE__*/React.createElement(DirectionalLink, {
+    label: ariaLabelPreviousPage,
+    direction: "prev",
+    disabled: previousPageDisabled,
+    onClick: function () {
+      return handleButtonClick("prev");
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.pagesIndicatorWrapper
+  }, pagination()), /*#__PURE__*/React.createElement(DirectionalLink, {
+    label: ariaLabelNextPage,
+    direction: "next",
+    disabled: nextPageDisabled,
+    onClick: function () {
+      return handleButtonClick("next");
+    }
+  }));
+};
+export { Pagination };
+//# sourceMappingURL=Pagination.mjs.map

package/dist/esm/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { DirectionalLink } from \"./subcomponents/DirectionalLink\"\nimport { PaginationLink } from \"./subcomponents/PaginationLink\"\nimport { TruncateIndicator } from \"./subcomponents/TruncateIndicator\"\nimport { createRange } from \"./utils/createRange\"\nimport styles from \"./Pagination.module.scss\"\n\nexport type PaginationProps = {\n  currentPage: number\n  pageCount: number\n  ariaLabelNextPage: string\n  ariaLabelPreviousPage: string\n  ariaLabelPage: string\n  onPageChange: (newPage: number) => void\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\ntype PageAction = \"prev\" | \"next\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}\n */\nexport const Pagination = ({\n  currentPage = 1,\n  pageCount,\n  ariaLabelNextPage,\n  ariaLabelPreviousPage,\n  ariaLabelPage,\n  onPageChange,\n  classNameOverride,\n  ...restProps\n}: PaginationProps): JSX.Element => {\n  // Click event for all pagination buttons (next, prev, and the actual numbers)\n  const handleButtonClick = (newPage: number | PageAction): void => {\n    if (newPage === \"prev\") {\n      onPageChange(currentPage - 1)\n      return\n    }\n    if (newPage === \"next\") {\n      onPageChange(currentPage + 1)\n      return\n    }\n    onPageChange(newPage)\n  }\n\n  const paginationIndicator = (page: number): JSX.Element => (\n    <PaginationLink\n      key={page}\n      pageNumber={page}\n      isActive={currentPage === page}\n      aria-label={`${ariaLabelPage} ${page}`}\n      onClick={() => handleButtonClick(page)}\n    />\n  )\n\n  const pagination = (): JSX.Element[] => {\n    const items: JSX.Element[] = []\n\n    const boundaryPagesRange = 1\n    const siblingPagesRange = 1\n\n    // truncateSize is 1 now but could be 0 if we add the ability to hide it.\n    const truncateSize = 1\n\n    const showAllPages =\n      1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >=\n      pageCount\n\n    // Simplify generation of pages if number of available items is equal or greater than total pages to show\n    if (showAllPages) {\n      return createRange(1, pageCount).map(paginationIndicator)\n    } else {\n      // Calculate group of first pages\n      const firstPagesStart = 1\n      const firstPagesEnd = boundaryPagesRange\n      const firstPages = createRange(firstPagesStart, firstPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Calculate group of last pages\n      const lastPagesStart = pageCount + 1 - boundaryPagesRange\n      const lastPagesEnd = pageCount\n      const lastPages = createRange(lastPagesStart, lastPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Calculate group of main pages\n      const mainPagesStart = Math.min(\n        Math.max(\n          currentPage - siblingPagesRange,\n          firstPagesEnd + truncateSize + 1\n        ),\n        lastPagesStart - truncateSize - 2 * siblingPagesRange - 1\n      )\n      const mainPagesEnd = mainPagesStart + 2 * siblingPagesRange\n      const mainPages = createRange(mainPagesStart, mainPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Add group of first pages\n      items.push(...firstPages)\n\n      // Calculate and add truncate before group of main pages\n      const firstEllipsisPageNumber = mainPagesStart - 1\n      const showPageInsteadOfFirstEllipsis =\n        firstEllipsisPageNumber === firstPagesEnd + 1\n      items.push(\n        showPageInsteadOfFirstEllipsis ? (\n          paginationIndicator(firstEllipsisPageNumber)\n        ) : (\n          <TruncateIndicator key={firstEllipsisPageNumber} />\n        )\n      )\n\n      // Add group of main pages\n      items.push(...mainPages)\n\n      // Calculate and add truncate after group of main pages\n      const secondEllipsisPageNumber = mainPagesEnd + 1\n      const showPageInsteadOfSecondEllipsis =\n        secondEllipsisPageNumber === lastPagesStart - 1\n      items.push(\n        showPageInsteadOfSecondEllipsis ? (\n          paginationIndicator(secondEllipsisPageNumber)\n        ) : (\n          <TruncateIndicator key={secondEllipsisPageNumber} />\n        )\n      )\n\n      // Add group of last pages\n      items.push(...lastPages)\n    }\n    return items\n  }\n\n  const previousPageDisabled = currentPage <= 1\n  const nextPageDisabled = currentPage >= pageCount\n\n  return (\n    <nav\n      className={classnames(styles.container, classNameOverride)}\n      {...restProps}\n    >\n      <DirectionalLink\n        label={ariaLabelPreviousPage}\n        direction=\"prev\"\n        disabled={previousPageDisabled}\n        onClick={(): void => handleButtonClick(\"prev\")}\n      />\n\n      <div className={styles.pagesIndicatorWrapper}>{pagination()}</div>\n\n      <DirectionalLink\n        label={ariaLabelNextPage}\n        direction=\"next\"\n        disabled={nextPageDisabled}\n        onClick={(): void => handleButtonClick(\"next\")}\n      />\n    </nav>\n  )\n}\n"],"names":["Pagination","_a","_b","currentPage","pageCount","ariaLabelNextPage","ariaLabelPreviousPage","ariaLabelPage","onPageChange","classNameOverride","restProps","__rest","handleButtonClick","newPage","paginationIndicator","page","React","PaginationLink","key","pageNumber","isActive","concat","onClick","pagination","items","boundaryPagesRange","siblingPagesRange","truncateSize","showAllPages","createRange","map","firstPagesStart","firstPagesEnd","firstPages","lastPagesStart","lastPagesEnd","lastPages","mainPagesStart","Math","min","max","mainPagesEnd","mainPages","push","apply","firstEllipsisPageNumber","showPageInsteadOfFirstEllipsis","createElement","TruncateIndicator","secondEllipsisPageNumber","showPageInsteadOfSecondEllipsis","previousPageDisabled","nextPageDisabled","__assign","className","classnames","styles","container","DirectionalLink","label","direction","disabled","pagesIndicatorWrapper"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+var styles = {
+  "container": "Pagination-module_container__JHnDH",
+  "pagesIndicatorWrapper": "Pagination-module_pagesIndicatorWrapper__taluU",
+  "arrowIconWrapper": "Pagination-module_arrowIconWrapper__RMTET",
+  "pageIndicatorFocusRing": "Pagination-module_pageIndicatorFocusRing__57ku4",
+  "truncateIndicatorWrapper": "Pagination-module_truncateIndicatorWrapper__bwywo"
+};
+export { styles as default };
+//# sourceMappingURL=Pagination.module.scss.mjs.map

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

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

package/dist/esm/{Button → Pagination/subcomponents}/DirectionalLink/DirectionalLink.mjs

@@ -1,12 +1,12 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import 'uuid';
-import '../../Icon/subcomponents/SVG/SVG.mjs';
-import { ArrowBackwardIcon } from '../../Icon/ArrowBackwardIcon.mjs';
-import { ArrowForwardIcon } from '../../Icon/ArrowForwardIcon.mjs';
-import { EndIcon } from '../../Icon/EndIcon.mjs';
-import { StartIcon } from '../../Icon/StartIcon.mjs';
-import { GenericButton } from '../GenericButton/GenericButton.mjs';
+import '../../../Icon/subcomponents/SVG/SVG.mjs';
+import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
+import { ArrowForwardIcon } from '../../../Icon/ArrowForwardIcon.mjs';
+import { EndIcon } from '../../../Icon/EndIcon.mjs';
+import { StartIcon } from '../../../Icon/StartIcon.mjs';
+import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
 var iconMap = {
   prev: /*#__PURE__*/React.createElement(ArrowBackwardIcon, {
     role: "presentation"

package/dist/esm/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionalLink.mjs","sources":["../../../../../src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  ArrowBackwardIcon,\n  ArrowForwardIcon,\n  EndIcon,\n  StartIcon,\n} from \"~components/Icon\"\nimport { GenericButton, GenericProps } from \"../../../Button/GenericButton\"\n\nexport type DirectionalLinkProps = {\n  label: string\n  disabled?: boolean\n  direction: \"prev\" | \"next\" | \"start\" | \"end\"\n} & GenericProps\n\nconst iconMap = {\n  prev: <ArrowBackwardIcon role=\"presentation\" />,\n  next: <ArrowForwardIcon role=\"presentation\" />,\n  start: <StartIcon role=\"presentation\" />,\n  end: <EndIcon role=\"presentation\" />,\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}\n */\nexport const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => (\n  <GenericButton\n    {...props}\n    iconButton\n    directionalLink\n    icon={iconMap[props.direction]}\n  />\n)\n\nDirectionalLink.defaultProps = {\n  reversed: false,\n  disabled: false,\n}\n\nDirectionalLink.displayName = \"DirectionalLink\"\n"],"names":["iconMap","prev","React","createElement","ArrowBackwardIcon","role","next","ArrowForwardIcon","start","StartIcon","end","EndIcon","DirectionalLink","props","GenericButton","__assign","iconButton","directionalLink","icon","direction","defaultProps","reversed","disabled","displayName"],"mappings":";;;;;;;;;AAeA,IAAMA,OAAO,GAAG;EACdC,IAAI,eAAEC,KAAC,CAAAC,aAAA,CAAAC,iBAAiB;IAACC,IAAI,EAAC;GAAiB,CAAA;EAC/CC,IAAI,eAAEJ,KAAC,CAAAC,aAAA,CAAAI,gBAAgB;IAACF,IAAI,EAAC;GAAiB,CAAA;EAC9CG,KAAK,eAAEN,KAAC,CAAAC,aAAA,CAAAM,SAAS;IAACJ,IAAI,EAAC;GAAiB,CAAA;EACxCK,GAAG,eAAER,KAAC,CAAAC,aAAA,CAAAQ,OAAO;IAACN,IAAI,EAAC;GAAiB;CACrC;AAED;;;AAGG;AAHH,MAIaO,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,oBAC3EX,KAAA,CAAAC,aAAA,CAACW,aAAa,EAAAC,QAAA,CAAA,CAAA,CAAA,EACRF,KAAK,EACT;MAAAG,UAAU,EACV,IAAA;MAAAC,eAAe,EACf,IAAA;MAAAC,IAAI,EAAElB,OAAO,CAACa,KAAK,CAACM,SAAS;KAAC,CAAA,CAC9B;EACH,CAAA;EAEDP,eAAe,CAACQ,YAAY,GAAG;IAC7BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB;EAAA,OAdlCX,eAAe;AAAA;"}

package/dist/esm/{Button → Pagination/subcomponents}/PaginationLink/PaginationLink.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
-import { GenericButton } from '../GenericButton/GenericButton.mjs';
+import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |

package/dist/esm/Pagination/subcomponents/PaginationLink/PaginationLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLink.mjs","sources":["../../../../../src/Pagination/subcomponents/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import React from \"react\"\nimport { GenericProps, GenericButton } from \"../../../Button/GenericButton\"\n\nexport type PaginationLinkProps = GenericProps & {\n  pageNumber: number\n  isActive?: boolean\n  /* A description for screen readers to understand because label used here is a number */\n  \"aria-label\": string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}\n */\nexport const PaginationLink = ({\n  pageNumber,\n  ...restProps\n}: PaginationLinkProps): JSX.Element => (\n  <GenericButton {...restProps} paginationLink label={`${pageNumber}`} />\n)\n\nPaginationLink.defaultProps = {\n  reversed: false,\n  isActive: false,\n}\n\nPaginationLink.displayName = \"PaginationLink\"\n"],"names":["PaginationLink","_a","pageNumber","restProps","__rest","React","createElement","GenericButton","__assign","paginationLink","label","concat","defaultProps","reversed","isActive","displayName"],"mappings":";;;;AAUA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACPC,SAAS,GAAAC,MAAA,CAAAH,EAAA,EAFiB,cAG9B,CADa;IAC0B,oBACtCI,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,EAAE;MAAAM,cAAc,EAAC,IAAA;MAAAC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAT,UAAU;IAAE,CAAA,CAAA,CAAI;GACxE;EAEDF,cAAc,CAACY,YAAY,GAAG;IAC5BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;EAAA,OAZhCf,cAAc;AAAA;"}

package/dist/esm/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs

@@ -0,0 +1,16 @@
+import React from 'react';
+import 'tslib';
+import 'uuid';
+import '../../../Icon/subcomponents/SVG/SVG.mjs';
+import { EllipsisIcon } from '../../../Icon/EllipsisIcon.mjs';
+import styles from './TruncateIndicator.module.scss.mjs';
+var TruncateIndicator = function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.truncateIndicatorWrapper,
+    "data-testid": "truncate-indicator"
+  }, /*#__PURE__*/React.createElement(EllipsisIcon, {
+    role: "presentation"
+  }));
+};
+export { TruncateIndicator };
+//# sourceMappingURL=TruncateIndicator.mjs.map