@kaizen/components 0.0.0-canary-richtexttest-20231101005948 → 0.0.0-canary-js-tokens-20231102052541

package/dist/esm/Loading/LoadingParagraph/LoadingParagraph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingParagraph.mjs","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,MAAA,CAAAX,EAAA,EAVmB,kIAWhC,CADa;IAC4B,oBACxCY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,gBAAgB,EACvBT,iBAAiB,EACjBR,UAAU,IAAIgB,MAAM,CAAChB,UAAU,EAC/BC,SAAS,IAAIe,MAAM,CAACE,UAAU,EAC9BhB,UAAU,IAAIc,MAAM,CAACd,UAAU,EAC/BI,MAAM,IAAIU,MAAM,CAACV,MAAM,EACvBC,eAAe,IAAIS,MAAM,CAACT,eAAe,EACzCJ,QAAQ,IAAIa,MAAM,CAACb,QAAQ,EAC3BC,cAAc,IAAIY,MAAM,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/esm/Loading/LoadingSpinner/LoadingSpinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.mjs","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,MAAA,CAAAP,EAAA,EAJqB,mDAK9B,CADS;IAC8B,oBACtCQ,KACqB,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAA,oBAAA,EAAA,iBAAiB;MACpCC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,cAAc,EAAET,iBAAiB,CAAC;MAC/DU,IAAI,EAAC;OACDT,KAAK,CAAA,eAETE,KAAC,CAAAC,aAAA,CAAAO,cAAc,EAAE,IAAA,EAAAd,kBAAkB,CAAkB,EACpDE,IAAI,KAAK,IAAI,gBACZI,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,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,gBAENtB;MACEG,SAAS,EAAEE,MAAM,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/esm/Menu/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","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,MAAA,CAAAL,EAAA,EAHY,yBAIpB,CADQ;IAED,IAAAM,EAAA,GAAoCC,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,oBACEG,KAAC,CAAAC,aAAA,CAAAC,aAAa,EACRC,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,oBAAAL,KAAK,CAACM,YAAY,CAACjB,MAAM,EACpBc,QAAA,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/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropdown.mjs","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":";;;;;MAqBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPlB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;MAChBC,EAAE,GAAAH,EAAA,CAAAG,EAAA;MACFC,gBAAgB,GAAAJ,EAAA,CAAAI,gBAAA;MAChBC,EAAA,GAAAL,EAAA,CAAAM,QAAe;MAAfA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;MACfE,EAAA,GAAAP,EAAA,CAAAQ,KAAc;MAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;MACdE,EAAiB,GAAAT,EAAA,CAAAU,KAAA;MAAjBA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;IAEX,IAAAE,EAAA,GAAoCC,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IACK,IAAAI,KAAuCC,SAAS,CACpDd,gBAAgB,EAChBW,aAAa,EACb;QACEI,SAAS,EAAE,CACT;UACEC,IAAI,EAAE,QAAQ;UACdC,OAAO,EAAE;YACPC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;UACd;QACF,CAAA,EACD;UACEF,IAAI,EAAE,iBAAiB;UACvBC,OAAO,EAAE;;YAEPE,OAAO,EAAE;UACV;QACF,CAAA,CACF;QACDC,SAAS,EAAEd,KAAK,KAAK,MAAM,GAAG,cAAc,GAAG;MAChD,CAAA,CACF;MArBee,YAAY,GAAAR,EAAA,CAAAS,MAAA;MAAEC,UAAU,gBAqBvC;;IAGD,IAAMC,8BAA8B,GAAGC,WAAW,CAChD,UAACC,CAAa,EAAA;MACZ,IACEf,aAAa,IACbe,CAAC,CAACC,MAAM,YAAYC,IAAI,IACxB,CAACjB,aAAa,CAACkB,QAAQ,CAACH,CAAC,CAACC,MAAM,CAAC,IACjC3B,gBAAgB,KAAK0B,CAAC,CAACC,MAAM,IAC7B,EAAC3B,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,uBAAhBA,gBAAgB,CAAE6B,QAAQ,CAACH,CAAC,CAACC,MAAM,CAAC,CAAA,EACrC;QACAzB,gBAAgB,EAAE;MACnB;IACF,CAAA,EACD,CAACS,aAAa,EAAEX,gBAAgB,EAAEE,gBAAgB,CAAC,CACpD;IAED,IAAM4B,oBAAoB,GAAGL,WAAW,CAAC,YAAA;MACvCvB,gBAAgB,EAAE;IACpB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;IAEtB,IAAM6B,eAAe,GAAG,SAAAA,CAAA,EAAA;MACtB,IAAI3B,QAAQ,KAAK,IAAI,EAAE;;QAErBF,gBAAgB,EAAE;MACnB;IACH,CAAC;IAED8B,SAAS,CAAC,YAAA;MACRC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEJ,oBAAoB,EAAE,KAAK,CAAC;MAE9D,OAAO,YAAA;QACLG,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEL,oBAAoB,EAAE,KAAK,CAAC;MACnE,CAAC;IACH,CAAC,EAAE,CAACA,oBAAoB,CAAC,CAAC;IAE1BE,SAAS,CAAC,YAAA;MACR,IAAI5B,QAAQ,KAAK,KAAK,EAAE;QACtBgC,QAAQ,CAACF,gBAAgB,CAAC,OAAO,EAAEV,8BAA8B,EAAE,IAAI,CAAC;MACzE;MAED,OAAO,YAAA;QACL,IAAIpB,QAAQ,KAAK,KAAK,EAAE;UACtBgC,QAAQ,CAACD,mBAAmB,CAC1B,OAAO,EACPX,8BAA8B,EAC9B,IAAI,CACL;QACF;MACH,CAAC;IACH,CAAC,EAAE,CAACpB,QAAQ,EAAEoB,8BAA8B,CAAC,CAAC;IAE9C;MAAA;;;;MAIEa,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;QACEtC,EAAE,EAAEA,EAAE;QACNuC,GAAG,EAAE5B;MAAgB,CACjB,EAAAW,UAAU,CAACkB,MAAM,EAAA;QACrBC,KAAK,EAAErB,YAAY,CAACoB,MAAM;QAC1BE,SAAS,EAAEC,UAAU,CACnBtB,MAAM,CAACuB,aAAa,EACpBrC,KAAK,IAAI,SAAS,IAAIc,MAAM,CAACwB,YAAY,CAC1C;QACDC,OAAO,EAAEhB;MAAe,IAEvBhC,QAAQ;IACL;EAEV,CAAC;EAEDF,YAAY,CAACmD,WAAW,GAAG,cAAc;EAAA,OA1G5BnD,YAAY;AAAA;"}

package/dist/esm/Menu/subcomponents/MenuHeading/MenuHeading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHeading.mjs","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,MAAA,CAAAJ,EAAA,EAAA,CAAA,IAAA,EAAA,mBAAA,CAI3B,CADa;IACuB,oBACnCK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;MACNP,EAAE,EAAEA,EAAE;MACNQ,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVR,iBAAiB,EAAES,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEX,iBAAiB;IAAC,CAAA,EAC5DC,SAAS,CAAA,CACb;GACH;EAEDJ,WAAW,CAACe,WAAW,GAAG,aAAa;EAAA,OAd1Bf,WAAW;AAAA;"}

package/dist/esm/Menu/subcomponents/MenuItem/MenuItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.mjs","sources":["../../../../../src/Menu/subcomponents/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./MenuItem.module.scss\"\n\nexport type MenuItemProps = {\n  label: string\n  href?: string\n  // Only applicable if href is supplied above\n  target?: string\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  icon?: JSX.Element\n  destructive?: boolean\n  disabled?: boolean\n  /**\n   * @deprecated use data-testid\n   */\n  automationId?: string\n  /**\n   * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs\n   * to highlight which page the user is currently on. By design, Menus don't have active items,\n   * because they are supposed to be a bunch of links/actions.\n   */\n  isActive?: boolean\n  \"data-testid\"?: string\n}\n\nexport const MenuItem = ({\n  label,\n  icon,\n  destructive,\n  disabled,\n  onClick,\n  href,\n  target,\n  isActive,\n  \"data-testid\": dataTestId,\n}: MenuItemProps): JSX.Element => {\n  const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n  const iconNode = icon && <span className={styles.menuItem__Icon}>{icon}</span>\n\n  const className = classnames(\n    styles.menuItem,\n    destructive && styles[\"menuItem--destructive\"],\n    disabled && styles[\"menuItem--disabled\"],\n    isActive && styles[\"menuItem--active\"]\n  )\n\n  if (disabled) {\n    return (\n      <li className={styles.menuListItem}>\n        <button\n          type=\"button\"\n          disabled={true}\n          className={className}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </button>\n      </li>\n    )\n  }\n\n  if (href) {\n    return (\n      <li className={styles.menuListItem}>\n        <a\n          href={href}\n          className={className}\n          target={target}\n          // this tells screenreaders that this link represents the current page\n          // (only intended for use in things like a nav with dropdowns)\n          aria-current={isActive ? \"page\" : undefined}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </a>\n      </li>\n    )\n  }\n\n  return (\n    <li className={styles.menuListItem}>\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={className}\n        data-testid={dataTestId}\n      >\n        {iconNode}\n        {wrappedLabel}\n      </button>\n    </li>\n  )\n}\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuItem","_a","label","icon","destructive","disabled","onClick","href","target","isActive","dataTestId","wrappedLabel","React","createElement","className","styles","menuItem__Label","iconNode","menuItem__Icon","classnames","menuItem","menuListItem","type","undefined","displayName"],"mappings":";;;MA0BaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAUT,EAAA;QATdC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,GAAAF,EAAA,CAAAE,IAAA;MACJC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,OAAO,aAAA;MACPC,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACOC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;IAEzB,IAAMU,YAAY,gBAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEC,MAAM,CAACC;KAAe,EAAGd,KAAK,CAAQ;IAC5E,IAAMe,QAAQ,GAAGd,IAAI,iBAAIS,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACG;IAAiB,CAAA,EAAAf,IAAI,CAAQ;IAE9E,IAAMW,SAAS,GAAGK,UAAU,CAC1BJ,MAAM,CAACK,QAAQ,EACfhB,WAAW,IAAIW,MAAM,CAAC,uBAAuB,CAAC,EAC9CV,QAAQ,IAAIU,MAAM,CAAC,oBAAoB,CAAC,EACxCN,QAAQ,IAAIM,MAAM,CAAC,kBAAkB,CAAC,CACvC;IAED,IAAIV,QAAQ,EAAE;MACZ,oBACEO,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;QACES,IAAI,EAAC,QAAQ;QACbjB,QAAQ,EAAE,IAAI;QACdS,SAAS,EAAEA,SAAS;QAAA,aAAA,EACPJ;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;IAER;IAED,IAAIJ,IAAI,EAAE;MACR,oBACEK,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;QAAAN,IAAI,EAAEA,IAAI;QACVO,SAAS,EAAEA,SAAS;QACpBN,MAAM,EAAEA,MAAM;wBAGAC,QAAQ,GAAG,MAAM,GAAGc,SAAS;QAAA,aAAA,EAC9Bb;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACX,CACD;IAER;IAED,oBACEC,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACM;IAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACES,IAAI,EAAC,QAAQ;MACbhB,OAAO,EAAEA,OAAO;MAChBQ,SAAS,EAAEA,SAAS;MAAA,aAAA,EACPJ;IAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;EAET,CAAC;EAEDX,QAAQ,CAACwB,WAAW,GAAG,UAAU;EAAA,OAvEpBxB,QAAQ;AAAA;"}

package/dist/esm/Menu/subcomponents/MenuList/MenuList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.mjs","sources":["../../../../../src/Menu/subcomponents/MenuList/MenuList.tsx"],"sourcesContent":["import React, { HTMLAttributes, cloneElement, useId } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./MenuList.module.scss\"\n\nexport type MenuListProps = {\n  heading?: JSX.Element\n  children: React.ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLUListElement>>\n\nexport const MenuList = (props: MenuListProps): JSX.Element => {\n  const { heading, children, ...restProps } = props\n  const reactId = useId()\n  const listHeadingID = heading?.props.id ?? reactId\n\n  return (\n    <>\n      {heading && cloneElement(heading, { id: listHeadingID })}\n      <ul\n        className={styles.menuSection}\n        aria-labelledby={heading ? listHeadingID : undefined}\n        {...restProps}\n      >\n        {children}\n      </ul>\n    </>\n  )\n}\n\nMenuList.displayName = \"MenuList\"\n"],"names":["MenuList","props","heading","children","restProps","__rest","reactId","useId","listHeadingID","_a","id","React","createElement","Fragment","cloneElement","__assign","className","styles","menuSection","undefined","displayName"],"mappings":";;;MASaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,KAAoB,EAAA;;IACnC,IAAAC,OAAO,GAA6BD,KAAK,CAAlCC,OAAA;MAAEC,QAAQ,GAAmBF,KAAK,CAAxBE,QAAA;MAAKC,SAAS,GAAKC,MAAA,CAAAJ,KAAK,EAA3C,CAAA,SAAA,EAAA,UAAA,CAAmC,CAAF;IACvC,IAAMK,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMC,aAAa,GAAG,CAAAC,EAAA,GAAAP,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAED,KAAK,CAACS,EAAE,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAIH,OAAO;IAElD,oBACEK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGX,OAAO,iBAAIY,YAAY,CAACZ,OAAO,EAAE;MAAEQ,EAAE,EAAEF;IAAa,CAAE,CAAC,eACxDG,KACE,CAAAC,aAAA,CAAA,IAAA,EAAAG,QAAA,CAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC,WAAW;MACZ,iBAAA,EAAAhB,OAAO,GAAGM,aAAa,GAAGW;IAAS,CAChD,EAAAf,SAAS,GAEZD,QAAQ,CACN,CACJ;EAEP,CAAC;EAEDH,QAAQ,CAACoB,WAAW,GAAG,UAAU;EAAA,OAnBpBpB,QAAQ;AAAA;"}

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatelessMenu.mjs","sources":["../../../../../src/Menu/subcomponents/StatelessMenu/StatelessMenu.tsx"],"sourcesContent":["import React, { useEffect, useState, SyntheticEvent, useRef } from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { MenuDropdown } from \"../MenuDropdown\"\nimport styles from \"./StatelessMenu.module.scss\"\n\nexport type StatelessMenuProps = {\n  /**\n   * Whether the menu is to be used on the left or right\n   * side of the viewport. If left, the left of the dropdown\n   * is aligned to the left of the button (and vice versa)\n   * @default \"left\"\n   */\n  align?: \"left\" | \"right\"\n\n  /**\n   * The width of the dropdown.\n   * \"default\": a fixed width of 248px\n   * \"contain\": contain the children's width (will be same width as children)\n   * @default \"default\"\n   */\n  dropdownWidth?: \"default\" | \"contain\"\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  dropdownId?: string\n  /**\n   * Determines when the menu should automatically hide.\n   * @default: \"on\"\n   */\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  /**\n   * The content to appear inside the dropdown when it is open\n   */\n  children: React.ReactNode\n  /**\n   * Render the tooltip inside a react portal, given the CSS selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  isMenuVisible: boolean\n  toggleMenuDropdown: () => void\n  hideMenuDropdown: () => void\n  renderButton: (args: {\n    onClick: (e: any) => void\n    onMouseDown: (e: any) => void\n    \"aria-haspopup\": boolean\n    \"aria-expanded\": boolean\n  }) => React.ReactElement\n  onClick?: (event: SyntheticEvent) => void\n}\n\nexport const StatelessMenu = ({\n  align = \"left\",\n  dropdownWidth = \"default\",\n  autoHide = \"on\",\n  \"data-testid\": dataTestId,\n  dropdownId,\n  children,\n  portalSelector,\n  isMenuVisible,\n  toggleMenuDropdown,\n  hideMenuDropdown,\n  renderButton,\n  onClick,\n}: StatelessMenuProps): JSX.Element => {\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLSpanElement | null>(null)\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  const menuButton = renderButton({\n    onClick: (e: React.MouseEvent<Element, MouseEvent>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      toggleMenuDropdown()\n    },\n    onMouseDown: (e: React.MouseEvent<Element, MouseEvent>) =>\n      e.preventDefault(),\n    \"aria-haspopup\": true,\n    \"aria-expanded\": isMenuVisible,\n  })\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const menu = isMenuVisible ? (\n    <MenuDropdown\n      referenceElement={referenceElement}\n      align={align}\n      hideMenuDropdown={hideMenuDropdown}\n      width={dropdownWidth}\n      id={dropdownId}\n      autoHide={autoHide}\n    >\n      {children}\n    </MenuDropdown>\n  ) : null\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div data-testid={dataTestId} onClick={onClick}>\n      <div className={styles.buttonWrapper} ref={setReferenceElement}>\n        {menuButton}\n      </div>\n      {portalSelector && portalSelectorElementRef.current\n        ? ReactDOM.createPortal(menu, portalSelectorElementRef.current)\n        : menu}\n    </div>\n  )\n}\n\nStatelessMenu.displayName = \"StatelessMenu\"\n"],"names":["StatelessMenu","_a","_b","align","_c","dropdownWidth","_d","autoHide","dataTestId","dropdownId","children","portalSelector","isMenuVisible","toggleMenuDropdown","hideMenuDropdown","renderButton","onClick","_e","useState","referenceElement","setReferenceElement","portalSelectorElementRef","useRef","menuButton","e","preventDefault","stopPropagation","onMouseDown","useEffect","current","document","querySelector","console","warn","menu","React","createElement","MenuDropdown","width","id","className","styles","buttonWrapper","ref","ReactDOM","createPortal","displayName"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.mjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"@kaizen/draft-illustration\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextModal.mjs","sources":["../../../../src/Modal/ContextModal/ContextModal.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 \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : props.onDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (props.secondaryLabel) {\n    footerActions.push({\n      label: props.secondaryLabel,\n      onClick: props.onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    props.secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","props","__rest","onDismiss","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","secondaryLabel","onSecondaryAction","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericModal.mjs","sources":["../../../../src/Modal/GenericModal/GenericModal.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { Transition } from \"@headlessui/react\"\nimport FocusLock from \"react-focus-lock\"\nimport { warn } from \"../util/console\"\nimport { ModalContext } from \"./context/ModalContext\"\nimport styles from \"./GenericModal.module.scss\"\n\nexport type GenericModalProps = {\n  id?: string\n  isOpen: boolean\n  children: React.ReactNode\n  focusLockDisabled?: boolean\n  onEscapeKeyup?: (event: KeyboardEvent) => void\n  onOutsideModalClick?: (event: React.MouseEvent) => void\n  onAfterLeave?: () => void\n}\n\nexport const GenericModal = ({\n  id: propsId,\n  children,\n  isOpen = true,\n  focusLockDisabled,\n  onEscapeKeyup,\n  onOutsideModalClick,\n  onAfterLeave: propsOnAfterLeave,\n}: GenericModalProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const labelledByID = useId()\n  const describedByID = useId()\n\n  const [scrollLayer, setScrollLayer] = useState<HTMLDivElement | null>(null)\n  const [modalLayer, setModalLayer] = useState<HTMLDivElement | null>(null)\n\n  const scrollModalToTop = (): void => {\n    // If we have a really long modal, the autofocus could land on an element down below\n    // causing the modal to scroll down and skipping over the content near the modal's top.\n    // Ensure that when the modal opens, we are at the top of its content.\n    requestAnimationFrame(() => {\n      if (!scrollLayer) return\n      scrollLayer.scrollTop = 0\n    })\n  }\n\n  const outsideModalClickHandler = (event: React.MouseEvent): void => {\n    if (event.target === scrollLayer || event.target === modalLayer) {\n      onOutsideModalClick?.(event)\n    }\n  }\n\n  const focusAccessibleLabel = (): void => {\n    if (modalLayer) {\n      const labelElement: HTMLElement | null =\n        document.getElementById(labelledByID)\n      if (labelElement) {\n        labelElement.focus()\n      }\n    }\n  }\n\n  const a11yWarn = (): void => {\n    if (!modalLayer) return\n    // Ensure that consumers have provided an element that labels the modal\n    // to meet ARIA accessibility guidelines.\n    if (!document.getElementById(labelledByID)) {\n      warn(\n        `When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.`\n      )\n    }\n  }\n\n  const preventBodyScroll = (): void => {\n    const hasScrollbar =\n      window.innerWidth > document.documentElement.clientWidth\n    const scrollStyles = [styles.unscrollable]\n\n    if (hasScrollbar) {\n      scrollStyles.push(styles.pseudoScrollbar)\n    }\n\n    document.documentElement.classList.add(...scrollStyles)\n  }\n\n  const onAfterEnterHandler = (): void => {\n    scrollModalToTop()\n    focusAccessibleLabel()\n    a11yWarn()\n  }\n\n  const onBeforeEnterHandler = (): void => {\n    preventBodyScroll()\n\n    if (onEscapeKeyup) {\n      document.addEventListener(\"keyup\", event => {\n        if (event.key === \"Escape\") {\n          onEscapeKeyup?.(event)\n        }\n      })\n    }\n  }\n\n  const onAfterLeaveHandler = (): void => {\n    document.documentElement.classList.remove(\n      styles.unscrollable,\n      styles.pseudoScrollbar\n    )\n\n    if (onEscapeKeyup) {\n      document.removeEventListener(\"keyup\", onEscapeKeyup)\n    }\n\n    propsOnAfterLeave?.()\n  }\n\n  return createPortal(\n    <Transition\n      appear={true}\n      show={isOpen}\n      enter={styles.animatingEnter}\n      leave={styles.animatingLeave}\n      beforeEnter={onBeforeEnterHandler}\n      afterEnter={onAfterEnterHandler}\n      afterLeave={onAfterLeaveHandler}\n      data-generic-modal-transition-wrapper\n      onClick={(e: React.MouseEvent): void => e.stopPropagation()}\n    >\n      <FocusLock\n        disabled={focusLockDisabled}\n        returnFocus={true}\n        // Disabling false positive\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={false}\n      >\n        <div className={styles.backdropLayer} />\n        {/* Disabling these because we don't want this to be keyboard focusable. Users can use Esc to achieve this with a keyboard.\n         */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n        <div\n          className={styles.scrollLayer}\n          ref={(scrollLayerRef): void => {\n            setScrollLayer(scrollLayerRef)\n          }}\n          onClick={outsideModalClickHandler}\n          data-testid={`${id}-scrollLayer`}\n        >\n          <ModalContext.Provider\n            value={{\n              labelledByID,\n              describedByID,\n            }}\n          >\n            <div\n              role=\"dialog\"\n              className={styles.modalLayer}\n              aria-labelledby={labelledByID}\n              aria-describedby={describedByID}\n              ref={(modalLayerRef): void => setModalLayer(modalLayerRef)}\n              data-testid={id}\n            >\n              {children}\n            </div>\n          </ModalContext.Provider>\n        </div>\n      </FocusLock>\n    </Transition>,\n    document.body\n  )\n}\n\nGenericModal.displayName = \"GenericModal\"\n"],"names":["GenericModal","_a","propsId","id","children","_b","isOpen","focusLockDisabled","onEscapeKeyup","onOutsideModalClick","propsOnAfterLeave","onAfterLeave","reactId","useId","labelledByID","describedByID","_c","useState","scrollLayer","setScrollLayer","_d","modalLayer","setModalLayer","scrollModalToTop","requestAnimationFrame","scrollTop","outsideModalClickHandler","event","target","focusAccessibleLabel","labelElement","document","getElementById","focus","a11yWarn","warn","preventBodyScroll","hasScrollbar","window","innerWidth","documentElement","clientWidth","scrollStyles","styles","unscrollable","push","pseudoScrollbar","classList","add","apply","onAfterEnterHandler","onBeforeEnterHandler","addEventListener","key","onAfterLeaveHandler","remove","removeEventListener","createPortal","React","createElement","Transition","appear","show","enter","animatingEnter","leave","animatingLeave","beforeEnter","afterEnter","afterLeave","onClick","e","stopPropagation","FocusLock","disabled","returnFocus","autoFocus","className","backdropLayer","ref","scrollLayerRef","concat","ModalContext","Provider","value","role","modalLayerRef","body","displayName"],"mappings":"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"}

package/dist/esm/Modal/GenericModal/context/ModalContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.mjs","sources":["../../../../../src/Modal/GenericModal/context/ModalContext.ts"],"sourcesContent":["import { createContext } from \"react\"\n\nexport type ModalContextType = {\n  labelledByID: string\n  describedByID: string\n}\n\nexport const ModalContext = createContext<ModalContextType>({\n  labelledByID: \"modal-labelledby\",\n  describedByID: \"modal-describedby\",\n})\n"],"names":["ModalContext","createContext","labelledByID","describedByID"],"mappings":";AAOO,IAAMA,YAAY,gBAAGC,aAAa,CAAmB;EAC1DC,YAAY,EAAE,kBAAkB;EAChCC,aAAa,EAAE;AAChB,CAAA,CAAA;"}

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/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/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/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/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/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/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/MultiSelect/subcomponents/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,WAAW,CAAAC,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,MAAM,CAAC,EAAE,CAAC,EACVC,IAAI,CAAE,CAAA,EACNC,IAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC;IAAU,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,oBAAOgC,YAAY,eACjBC,KAAC,CAAAC,aAAA,CAAAC,OAAO;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,eAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/esm/Notification/GlobalNotification/GlobalNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalNotification.mjs","sources":["../../../../src/Notification/GlobalNotification/GlobalNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\n\nexport type GlobalNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children: React.ReactNode\n  onHide?: () => void\n  persistent?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}\n */\nexport const GlobalNotification = ({\n  persistent = false,\n  ...props\n}: GlobalNotificationProps): JSX.Element => (\n  <GenericNotification persistent={persistent} style=\"global\" {...props} />\n)\n\nGlobalNotification.displayName = \"GlobalNotification\"\n"],"names":["GlobalNotification","_a","_b","persistent","props","__rest","React","createElement","GenericNotification","__assign","style","displayName"],"mappings":";;;;AAYA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFxB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MACfE,KAAK,GAFyBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,YAAA,CAGlC,CADS;IACkC,oBAC1CK,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA;MAACN,UAAU,EAAEA,UAAU;MAAEO,KAAK,EAAC;KAAQ,EAAKN,KAAK,CAAA,CAAI;GAC1E;EAEDJ,kBAAkB,CAACW,WAAW,GAAG,oBAAoB;EAAA,OAPxCX,kBAAkB;AAAA;"}

package/dist/esm/Notification/InlineNotification/InlineNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineNotification.mjs","sources":["../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\nimport styles from \"../subcomponents/GenericNotification/GenericNotification.module.scss\"\nimport { NotificationType } from \"../types\"\n\nexport type InlineNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children?: React.ReactNode\n  /** @default false */\n  persistent?: boolean\n  /** @default false */\n  hideCloseIcon?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n  isSubtle?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}\n */\nexport const InlineNotification = ({\n  isSubtle,\n  hideCloseIcon = false,\n  persistent = false,\n  classNameOverride,\n  ...otherProps\n}: InlineNotificationProps): JSX.Element => (\n  <GenericNotification\n    style=\"inline\"\n    persistent={persistent || hideCloseIcon}\n    classNameOverride={classnames(classNameOverride, [\n      isSubtle && styles.subtle,\n    ])}\n    {...otherProps}\n  />\n)\n\nInlineNotification.displayName = \"InlineNotification\"\n"],"names":["InlineNotification","_a","isSubtle","_b","hideCloseIcon","_c","persistent","classNameOverride","otherProps","__rest","React","createElement","GenericNotification","style","classnames","styles","subtle","displayName"],"mappings":";;;;;;AAsBA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAMT,EAAA;IALxB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,aAAqB;MAArBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACrBE,EAAA,GAAAJ,EAAA,CAAAK,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,uBAAA;MACdC,UAAU,GALoBC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,CAMlC,CADc;IAC6B,oBAC1CS,KAAC,CAAAC,aAAA,CAAAC,mBAAmB;MAClBC,KAAK,EAAC,QAAQ;MACdP,UAAU,EAAEA,UAAU,IAAIF,aAAa;MACvCG,iBAAiB,EAAEO,UAAU,CAACP,iBAAiB,EAAE,CAC/CL,QAAQ,IAAIa,MAAM,CAACC,MAAM,CAC1B;IACG,CAAA,EAAAR,UAAU,CACd,CAAA;GACH;EAEDR,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;EAAA,OAjBxCjB,kBAAkB;AAAA;"}

package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.mjs","sources":["../../../../../src/Notification/subcomponents/CancelButton/CancelButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { CloseIcon } from \"~components/Icon/CloseIcon\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype CancelButtonProps = {\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const CancelButton = ({ onClick }: CancelButtonProps): JSX.Element => (\n  <button\n    className={styles.cancel}\n    type=\"button\"\n    onClick={onClick}\n    data-testid=\"close-button\"\n    aria-label=\"Close notification\"\n  >\n    <CloseIcon role=\"presentation\" />\n  </button>\n)\n\nCancelButton.displayName = \"CancelButton\"\n"],"names":["CancelButton","_a","onClick","React","createElement","className","styles","cancel","type","CloseIcon","role","displayName"],"mappings":";;;MAQaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAA8B,EAAA;IAA5B,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IAAuC,oBAC3EC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC,MAAM;MACxBC,IAAI,EAAC,QAAQ;MACbN,OAAO,EAAEA,OAAO;MACJ,aAAA,EAAA,cAAc;oBACf;IAAoB,CAAA,eAE/BC,KAAA,CAAAC,aAAA,CAACK,SAAS,EAAC;MAAAC,IAAI,EAAC;IAAc,CAAA,CAAG,CAC1B;EATkE,CAU5E;EAEDV,YAAY,CAACW,WAAW,GAAG,cAAc;EAAA,OAZ5BX,YAAY;AAAA;"}

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericNotification.mjs","sources":["../../../../../src/Notification/subcomponents/GenericNotification/GenericNotification.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { CancelButton } from \"../CancelButton\"\nimport { NotificationHeading } from \"../NotificationHeading\"\nimport { NotificationIcon } from \"../NotificationIcon\"\nimport styles from \"./GenericNotification.module.scss\"\n\nexport type GenericNotificationProps = {\n  type: NotificationType\n  style: \"global\" | \"inline\" | \"toast\"\n  children?: React.ReactNode\n  title?: string\n  persistent?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const GenericNotification = ({\n  type,\n  style,\n  children,\n  title,\n  persistent = false,\n  onHide,\n  noBottomMargin,\n  forceMultiline,\n  headingProps,\n  classNameOverride,\n  ...restProps\n}: GenericNotificationProps): JSX.Element | null => {\n  const [isHidden, setIsHidden] = useState<boolean>(true)\n  const [isRemoved, setIsRemoved] = useState<boolean>(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (containerRef.current) {\n        setIsHidden(false)\n      }\n    })\n  }, [])\n\n  const getMarginTop = (): string => {\n    if (isHidden && containerRef.current) {\n      return -containerRef.current.clientHeight + \"px\"\n    }\n    return \"0\"\n  }\n\n  const onTransitionEnd = (e: React.TransitionEvent<HTMLDivElement>): void => {\n    // Be careful: this assumes the final CSS property to be animated is \"margin-top\".\n    if (isHidden && e.propertyName === \"margin-top\") {\n      setIsRemoved(true)\n      onHide?.()\n    }\n  }\n\n  if (isRemoved) {\n    return null\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classnames(\n        styles.notification,\n        styles[type],\n        styles[style],\n        isHidden && styles.hidden,\n        noBottomMargin && styles.noBottomMargin,\n        classNameOverride,\n        persistent && styles.persistent\n      )}\n      style={{ marginTop: getMarginTop() }}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      <div className={styles.icon}>\n        <NotificationIcon type={type} />\n      </div>\n      <div\n        className={classnames(\n          styles.textContainer,\n          forceMultiline && styles.forceMultiline\n        )}\n      >\n        {style !== \"global\" && (\n          <NotificationHeading titleProp={title} headingProps={headingProps} />\n        )}\n        {children && <div className={styles.text}>{children}</div>}\n      </div>\n      {!persistent && <CancelButton onClick={() => setIsHidden(true)} />}\n    </div>\n  )\n}\n\nGenericNotification.displayName = \"GenericNotification\"\n"],"names":["GenericNotification","_a","type","style","children","title","_b","persistent","onHide","noBottomMargin","forceMultiline","headingProps","classNameOverride","restProps","__rest","_c","useState","isHidden","setIsHidden","_d","isRemoved","setIsRemoved","containerRef","useRef","useEffect","requestAnimationFrame","current","getMarginTop","clientHeight","onTransitionEnd","e","propertyName","React","createElement","__assign","ref","className","classnames","styles","notification","hidden","marginTop","icon","NotificationIcon","textContainer","NotificationHeading","titleProp","text","CancelButton","onClick","displayName"],"mappings":"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"}

package/dist/esm/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHeading.mjs","sources":["../../../../../src/Notification/subcomponents/NotificationHeading/NotificationHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading, HeadingProps } from \"@kaizen/typography\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype NotificationHeadingProps = {\n  titleProp?: HeadingProps[\"children\"]\n  headingProps?: HeadingProps\n}\n\nexport const NotificationHeading = ({\n  titleProp,\n  headingProps,\n}: NotificationHeadingProps): JSX.Element | null => {\n  if (headingProps) {\n    return (\n      <Heading\n        variant={headingProps.variant || \"heading-6\"}\n        tag={headingProps.tag || \"div\"}\n        color={headingProps.color || \"dark\"}\n        classNameOverride={styles.notificationTitle}\n      >\n        {headingProps.children}\n      </Heading>\n    )\n  }\n\n  if (titleProp) {\n    return (\n      <Heading\n        variant=\"heading-6\"\n        tag=\"div\"\n        color=\"dark\"\n        classNameOverride={styles.notificationTitle}\n      >\n        {titleProp}\n      </Heading>\n    )\n  }\n\n  return null\n}\n\nNotificationHeading.displayName = \"NotificationHeading\"\n"],"names":["NotificationHeading","_a","titleProp","headingProps","React","createElement","Heading","variant","tag","color","classNameOverride","styles","notificationTitle","children","displayName"],"mappings":";;;MASaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAFzBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IAEZ,IAAIA,YAAY,EAAE;MAChB,oBACEC,KAAC,CAAAC,aAAA,CAAAC,OAAO,EACN;QAAAC,OAAO,EAAEJ,YAAY,CAACI,OAAO,IAAI,WAAW;QAC5CC,GAAG,EAAEL,YAAY,CAACK,GAAG,IAAI,KAAK;QAC9BC,KAAK,EAAEN,YAAY,CAACM,KAAK,IAAI,MAAM;QACnCC,iBAAiB,EAAEC,MAAM,CAACC;MAEzB,CAAA,EAAAT,YAAY,CAACU,QAAQ,CACd;IAEb;IAED,IAAIX,SAAS,EAAE;MACb,oBACEE,KAAC,CAAAC,aAAA,CAAAC,OAAO,EACN;QAAAC,OAAO,EAAC,WAAW;QACnBC,GAAG,EAAC,KAAK;QACTC,KAAK,EAAC,MAAM;QACZC,iBAAiB,EAAEC,MAAM,CAACC;MAAiB,CAE1C,EAAAV,SAAS,CACF;IAEb;IAED,OAAO,IAAI;EACb,CAAC;EAEDF,mBAAmB,CAACc,WAAW,GAAG,qBAAqB;EAAA,OAjC1Cd,mBAAmB;AAAA;"}

package/dist/esm/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.mjs","sources":["../../../../../src/Notification/subcomponents/NotificationIcon/NotificationIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { CautionIcon } from \"~components/Icon/CautionIcon\"\nimport { ExclamationIcon } from \"~components/Icon/ExclamationIcon\"\nimport { InformationIcon } from \"~components/Icon/InformationIcon\"\nimport { SecurityTipIcon } from \"~components/Icon/SecurityTipIcon\"\nimport { SuccessIcon } from \"~components/Icon/SuccessIcon\"\nimport { NotificationType } from \"~components/Notification/types\"\n\nexport type NotificationIconProps = {\n  type: NotificationType\n}\n\nexport const NotificationIcon = ({\n  type,\n}: NotificationIconProps): JSX.Element => {\n  switch (type) {\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" inheritSize />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" inheritSize />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" inheritSize />\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" inheritSize />\n    case \"security\":\n      return <SecurityTipIcon role=\"presentation\" inheritSize />\n    default:\n      return <InformationIcon role=\"presentation\" inheritSize />\n  }\n}\n\nNotificationIcon.displayName = \"NotificationIcon\"\n"],"names":["NotificationIcon","_a","type","React","createElement","SuccessIcon","role","inheritSize","ExclamationIcon","CautionIcon","InformationIcon","SecurityTipIcon","displayName"],"mappings":";;;;;;MAYaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAET,EAAA;IADtB,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;IAEJ,QAAQA,IAAI;MACV,KAAK,UAAU;QACb,oBAAOC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAC;UAAAC,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MACxD,KAAK,UAAU;QACb,oBAAOJ,KAAA,CAAAC,aAAA,CAACI,eAAe,EAAC;UAAAF,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D,KAAK,YAAY;QACf,oBAAOJ,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAC;UAAAH,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MACxD,KAAK,aAAa;QAChB,oBAAOJ,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAC;UAAAJ,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D,KAAK,UAAU;QACb,oBAAOJ,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAC;UAAAL,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;MAC5D;QACE,oBAAOJ,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAC;UAAAJ,IAAI,EAAC,cAAc;UAACC,WAAW,EAAA;QAAA,CAAA,CAAG;IAC7D;EACH,CAAC;EAEDP,gBAAgB,CAACY,WAAW,GAAG,kBAAkB;EAAA,OAnBpCZ,gBAAgB;AAAA;"}

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/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/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.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateIndicator.mjs","sources":["../../../../../src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx"],"sourcesContent":["import React from \"react\"\nimport { EllipsisIcon } from \"~components/Icon\"\nimport styles from \"./TruncateIndicator.module.scss\"\n\nexport const TruncateIndicator = (): JSX.Element => (\n  <div\n    className={styles.truncateIndicatorWrapper}\n    data-testid=\"truncate-indicator\"\n  >\n    <EllipsisIcon role=\"presentation\" />\n  </div>\n)\n"],"names":["TruncateIndicator","React","createElement","className","styles","truncateIndicatorWrapper","EllipsisIcon","role"],"mappings":";;;;;;AAIO,IAAMA,iBAAiB,GAAG,SAAAA,CAAA;EAAmB,oBAClDC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,MAAM,CAACC,wBAAwB;mBAC9B;EAAoB,CAAA,eAEhCJ,KAAC,CAAAC,aAAA,CAAAI,YAAY,EAAC;IAAAC,IAAI,EAAC;IAAiB,CAChC;AAN4C,CAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"createRange.mjs","sources":["../../../../src/Pagination/utils/createRange.ts"],"sourcesContent":["export const createRange = (start: number, end: number): number[] => {\n  const range: number[] = []\n\n  for (let i = start; i <= end; i++) {\n    range.push(i)\n  }\n\n  return range\n}\n"],"names":["createRange","start","end","range","i","push"],"mappings":"AAAa,IAAAA,WAAW,GAAG,SAAAA,CAACC,KAAa,EAAEC,GAAW,EAAA;EACpD,IAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGH,KAAK,EAAEG,CAAC,IAAIF,GAAG,EAAEE,CAAC,EAAE,EAAE;IACjCD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;EACd;EAED,OAAOD,KAAK;AACd,CAAA;"}

package/dist/esm/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}

package/dist/esm/Popover/utils/classMappers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classMappers.mjs","sources":["../../../../src/Popover/utils/classMappers.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  CautionIcon,\n  ExclamationIcon,\n  InformationIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"../Popover.module.scss\"\nimport { PopoverVariant, PopoverSize } from \"../types\"\n\nexport const mapVariantToBoxClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeBox\n    case \"positive\":\n      return styles.positiveBox\n    case \"negative\":\n      return styles.negativeBox\n    case \"cautionary\":\n      return styles.cautionaryBox\n    default:\n      return styles.defaultBox\n  }\n}\n\nexport const mapVariantToIconClass = (\n  variant: PopoverVariant\n): string | undefined => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeIcon\n    case \"positive\":\n      return styles.positiveIcon\n    case \"negative\":\n      return styles.negativeIcon\n    case \"cautionary\":\n      return styles.cautionaryIcon\n    default:\n      return undefined\n  }\n}\n\nexport const mapVariantToIcon = (variant: PopoverVariant): JSX.Element => {\n  switch (variant) {\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" />\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" />\n    default:\n      return <InformationIcon role=\"presentation\" />\n  }\n}\n\nexport const mapArrowVariantToClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeArrow\n    case \"positive\":\n      return styles.positiveArrow\n    case \"negative\":\n      return styles.negativeArrow\n    case \"cautionary\":\n      return styles.cautionaryArrow\n    default:\n      return styles.defaultArrow\n  }\n}\n\nexport const mapSizeToClass = (size: PopoverSize): string => {\n  switch (size) {\n    case \"large\":\n      return styles.large\n    default:\n      return \"\"\n  }\n}\n\nexport const mapLineVariant = (singleLine: boolean): string =>\n  singleLine ? styles.singleLine : \"\"\n"],"names":["mapVariantToBoxClass","variant","styles","informativeBox","positiveBox","negativeBox","cautionaryBox","defaultBox","mapVariantToIconClass","informativeIcon","positiveIcon","negativeIcon","cautionaryIcon","undefined","mapVariantToIcon","React","InformationIcon","role","SuccessIcon","ExclamationIcon","CautionIcon","mapArrowVariantToClass","informativeArrow","positiveArrow","negativeArrow","cautionaryArrow","defaultArrow","mapSizeToClass","size","large","mapLineVariant","singleLine"],"mappings":";;;;;;;;;AAUO,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,OAAuB,EAAA;EAC1D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,MAAM,CAACC,cAAc;IAC9B,KAAK,UAAU;MACb,OAAOD,MAAM,CAACE,WAAW;IAC3B,KAAK,UAAU;MACb,OAAOF,MAAM,CAACG,WAAW;IAC3B,KAAK,YAAY;MACf,OAAOH,MAAM,CAACI,aAAa;IAC7B;MACE,OAAOJ,MAAM,CAACK,UAAU;EAC3B;AACH,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAAA,CACnCP,OAAuB,EAAA;EAEvB,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,MAAM,CAACO,eAAe;IAC/B,KAAK,UAAU;MACb,OAAOP,MAAM,CAACQ,YAAY;IAC5B,KAAK,UAAU;MACb,OAAOR,MAAM,CAACS,YAAY;IAC5B,KAAK,YAAY;MACf,OAAOT,MAAM,CAACU,cAAc;IAC9B;MACE,OAAOC,SAAS;EACnB;AACH,CAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAAA,CAACb,OAAuB,EAAA;EACtD,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,oBAAOc,oBAACC,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,UAAU;MACb,oBAAOF,oBAACG,WAAW,EAAA;QAACD,IAAI,EAAC;MAAc,EAAG;IAC5C,KAAK,UAAU;MACb,oBAAOF,oBAACI,eAAe,EAAA;QAACF,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,YAAY;MACf,oBAAOF,oBAACK,WAAW,EAAA;QAACH,IAAI,EAAC;MAAc,EAAG;IAC5C;MACE,oBAAOF,oBAACC,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;EACjD;AACH,CAAC;AAEM,IAAMI,sBAAsB,GAAG,SAAAA,CAACpB,OAAuB,EAAA;EAC5D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,MAAM,CAACoB,gBAAgB;IAChC,KAAK,UAAU;MACb,OAAOpB,MAAM,CAACqB,aAAa;IAC7B,KAAK,UAAU;MACb,OAAOrB,MAAM,CAACsB,aAAa;IAC7B,KAAK,YAAY;MACf,OAAOtB,MAAM,CAACuB,eAAe;IAC/B;MACE,OAAOvB,MAAM,CAACwB,YAAY;EAC7B;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,IAAiB,EAAA;EAC9C,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO1B,MAAM,CAAC2B,KAAK;IACrB;MACE,OAAO,EAAE;EACZ;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,UAAmB,EAAA;EAChD,OAAAA,UAAU,GAAG7B,MAAM,CAAC6B,UAAU,GAAG,EAAE;AAAnC,CAAA;"}

package/dist/esm/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,57 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '../Heading/Heading.mjs';
+import { Label } from './subcomponents/Label/Label.mjs';
+import { calculatePercentage } from './utils/calculatePercentage.mjs';
+import styles from './ProgressBar.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
+ */
+const ProgressBar = /*#__PURE__*/function () {
+  const ProgressBar = function (_a) {
+    var value = _a.value,
+      max = _a.max,
+      isAnimating = _a.isAnimating,
+      mood = _a.mood,
+      subtext = _a.subtext,
+      label = _a.label,
+      classNameOverride = _a.classNameOverride,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      restProps = __rest(_a, ["value", "max", "isAnimating", "mood", "subtext", "label", "classNameOverride", "isReversed"]);
+    var percentage = calculatePercentage({
+      value: value,
+      max: max
+    });
+    return /*#__PURE__*/React.createElement("div", __assign({
+      role: "progressbar",
+      "aria-valuenow": percentage,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      className: classNameOverride
+    }, restProps), label && /*#__PURE__*/React.createElement(Label, {
+      content: label,
+      isReversed: isReversed
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.progressBackground
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles[mood], isAnimating && styles.isAnimating),
+      style: {
+        transform: "translateX(-".concat(100 - percentage, "%")
+      }
+    })), subtext && /*#__PURE__*/React.createElement("div", {
+      className: styles.subtext
+    }, /*#__PURE__*/React.createElement(Heading, {
+      variant: "heading-6",
+      tag: "p",
+      color: isReversed ? "white" : "dark"
+    }, subtext)));
+  };
+  ProgressBar.displayName = "ProgressBar";
+  return ProgressBar;
+}();
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.mjs.map

package/dist/esm/ProgressBar/ProgressBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.mjs","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Label } from \"./subcomponents/Label\"\nimport { calculatePercentage } from \"./utils/calculatePercentage\"\nimport styles from \"./ProgressBar.module.scss\"\n\nexport type ProgressBarProps = {\n  /** A value that represents completed progress */\n  value: number\n  /** A value that sets the maximum progress that can be achieved */\n  max: number\n  /** Adds an animated state to indicate loading progress */\n  isAnimating: boolean\n  mood: Mood\n  subtext?: string\n  label?: string\n  isReversed: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}\n */\nexport const ProgressBar = ({\n  value,\n  max,\n  isAnimating,\n  mood,\n  subtext,\n  label,\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ProgressBarProps): JSX.Element => {\n  const percentage = calculatePercentage({ value, max })\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuenow={percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      className={classNameOverride}\n      {...restProps}\n    >\n      {label && <Label content={label} isReversed={isReversed} />}\n      <div className={styles.progressBackground}>\n        <div\n          className={classnames(\n            styles[mood],\n            isAnimating && styles.isAnimating\n          )}\n          style={{ transform: `translateX(-${100 - percentage}%` }}\n        />\n      </div>\n      {subtext && (\n        <div className={styles.subtext}>\n          <Heading\n            variant=\"heading-6\"\n            tag=\"p\"\n            color={isReversed ? \"white\" : \"dark\"}\n          >\n            {subtext}\n          </Heading>\n        </div>\n      )}\n    </div>\n  )\n}\n\nProgressBar.displayName = \"ProgressBar\"\n"],"names":["ProgressBar","_a","value","max","isAnimating","mood","subtext","label","classNameOverride","_b","isReversed","restProps","__rest","percentage","calculatePercentage","React","createElement","__assign","role","className","Label","content","styles","progressBackground","classnames","style","transform","concat","Heading","variant","tag","color","displayName"],"mappings":";;;;;;;;AAuBA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,iBAAiB,GAAAP,EAAA,CAAAO,iBAAA;MACjBC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAX,EAAA,EATc,8FAU3B,CADa;IAEZ,IAAMY,UAAU,GAAGC,mBAAmB,CAAC;MAAEZ,KAAK,EAAAA,KAAA;MAAEC,GAAG,EAAAA;IAAA,CAAE,CAAC;IACtD,oBACEY,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,IAAI,EAAC,aAAa;uBACHL,UAAU;MAAA,eAAA,EACV,CAAC;MAAA,eAAA,EACD,GAAG;MAClBM,SAAS,EAAEX;OACPG,SAAS,CAAA,EAEZJ,KAAK,iBAAIQ,KAAC,CAAAC,aAAA,CAAAI,KAAK,EAAC;MAAAC,OAAO,EAAEd,KAAK;MAAEG,UAAU,EAAEA;KAAc,CAAA,eAC3DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAACC;IAAkB,CAAA,eACvCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEK,UAAU,CACnBF,MAAM,CAACjB,IAAI,CAAC,EACZD,WAAW,IAAIkB,MAAM,CAAClB,WAAW,CAClC;MACDqB,KAAK,EAAE;QAAEC,SAAS,EAAE,cAAA,CAAAC,MAAA,CAAe,GAAG,GAAGd,UAAU,EAAA,GAAA;MAAK;IAAA,CAAA,CACxD,CACE,EACLP,OAAO,iBACNS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAAChB;IAAO,CAAA,eAC5BS,KAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,GAAG;MACPC,KAAK,EAAErB,UAAU,GAAG,OAAO,GAAG;IAAM,CAAA,EAEnCJ,OAAO,CACA,CAEb,CACG;EAEV,CAAC;EAEDN,WAAW,CAACgC,WAAW,GAAG,aAAa;EAAA,OA9C1BhC,WAAW;AAAA;"}

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

@@ -0,0 +1,13 @@
+var styles = {
+  "subtext": "ProgressBar-module_subtext__eizyu",
+  "progressBackground": "ProgressBar-module_progressBackground__5qzp5",
+  "progress": "ProgressBar-module_progress__X1IHw",
+  "positive": "ProgressBar-module_positive__12oA1 ProgressBar-module_progress__X1IHw",
+  "informative": "ProgressBar-module_informative__lrVDM ProgressBar-module_progress__X1IHw",
+  "cautionary": "ProgressBar-module_cautionary__f56gH ProgressBar-module_progress__X1IHw",
+  "negative": "ProgressBar-module_negative__EVWBt ProgressBar-module_progress__X1IHw",
+  "isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
+  "pulse": "ProgressBar-module_pulse__RGaQm"
+};
+export { styles as default };
+//# sourceMappingURL=ProgressBar.module.scss.mjs.map

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

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

package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Heading } from '../../../Heading/Heading.mjs';
+import styles from './Label.module.scss.mjs';
+const Label = /*#__PURE__*/function () {
+  const Label = function (_a) {
+    var content = _a.content,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.label
+    }, /*#__PURE__*/React.createElement(Heading, {
+      variant: "heading-4",
+      tag: "p",
+      color: isReversed ? "white" : "dark"
+    }, content));
+  };
+  Label.displayName = "Label";
+  return Label;
+}();
+export { Label };
+//# sourceMappingURL=Label.mjs.map

package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.mjs","sources":["../../../../../src/ProgressBar/subcomponents/Label/Label.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport styles from \"./Label.module.scss\"\n\ntype Label = {\n  content: ReactNode\n  isReversed: boolean\n}\n\nexport const Label = ({ content, isReversed = false }: Label): JSX.Element => (\n  <div className={styles.label}>\n    <Heading variant=\"heading-4\" tag=\"p\" color={isReversed ? \"white\" : \"dark\"}>\n      {content}\n    </Heading>\n  </div>\n)\n\nLabel.displayName = \"Label\"\n"],"names":["Label","_a","content","_b","isReversed","React","createElement","className","styles","label","Heading","variant","tag","color","displayName"],"mappings":";;;MASaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAAsC,EAAA;IAApC,IAAAC,OAAO,aAAA;MAAEC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAA2B,oBAC5EE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAK,CAAA,eAC1BJ,KAAC,CAAAC,aAAA,CAAAI,OAAO,EAAC;MAAAC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC,GAAG;MAACC,KAAK,EAAET,UAAU,GAAG,OAAO,GAAG;IAAM,CACtE,EAAAF,OAAO,CACA,CACN;EALsE,CAM7E;EAEDF,KAAK,CAACc,WAAW,GAAG,OAAO;EAAA,OARdd,KAAK;AAAA;"}

package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs

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

package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs.map

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