@kaizen/components 1.33.0 → 1.35.0

package/dist/esm/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandMomentCaptureIntro.mjs","sources":["../../../../../src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { AnimatedSceneProps } from \"~components/Illustration/Scene/Scene\"\nimport { Base } from \"~components/Illustration/subcomponents/Base/Base\"\nimport { VideoPlayer } from \"~components/Illustration/subcomponents/VideoPlayer\"\n\n/**\n * This component is a snowflake. It plays two assets one after the other:\n *  - An \"initial\" animation that is only ever played once, never looping\n *  - An \"ambient\" animation that can be looped, depending on the props passed into it\n */\nexport const BrandMomentCaptureIntro = ({\n  isAnimated,\n  alt,\n  enableAspectRatio,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  const [firstAnimationComplete, setFirstAnimationComplete] =\n    useState<boolean>(false)\n  const aspectRatio = enableAspectRatio ? \"landscape\" : undefined\n\n  if (!isAnimated) {\n    return (\n      <Base\n        aspectRatio={aspectRatio}\n        alt={alt || \"\"}\n        {...otherProps}\n        name=\"illustrations/heart/scene/brand-moments-capture-intro-loop.png\"\n      />\n    )\n  }\n\n  if (firstAnimationComplete) {\n    return (\n      <VideoPlayer\n        {...otherProps}\n        aspectRatio={aspectRatio}\n        fallback=\"illustrations/heart/scene/brand-moments-capture-intro-loop\"\n        source=\"illustrations/heart/scene/brand-moments-capture-intro-loop\"\n        autoplay={firstAnimationComplete ? otherProps.autoplay : false}\n      />\n    )\n  }\n\n  return (\n    <VideoPlayer\n      {...otherProps}\n      aspectRatio={aspectRatio}\n      fallback=\"illustrations/heart/scene/brand-moments-capture-intro\"\n      source=\"illustrations/heart/scene/brand-moments-capture-intro\"\n      onEnded={(): void => setFirstAnimationComplete(true)}\n      loop={false}\n    />\n  )\n}\n\nBrandMomentCaptureIntro.displayName = \"BrandMomentCaptureIntro\"\n"],"names":["BrandMomentCaptureIntro","_a","isAnimated","alt","enableAspectRatio","otherProps","__rest","_b","useState","firstAnimationComplete","setFirstAnimationComplete","aspectRatio","undefined","React","Base","__assign","name","createElement","VideoPlayer","fallback","source","autoplay","onEnded","loop","displayName"],"mappings":";;;;;AAKA;;;;AAIG;AAJH,MAKaA,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CAACC,EAKnB,EAAA;IAJnB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACVC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACdC,UAAU,GAJyBC,MAAA,CAAAL,EAAA,EAAA,CAAA,YAAA,EAAA,KAAA,EAAA,mBAAA,CAKvC,CADc;IAEP,IAAAM,EAAA,GACJC,QAAQ,CAAU,KAAK,CAAC;MADnBC,sBAAsB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,yBAAyB,GAAAH,EAAA,CAAA,CAAA,CAC9B;IAC1B,IAAMI,WAAW,GAAGP,iBAAiB,GAAG,WAAW,GAAGQ,SAAS;IAE/D,IAAI,CAACV,UAAU,EAAE;MACf,oBACEW,oBAACC,IAAI,EAAAC,QAAA,CAAA;QACHJ,WAAW,EAAEA,WAAW;QACxBR,GAAG,EAAEA,GAAG,IAAI;SACRE,UAAU,EAAA;QACdW,IAAI,EAAC;MACL,CAAA,CAAA,CAAA;IAEL;IAED,IAAIP,sBAAsB,EAAE;MAC1B,oBACEI,KAAA,CAAAI,aAAA,CAACC,WAAW,EAAAH,QAAA,CAAA,CAAA,CAAA,EACNV,UAAU,EACd;QAAAM,WAAW,EAAEA,WAAW;QACxBQ,QAAQ,EAAC,4DAA4D;QACrEC,MAAM,EAAC,4DAA4D;QACnEC,QAAQ,EAAEZ,sBAAsB,GAAGJ,UAAU,CAACgB,QAAQ,GAAG;MAAK,CAAA,CAAA,CAC9D;IAEL;IAED,oBACER,KAAA,CAAAI,aAAA,CAACC,WAAW,EAAAH,QAAA,CAAA,CAAA,CAAA,EACNV,UAAU,EACd;MAAAM,WAAW,EAAEA,WAAW;MACxBQ,QAAQ,EAAC,uDAAuD;MAChEC,MAAM,EAAC,uDAAuD;MAC9DE,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAAZ,yBAAyB,CAAC,IAAI,CAAC;MAA/B,CAA+B;MACpDa,IAAI,EAAE;IAAK,CAAA,CAAA,CACX;EAEN,CAAC;EAEDvB,uBAAuB,CAACwB,WAAW,GAAG,yBAAyB;EAAA,OA7ClDxB,uBAAuB;AAAA;"}

package/dist/esm/Illustration/utils/usePausePlay.mjs

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import 'tslib';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { LaunchIcon } from '../../Icon/LaunchIcon.mjs';
 import { PauseIcon } from '../../Icon/PauseIcon.mjs';

package/dist/esm/Illustration/utils/usePausePlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePausePlay.mjs","sources":["../../../../src/Illustration/utils/usePausePlay.tsx"],"sourcesContent":["import React, { useState, RefObject } from \"react\"\nimport { LaunchIcon, PauseIcon } from \"~components/Icon\"\n\nexport type usePausePlayHook = {\n  toggle: () => void\n  icon: JSX.Element\n  label: string\n}\n\nexport const usePausePlay = (\n  videoRef: RefObject<HTMLVideoElement>\n): usePausePlayHook => {\n  const [isPaused, setPaused] = useState(false)\n\n  return {\n    toggle: (): void => {\n      if (!videoRef.current) return\n\n      if (videoRef.current.paused) {\n        setPaused(false)\n        videoRef.current.play()\n      } else {\n        setPaused(true)\n        videoRef.current.pause()\n      }\n    },\n    icon: isPaused ? (\n      <LaunchIcon role=\"presentation\" />\n    ) : (\n      <PauseIcon role=\"presentation\" />\n    ),\n    label: isPaused ? \"Play animation\" : \"Pause animation\",\n  }\n}\n"],"names":["usePausePlay","videoRef","_a","useState","isPaused","setPaused","toggle","current","paused","play","pause","icon","React","createElement","LaunchIcon","role","PauseIcon","label"],"mappings":";;;;;;AASO,IAAMA,YAAY,GAAG,SAAAA,CAC1BC,QAAqC,EAAA;EAE/B,IAAAC,EAAA,GAAwBC,QAAQ,CAAC,KAAK,CAAC;IAAtCC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAmB;EAE7C,OAAO;IACLI,MAAM,EAAE,SAAAA,CAAA,EAAA;MACN,IAAI,CAACL,QAAQ,CAACM,OAAO,EAAE;MAEvB,IAAIN,QAAQ,CAACM,OAAO,CAACC,MAAM,EAAE;QAC3BH,SAAS,CAAC,KAAK,CAAC;QAChBJ,QAAQ,CAACM,OAAO,CAACE,IAAI,EAAE;MACxB,CAAA,MAAM;QACLJ,SAAS,CAAC,IAAI,CAAC;QACfJ,QAAQ,CAACM,OAAO,CAACG,KAAK,EAAE;MACzB;IACF,CAAA;IACDC,IAAI,EAAEP,QAAQ,gBACZQ,KAAC,CAAAC,aAAA,CAAAC,UAAU,EAAC;MAAAC,IAAI,EAAC;MAAiB,gBAElCH,KAAA,CAAAC,aAAA,CAACG,SAAS,EAAA;MAACD,IAAI,EAAC;IAAc,CAAA,CAC/B;IACDE,KAAK,EAAEb,QAAQ,GAAG,gBAAgB,GAAG;GACtC;AACH,CAAA;"}
+{"version":3,"file":"usePausePlay.mjs","sources":["../../../../src/Illustration/utils/usePausePlay.tsx"],"sourcesContent":["import React, { useState, RefObject } from \"react\"\nimport { LaunchIcon, PauseIcon } from \"~components/Icon\"\n\nexport type usePausePlayHook = {\n  toggle: () => void\n  icon: JSX.Element\n  label: string\n}\n\nexport const usePausePlay = (\n  videoRef: RefObject<HTMLVideoElement>\n): usePausePlayHook => {\n  const [isPaused, setPaused] = useState(false)\n\n  return {\n    toggle: (): void => {\n      if (!videoRef.current) return\n\n      if (videoRef.current.paused) {\n        setPaused(false)\n        videoRef.current.play()\n      } else {\n        setPaused(true)\n        videoRef.current.pause()\n      }\n    },\n    icon: isPaused ? (\n      <LaunchIcon role=\"presentation\" />\n    ) : (\n      <PauseIcon role=\"presentation\" />\n    ),\n    label: isPaused ? \"Play animation\" : \"Pause animation\",\n  }\n}\n"],"names":["usePausePlay","videoRef","_a","useState","isPaused","setPaused","toggle","current","paused","play","pause","icon","React","createElement","LaunchIcon","role","PauseIcon","label"],"mappings":";;;;;AASO,IAAMA,YAAY,GAAG,SAAAA,CAC1BC,QAAqC,EAAA;EAE/B,IAAAC,EAAA,GAAwBC,QAAQ,CAAC,KAAK,CAAC;IAAtCC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAmB;EAE7C,OAAO;IACLI,MAAM,EAAE,SAAAA,CAAA,EAAA;MACN,IAAI,CAACL,QAAQ,CAACM,OAAO,EAAE;MAEvB,IAAIN,QAAQ,CAACM,OAAO,CAACC,MAAM,EAAE;QAC3BH,SAAS,CAAC,KAAK,CAAC;QAChBJ,QAAQ,CAACM,OAAO,CAACE,IAAI,EAAE;MACxB,CAAA,MAAM;QACLJ,SAAS,CAAC,IAAI,CAAC;QACfJ,QAAQ,CAACM,OAAO,CAACG,KAAK,EAAE;MACzB;IACF,CAAA;IACDC,IAAI,EAAEP,QAAQ,gBACZQ,KAAC,CAAAC,aAAA,CAAAC,UAAU,EAAC;MAAAC,IAAI,EAAC;MAAiB,gBAElCH,KAAA,CAAAC,aAAA,CAACG,SAAS,EAAA;MAACD,IAAI,EAAC;IAAc,CAAA,CAC/B;IACDE,KAAK,EAAEb,QAAQ,GAAG,gBAAgB,GAAG;GACtC;AACH,CAAA;"}

package/dist/esm/Input/Input/types.mjs

@@ -0,0 +1,4 @@
+var InputStatus = ["default", "success", "error", "caution"];
+var InputTypes = ["text", "email", "password"];
+export { InputStatus, InputTypes };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/Input/Input/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../../src/Input/Input/types.ts"],"sourcesContent":["export const InputStatus = [\"default\", \"success\", \"error\", \"caution\"] as const\nexport const InputTypes = [\"text\", \"email\", \"password\"] as const\n"],"names":["InputStatus","InputTypes"],"mappings":"AAAO,IAAMA,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU;AACjE,IAAAC,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAA;"}

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -1,9 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React, { useRef } from 'react';
 import classnames from 'classnames';
-import { LoadingSpinner } from '@kaizen/loading-spinner';
 import { ClearButton } from '../../ClearButton/ClearButton.mjs';
 import { SearchIcon } from '../../Icon/SearchIcon.mjs';
+import '../../Loading/LoadingGraphic/LoadingGraphic.mjs';
+import '../../Loading/LoadingHeading/LoadingHeading.mjs';
+import '../../Loading/LoadingInput/LoadingInput.mjs';
+import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
+import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import styles from './InputSearch.module.scss.mjs';
 const InputSearch = /*#__PURE__*/function () {
   const InputSearch = function (props) {

package/dist/esm/Input/InputSearch/InputSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.mjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}
+{"version":3,"file":"InputSearch.mjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -2,7 +2,6 @@ import React, { useState, createRef } from 'react';
 import classnames from 'classnames';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import 'tslib';
-import 'uuid';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { CheckIcon } from '../Icon/CheckIcon.mjs';
 import { Text } from '../Text/Text.mjs';

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LikertScaleLegacy.mjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":";;;;;;;;;;AA6BA,IAAMA,gBAAgB,GAAG,SAAAA,CAAA,EAAmB;EAAA,oBAC1CC,KAAC,CAAAC,aAAA,CAAAC,SAAS;IAACC,IAAI,EAAC,cAAc;IAACC,iBAAiB,EAAEC,MAAM,CAACC;EAAS,CAAA,CAAA;AADxB,CAE3C;AAED;;;AAGG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAACC,EASf,EAAA;MARjBC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACOC,UAAU,GAAAJ,EAAA,CAAA,aAAA,CAAA;IACzBK,QAAQ,GAAAL,EAAA,CAAAK,QAAA;IACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;IACjBC,MAAM,GAAAP,EAAA,CAAAO,MAAA;IACNC,OAAO,GAAAR,EAAA,CAAAQ,OAAA;EAED,IAAAC,EAAA,GAAgCC,QAAQ,CAAmB,IAAI,CAAC;IAA/DC,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CAAoC;EACtE,IAAMI,QAAQ,GAAaZ,KAAK,CAACa,GAAG,CAAC,UAAAC,CAAC,EAAI;IAAA,OAAC;MACzCC,KAAK,EAAED,CAAC,CAACC,KAAK;MACdC,GAAG,eAAEC,SAAS,CAAkB;IACjC,CAAA;EAAC,CAAA,CAAC;EAEH,IAAMC,gBAAgB,GAAG,SAAAA,CAACC,IAAe,EAAA;;IAEvC,IAAMC,qBAAqB,GAAG,CAAAnB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;;IAGhE,IAAMM,WAAW,GAAGrB,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC,EAAI;MAAA,OAAAA,CAAC,CAACC,KAAK,KAAK,CAAC,CAAC;IAAA,CAAA,CAAC,IAAI,IAAI;;IAG3D,IAAMQ,OAAO,GAAGH,qBAAqB,GAAGC,WAAW,GAAGF,IAAI;IAE1Df,QAAQ,CAACmB,OAAO,CAAC;IACjBZ,cAAc,CAAC,IAAI,CAAC;EACtB,CAAC;EAED;;AAEG;EACH,IAAMa,aAAa,GAAG,SAAAA,CACpBC,KAA0C,EAC1CC,WAAsB,EAAA;IAEtB,IAAMC,WAAW,GAAGC,8BAA8B,CAChDH,KAAK,CAACI,OAAO,EACb5B,YAAY,EACZyB,WAAW,CACZ;IACD,IAAIC,WAAW,EAAE;MACfF,KAAK,CAACK,cAAc,CAAA,CAAE;MAEtB1B,QAAQ,CAACJ,KAAK,CAACsB,IAAI,CAAC,UAAAR,CAAC;QAAI,OAAAA,CAAC,CAACC,KAAK,KAAKY,WAAW;OAAA,CAAC,IAAI,IAAI,CAAC;;MAG1D,IAAMI,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAAH,IAAI,EAAA;QAAI,OAAAA,IAAI,CAACJ,KAAK,KAAKY,WAAW;MAA1B,CAA0B,CAAC;MACjEI,OAAO,IAAIA,OAAO,CAACf,GAAG,CAACgB,OAAO,IAAID,OAAO,CAACf,GAAG,CAACgB,OAAO,CAACC,KAAK,EAAE;IAC9D;EACH,CAAC;EAED,IAAMC,MAAM,GAAG,CAAAxB,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEyB,KAAK,MAAIlC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEkC,KAAK,CAAA,IAAI,WAAW;EAEvE,IAAMC,8BAA8B,GAClC9B,MAAM,KAAK,SAAS,IAAID,iBAAiB,KAAKgC,SAAS;EAEzD,IAAMC,mBAAmB,GAAGF,8BAA8B,GACtD,EAAG,CAAAG,MAAA,CAAAhC,OAAO,EAA2B,2BAAA,CAAA,GACrC8B,SAAS;EAEb,IAAMG,OAAO,GAAGvC,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAG,CAAC;EAEtD,oBACExB;IACEkD,SAAS,EAAEC,UAAU,CACnB9C,MAAM,CAAC+C,SAAS,EAChBH,OAAO,IAAI5C,MAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAI,CAACN,MAAM,CAACM,QAAQ,CAAC,EAC7BQ,WAAW,KAAK,IAAI,IAAId,MAAM,CAACiD,OAAO,CACvC;uBACgBtC,OAAO;IACxBb,IAAI,EAAC,YAAY;IACjBoD,QAAQ,EAAE,CAAC,CAAC;IAAA,kBAAA,EACMR,mBAAmB;IAAA,aAAA,EACxBnC;EAAU,CAAA,eAEvBZ,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAE7C,MAAM,CAACsC,MAAM;mBACX/B,UAAU,IAAI,EAAG,CAAAoC,MAAA,CAAApC,UAAU,EAAS,SAAA;EAAA,CAAA,eAEjDZ,KAAC,CAAAC,aAAA,CAAAuD,IAAI;IAACC,OAAO,EAAC,OAAO;IAACC,KAAK,EAAE/C,QAAQ,GAAG,OAAO,GAAG;EAC/C,CAAA,EAAAgC,MAAM,CACF,CACH,eACN3C,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAiD,SAAS,EAAEC,UAAU,CACnB9C,MAAM,CAACsD,aAAa,EACpBV,OAAO,IAAI5C,MAAM,CAACgD,KAAK,EACvB1C,QAAQ,IAAIN,MAAM,CAACM,QAAQ;EAG5B,CAAA,EAAAF,KAAK,CAACa,GAAG,CAAC,UAACM,IAAe,EAAA;IACzB,IAAIA,IAAI,CAACJ,KAAK,IAAI,CAAC,EAAE;MACnB;IACD;IAED,IAAMoC,cAAc,GAAG,CAAAlD,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,MAAKI,IAAI,CAACJ,KAAK;IACzD,IAAMgB,OAAO,GAAGnB,QAAQ,CAACU,IAAI,CAAC,UAAA8B,CAAC,EAAI;MAAA,OAAAjC,IAAI,CAACJ,KAAK,KAAKqC,CAAC,CAACrC,KAAK;IAAA,CAAA,CAAC;;IAG1D,IAAI+B,QAAQ,GAAG,CAAC;;IAEhB,IACE7C,YAAY,IACZA,YAAY,CAACc,KAAK,GAAG,CAAC,IACtBd,YAAY,CAACc,KAAK,KAAKI,IAAI,CAACJ,KAAK,EACjC;MACA+B,QAAQ,GAAG,CAAC,CAAC;IACd;IAED,IAAMO,UAAU,GACdpD,YAAY,IAAIkB,IAAI,CAACJ,KAAK,KAAId,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEc,KAAK,CAAA,IAAI,CAACL,WAAW;IACnE,IAAM4C,WAAW,GAAG5C,WAAW,IAAIA,WAAW,CAACK,KAAK,IAAII,IAAI,CAACJ,KAAK;IAClE,IAAMwC,YAAY,GAAGtD,YAAY,IAAIA,YAAY,CAACc,KAAK,GAAGI,IAAI,CAACJ,KAAK;IAEpE,oBACExB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEiD,SAAS,EAAEC,UAAU,CACnB9C,MAAM,CAAC4D,UAAU,EACjB5D,MAAM,CAAC,YAAa,CAAA2C,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE,CAAC,EACjCsC,UAAU,IAAIzD,MAAM,CAAC6D,QAAQ,EAC7BH,WAAW,IAAI1D,MAAM,CAAC8D,SAAS,EAC/BH,YAAY,IAAI3D,MAAM,CAAC+D,UAAU,CAClC;MACDC,GAAG,EAAEzC,IAAI,CAACJ,KAAK;MACF,aAAA,EAAAZ,UAAU,IAAI,EAAA,CAAAoC,MAAA,CAAGpC,UAAU,EAAS,QAAA,CAAA,CAAAoC,MAAA,CAAApB,IAAI,CAACJ,KAAK,CAAE;MAC7D8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAA3C,gBAAgB,CAACC,IAAI,CAAC;OAAA;MAC3C2C,YAAY,EAAE,SAAAA,CAAA;QAAY,OAAAnD,cAAc,CAACQ,IAAI,CAAC;MAAA,CAAA;MAC9C4C,YAAY,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAApD,cAAc,CAAC,IAAI,CAAC;MAAA,CAAA;MAC9CqD,SAAS,EAAE,SAAAA,CAACvC,KAAK;QAAW,OAAAD,aAAa,CAACC,KAAK,EAAEN,IAAI,CAAC;MAAA,CAAA;MACtD8C,OAAO,EAAE,SAAAA,CAAA,EAAA;QAAY,OAAAtD,cAAc,CAACQ,IAAI,CAAC;OAAA;MACzC+C,MAAM,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAAvD,cAAc,CAAC,IAAI,CAAC;OAAA;MACxCjB,IAAI,EAAC,OAAO;MACA,YAAA,EAAAyB,IAAI,CAACgB,KAAK;MAAA,cAAA,EACRgB,cAAc;MAAA,eAAA,EACbhC,IAAI,CAACJ,KAAK;MACX,cAAA,EAAA,CAAC;MACf+B,QAAQ,EAAEA,QAAQ;MAClB9B,GAAG,EAAEe,OAAO,IAAIA,OAAO,CAACf;IAAG,CAAA,eAE3BzB,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAiD,SAAS,EAAEC,UAAU,CACnB9C,MAAM,CAACuE,cAAc,EACrBvE,MAAM,CAAC,OAAA,CAAA2C,MAAA,CAAQpB,IAAI,CAACJ,KAAK,CAAE,CAAC,EAC5BoC,cAAc,IAAIvD,MAAM,CAACwE,GAAG;KAE9B,CAAA,EACDjB,cAAc,gBAAG5D,KAAA,CAAAC,aAAA,CAACF,gBAAgB,EAAA,IAAA,CAAG,GAAG,IAAI,CACzC;EAEV,CAAC,CAAC,CACE,EACL8C,8BAA8B,iBAC7B7C,KAAA,CAAAC,aAAA,CAAC6E,YAAY,EAAA;IACXC,EAAE,EAAEhC,mBAAmB;IACvBiC,OAAO,EAAElE,iBAAiB;IAC1BC,MAAM,EAAEA,MAAM;IACdJ,QAAQ,EAAEA;EACV,CAAA,CACH,CACG;AAEV,CAAA;"}
+{"version":3,"file":"LikertScaleLegacy.mjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":"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"}

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

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Assertive, Positive, Negative, Informative, Cautionary } from '@kaizen/draft-illustration';
 import { Heading } from '../../Heading/Heading.mjs';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { CautionWhiteIcon } from '../../Icon/CautionWhiteIcon.mjs';
 import { ExclamationWhiteIcon } from '../../Icon/ExclamationWhiteIcon.mjs';
 import { InformationWhiteIcon } from '../../Icon/InformationWhiteIcon.mjs';
 import { SuccessWhiteIcon } from '../../Icon/SuccessWhiteIcon.mjs';
+import { Assertive, Positive, Negative, Informative, Cautionary } from '../../Illustration/Spot/Spot.mjs';
+import '../../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
+import '../../Illustration/Scene/Scene.mjs';
 import { GenericModal } from '../GenericModal/GenericModal.mjs';
 import '../GenericModal/context/ModalContext.mjs';
 import { ModalAccessibleDescription } from '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';

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

@@ -1 +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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"}
+{"version":3,"file":"ConfirmationModal.mjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\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  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"~components/Illustration\"\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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Heading } from '@kaizen/typography';
+import { Heading } from '../../Heading/Heading.mjs';
 import { GenericModal } from '../GenericModal/GenericModal.mjs';
 import '../GenericModal/context/ModalContext.mjs';
 import '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';

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

@@ -1 +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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"}
+{"version":3,"file":"ContextModal.mjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\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/subcomponents/ModalHeader/ModalHeader.mjs

@@ -2,7 +2,6 @@ import React from 'react';
 import '../../../../Button/Button/Button.mjs';
 import { IconButton } from '../../../../Button/IconButton/IconButton.mjs';
 import 'tslib';
-import 'uuid';
 import '../../../../Icon/subcomponents/SVG/SVG.mjs';
 import { CloseIcon } from '../../../../Icon/CloseIcon.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';

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

@@ -1 +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;"}
+{"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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Heading } from '@kaizen/typography';
+import { Heading } from '../../Heading/Heading.mjs';
 import { GenericModal } from '../GenericModal/GenericModal.mjs';
 import '../GenericModal/context/ModalContext.mjs';
 import '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';

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

@@ -1 +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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"}
+{"version":3,"file":"InputEditModal.mjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\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/Notification/InlineNotification/InlineNotification.mjs.map

@@ -1 +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;"}
+{"version":3,"file":"InlineNotification.mjs","sources":["../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"~components/Heading\"\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/GenericNotification/GenericNotification.mjs.map

@@ -1 +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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"}
+{"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 \"~components/Heading\"\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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Heading } from '@kaizen/typography';
+import { Heading } from '../../../Heading/Heading.mjs';
 import styles from '../GenericNotification/GenericNotification.module.scss.mjs';
 const NotificationHeading = /*#__PURE__*/function () {
   const NotificationHeading = function (_a) {

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

@@ -1 +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;"}
+{"version":3,"file":"NotificationHeading.mjs","sources":["../../../../../src/Notification/subcomponents/NotificationHeading/NotificationHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading, HeadingProps } from \"~components/Heading\"\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/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs

@@ -1,6 +1,5 @@
 import { __assign } from 'tslib';
 import React from 'react';
-import 'uuid';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
 import { ArrowForwardIcon } from '../../../Icon/ArrowForwardIcon.mjs';

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

@@ -1 +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;"}
+{"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/TruncateIndicator/TruncateIndicator.mjs

@@ -1,6 +1,5 @@
 import React from 'react';
 import 'tslib';
-import 'uuid';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { EllipsisIcon } from '../../../Icon/EllipsisIcon.mjs';
 import styles from './TruncateIndicator.module.scss.mjs';

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

@@ -1 +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;"}
+{"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/Popover/Popover.mjs

@@ -3,7 +3,6 @@ import React, { useState, useMemo } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import { Heading } from '../Heading/Heading.mjs';
-import 'uuid';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { CloseIcon } from '../Icon/CloseIcon.mjs';
 import { Text } from '../Text/Text.mjs';

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

@@ -1 +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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"}
+{"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":";;;;;;;;;;;AAmCA;AACA,IAAMA,UAAU,GAAG,EAAE;AACrB,IAAMC,WAAW,GAAG,CAAC;AAErB;;;AAGG;AAHH,MAIaC,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAaT,EAAA;IAZb,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAmB,GAAAF,EAAA,CAAAG,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,EAAA,GAAAJ,EAAA,CAAAK,SAAiB;MAAjBA,SAAS,mBAAG,KAAK,GAAAD,EAAA;MACjBE,EAAA,GAAAN,EAAA,CAAAO,IAAc;MAAdA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MACdE,OAAO,GAAAR,EAAA,CAAAQ,OAAA;MACPC,EAAA,GAAAT,EAAA,CAAAU,WAAmB;MAAnBA,WAAW,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACnBE,OAAO,GAAAX,EAAA,CAAAW,OAAA;MACPC,EAAkB,GAAAZ,EAAA,CAAAa,UAAA;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,UAAU,GAAAd,EAAA,CAAAc,UAAA;MACVC,gBAAgB,GAAAf,EAAA,CAAAe,gBAAA;MAChBC,iBAAiB,GAAAhB,EAAA,CAAAgB,iBAAA;MACdC,SAAS,GAZUC,MAAA,CAAAlB,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,mBAAA,CAavB,CADa;IAEN,IAAAmB,EAAA,GAAoCC,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IACK,IAAAI,EAAA,GAAkCH,QAAQ,CAAwB,IAAI,CAAC;MAAtEI,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAyC;IACvE,IAAAG,KAAuCC,SAAS,CACpDZ,gBAAgB,EAChBM,aAAa,EACb;QACEO,SAAS,EAAE,CACT;UACEC,IAAI,EAAE,OAAO;UACbC,OAAO,EAAE;YACPC,OAAO,EAAEP,YAAY;;;YAGrBQ,OAAO,EAAEnC,UAAU,GAAG,CAAC,GAAG;UAC3B;QACF,CAAA,EACD;UACEgC,IAAI,EAAE,QAAQ;UACdC,OAAO,EAAE;YACPG,MAAM,EAAE,CAAC,CAAC,EAAEnC,WAAW,GAAG,CAAC;UAC5B;QACF,CAAA,EACD;UACE+B,IAAI,EAAE,iBAAiB;UACvBC,OAAO,EAAE;;;YAGPE,OAAO,EAAE,CAAC;YACVE,OAAO,EAAE,IAAI;YACbC,WAAW,EAAE,IAAI;YACjBC,YAAY,EAAE;UACf;QACF,CAAA,EACD;UACEP,IAAI,EAAE,MAAM;UACZC,OAAO,EAAE;YACPE,OAAO,EAAE,CAAC;YACVG,WAAW,EAAE,IAAI;YACjBE,kBAAkB,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO;UACtD;QACF,CAAA,CACF;QACDhC,SAAS,EAAAA;MACV,CAAA,CACF;MA1CeiC,YAAY,GAAAZ,EAAA,CAAAa,MAAA;MAAEC,UAAU,gBA0CvC;IAED,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MACEC,GAAG,EAAEtB,gBAAgB;MACrBuB,KAAK,EAAEP,YAAY,CAACQ;KAChB,EAAAN,UAAU,CAACM,MAAM,EAAA;MACrBC,SAAS,EAAEC,UAAU,CACnBT,MAAM,CAACU,IAAI,EACXC,cAAc,CAAC3C,IAAI,CAAC,EACpBS,iBAAiB;OAEfC,SAAS,CAAA,eAEbwB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKK,SAAS,EAAEI,oBAAoB,CAAChD,OAAO;IAAC,CAAA,EAC1CK,OAAO,iBACNiC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKK,SAAS,EAAER,MAAM,CAACa;IAAM,CAAA,EAC1BjD,OAAO,KAAK,SAAS,iBACpBsC,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAK,SAAS,EAAEC,UAAU,CACnBT,MAAM,CAACc,IAAI,EACXC,qBAAqB,CAACnD,OAAO,CAAC;IAC/B,CAAA,EAEAW,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAVA,UAAU,GAAIyC,gBAAgB,CAACpD,OAAO,CAAC,CAE3C,eACDsC,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;MAACrD,OAAO,EAAC,WAAW;MAACa,iBAAiB,EAAEuB,MAAM,CAAC1B;IAAU,CAAA,EAC9DL,OAAO,CACA,EACTE,WAAW,iBACV+B,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEK,SAAS,EAAER,MAAM,CAACkB,KAAK;MACvBC,OAAO,EAAE/C,OAAO;MAChBgD,IAAI,EAAC,QAAQ;oBACF;IAAO,CAAA,eAElBlB,KAAC,CAAAC,aAAA,CAAAkB,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAEpC,CAEJ,eACDpB,KAAC,CAAAC,aAAA,CAAAoB,IAAI;MACH3D,OAAO,EAAC,OAAO;MACfa,iBAAiB,EAAEgC,UAAU,CAC3BT,MAAM,CAACwB,SAAS,EAChBC,cAAc,CAACnD,UAAU,CAAC;IAC3B,CAAA,EAEAZ,QAAQ,CACJ,CACH,eACNwC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEE,GAAG,EAAEnB,eAAe;MACpBoB,KAAK,EAAEP,YAAY,CAAC2B,KAAK;MACzBlB,SAAS,EAAER,MAAM,CAAC2B;IAAY,CAAA,eAE9BzB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEK,SAAS,EAAEC,UAAU,CAACT,MAAM,CAAC0B,KAAK,EAAEE,sBAAsB,CAAChE,OAAO,CAAC;MACnE,CACE,CACF;EAEV,CAAC;EAEDJ,OAAO,CAACqE,WAAW,GAAG,SAAS;EAI/B;;;;;;;;;;;;;;;;;;AAkBG;EAlBH,OAjIarE,OAAO;AAAA;AAoJP,IAAAsE,UAAU,GAAG,SAAAA,CAAA,EAAA;EAIlB,IAAArE,EAAA,GAA0CoB,QAAQ,CACtD,IAAI,CACL;IAFML,gBAAgB,GAAAf,EAAA,CAAA,CAAA,CAAA;IAAEsE,mBAAmB,GAAAtE,EAAA,CAAA,CAAA,CAE3C;;;;;EAMD,IAAMuE,cAAc,GAAGC,OAAO;;EAE5B,YAAM;IAAA,OAAA,UAACC,KAA6B,EAAA;MAClC,OAAA1D,gBAAgB,gBACd0B,KAAA,CAAAC,aAAA,CAAC3C,OAAO,EAAK4C,QAAA,CAAA,CAAA,CAAA,EAAA8B,KAAK,EAAE;QAAA1D,gBAAgB,EAAEA;OAAgB,CAAA,CAAI,GACxD,IAAI;IAFR,CAEQ;EAAA,CAAA,EACV,CAACA,gBAAgB,CAAC,CACnB;EAED,OAAO,CAACuD,mBAAmB,EAAEC,cAAc,CAAC;AAC9C,CAAA;"}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import 'tslib';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { CautionIcon } from '../../Icon/CautionIcon.mjs';
 import { ExclamationIcon } from '../../Icon/ExclamationIcon.mjs';