@vibe/core 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/src/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\n\nexport interface ModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: ModalProps) => {\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = ReactDOM.createPortal(\n    <div\n      {...attr.container}\n      className={cx(styles.container, classNames.container)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n      style={{ \"--monday-modal-z-index\": zIndex }}\n    >\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n      <div\n        onClick={closeIfNotAlertType}\n        className={cx(styles.overlay, classNames.overlay)}\n        data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n      />\n      <div\n        {...attr.dialog}\n        className={cx(styles.dialog, classNames.modal, {\n          [styles.default]: width === \"default\",\n          [styles.full]: width === \"full-width\",\n          [styles.spacing]: contentSpacing\n        })}\n        style={{ width: customWidth ? width : null }}\n      >\n        {header}\n        {content}\n        {footer}\n      </div>\n    </div>,\n    document.body\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(dialog, document.body);\n};\n\nexport default withStaticProps(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","ReactDOM","createPortal","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","Object","assign","_defineProperty","default","full","spacing","document","body","ModalWidthEnum"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface ModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: ModalProps) => {\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\nexport default withStaticProps(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"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"}

package/dist/src/components/Modal/Modal.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container_50b15b52a2",overlay:"overlay_6ae2d5d219","overlay-fade-out":"overlay-fade-out_50db1ef615","overlay-fade-in":"overlay-fade-in_c0717a9738",dialog:"dialog_a668c73599",default:"default_c0f867c60b",full:"full_24ce2a5586",spacing:"spacing_6ee99299fb"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-e49357986d51_3_0_0-alpha_0";if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}(".container_50b15b52a2,\n.overlay_6ae2d5d219 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_50b15b52a2 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_50b15b52a2[aria-hidden=true] {\n  display: none;\n}\n\n.container_50b15b52a2[aria-hidden=true] .overlay_6ae2d5d219 {\n  background-color: transparent;\n  animation: overlay-fade-out_50db1ef615 70ms var(--motion-timing-enter);\n}\n\n.overlay_6ae2d5d219 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_c0717a9738 70ms var(--motion-timing-enter);\n}\n\n.dialog_a668c73599 {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_a668c73599.default_c0f867c60b {\n  width: 520px;\n}\n\n.dialog_a668c73599.full_24ce2a5586 {\n  width: 100vw;\n}\n\n.dialog_a668c73599.spacing_6ee99299fb {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_c0717a9738 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_50db1ef615 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_12a5625a84",overlay:"overlay_3882393aff","overlay-fade-out":"overlay-fade-out_ca439d846e","overlay-fade-in":"overlay-fade-in_60ed328440",dialog:"dialog_da3a489338",default:"default_cbf801d6f0",full:"full_867d2181e2",spacing:"spacing_621738651b"};!function(n){const a="s_id-fe267e23c74c_3_0_0-alpha_9";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_12a5625a84,\n.overlay_3882393aff {\n  position: fixed;\n  inset: 0;\n}\n\n.container_12a5625a84 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_12a5625a84[aria-hidden=true] {\n  display: none;\n}\n\n.container_12a5625a84[aria-hidden=true] .overlay_3882393aff {\n  background-color: transparent;\n  animation: overlay-fade-out_ca439d846e 70ms var(--motion-timing-enter);\n}\n\n.overlay_3882393aff {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_60ed328440 70ms var(--motion-timing-enter);\n}\n\n.dialog_da3a489338 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_da3a489338.default_cbf801d6f0 {\n  width: 520px;\n}\n\n.dialog_da3a489338.full_867d2181e2 {\n  width: 100vw;\n}\n\n.dialog_da3a489338.spacing_621738651b {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_60ed328440 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_ca439d846e {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_a0fda292f9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-40a1f8a37338_3_0_0-alpha_0";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".container_a0fda292f9 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_a0fda292f9::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_a0fda292f9::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_a9157c0752"};!function(e){const n="s_id-40a1f8a37338_3_0_0-alpha_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_a9157c0752 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_a9157c0752::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_a9157c0752::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalContent.module.scss.js.map

package/dist/src/components/Modal/ModalFooter/ModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_fdb8a36ead"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-9ff7e713f88b_3_0_0-alpha_0";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".container_fdb8a36ead {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_e327a3dbd1"};!function(e){const t="s_id-9ff7e713f88b_3_0_0-alpha_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_e327a3dbd1 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import o from"../../Icon/Icons/components/CloseSmall.js";import a from"../../Icon/Icon.js";import{NOOP as i}from"../../../utils/function-utils.js";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import m from"../../Text/Text.js";import c from"../../Heading/Heading.js";import l from"../../Flex/Flex.js";import d from"./ModalHeader.module.scss.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,x=p.description,N=void 0===x?"":x,v=p.descriptionClassName,E=p.icon,g=p.closeModal,I=void 0===g?i:g,y=p.iconSize,C=void 0===y?24:y,H=p.iconClassName,L=p.closeButtonAriaLabel,B=void 0===L?"close":L,M=p.id,S=p["data-testid"];return e.createElement("div",{className:t(d.container,p.className),"data-testid":S||n(r.MODAL_HEADER,M)},u||e.createElement(l,{align:"start",gap:"small",className:j},E&&e.createElement(a,{className:t(d.icon,H),icon:E,iconType:"svg",iconSize:C,ignoreFocusStyle:!0}),e.createElement(c,{id:M,maxLines:2},f)),N&&e.createElement(m,{type:"text2",maxLines:2,className:t(d.description,v)},N),e.createElement("div",{className:t(d.closeButton)},e.createElement(s,{key:"xxs",onClick:I,ariaLabel:B,icon:o,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
+import t from"react";import i from"classnames";import s from"../../IconButton/IconButton.js";import"../../../../icons/dist/_virtual/_tslib.js";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import o from"../../../../icons/dist/react/CloseSmall.js";import"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import"../../../../icons/dist/react/Sort.js";import"../../../../icons/dist/react/SortAscending.js";import"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import e from"../../Icon/Icon.js";import{NOOP as r}from"../../../utils/function-utils.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";import n from"../../Text/Text.js";import m from"../../Heading/Heading.js";import d from"../../Flex/Flex.js";import l from"./ModalHeader.module.scss.js";var p=function(p){var j=p.title,v=p.children,f=p.titleClassName,g=p.description,u=void 0===g?"":g,N=p.descriptionClassName,C=p.icon,h=p.closeModal,x=void 0===h?r:h,E=p.iconSize,S=void 0===E?24:E,A=p.iconClassName,D=p.closeButtonAriaLabel,L=void 0===D?"close":D,M=p.id,w=p["data-testid"];return t.createElement("div",{className:i(l.container,p.className),"data-testid":w||a(c.MODAL_HEADER,M)},v||t.createElement(d,{align:"start",gap:"small",className:f},C&&t.createElement(e,{className:i(l.icon,A),icon:C,iconType:"svg",iconSize:S,ignoreFocusStyle:!0}),t.createElement(m,{id:M,maxLines:2},j)),u&&t.createElement(n,{type:"text2",maxLines:2,className:i(l.description,N)},u),t.createElement("div",{className:i(l.closeButton)},t.createElement(s,{key:"xxs",onClick:x,ariaLabel:L,icon:o,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
 //# sourceMappingURL=ModalHeader.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport CloseSmall from \"../../Icon/Icons/components/CloseSmall\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the wrapper\n   */\n  className?: string;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**  /**\n   * ID for the title, needed for accessibility. No need to provide it, it is being provided by the modal\n   */\n  id?: string;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface ModalHeaderWithOnlyTitle extends BaseModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface ModalHeaderWithOnlyChildren extends BaseModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type ModalHeaderProps = ModalHeaderWithOnlyTitle | ModalHeaderWithOnlyChildren;\n\nconst ModalHeader: FC<ModalHeaderProps> = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(ModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default ModalHeader;\n"],"names":["ModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"mgBAwEA,IAAMA,EAAoC,SAAzBC,GAcZ,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAa,CACzBgD,YAAa"}
+{"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the wrapper\n   */\n  className?: string;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**  /**\n   * ID for the title, needed for accessibility. No need to provide it, it is being provided by the modal\n   */\n  id?: string;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface ModalHeaderWithOnlyTitle extends BaseModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface ModalHeaderWithOnlyChildren extends BaseModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type ModalHeaderProps = ModalHeaderWithOnlyTitle | ModalHeaderWithOnlyChildren;\n\nconst ModalHeader: FC<ModalHeaderProps> = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(ModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default ModalHeader;\n"],"names":["ModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"khDAwEA,IAAMA,EAAoC,SAAzBC,GAcZ,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAa,CACzBgD,YAAa"}

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_82bc68e00b",icon:"icon_c444e8af7e",description:"description_b7a6c2c108",closeButton:"closeButton_f4239ace29"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-f34f7b91e8f3_3_0_0-alpha_0";if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".container_82bc68e00b {\n  margin-block-start: var(--spacing-medium);\n}\n.container_82bc68e00b .icon_c444e8af7e {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_82bc68e00b .description_b7a6c2c108 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_82bc68e00b .closeButton_f4239ace29 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_e1e80f5931",icon:"icon_7dc773aecb",description:"description_bbdc5b2cc8",closeButton:"closeButton_b444676514"};!function(e){const n="s_id-f34f7b91e8f3_3_0_0-alpha_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_e1e80f5931 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_e1e80f5931 .icon_7dc773aecb {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_e1e80f5931 .description_bbdc5b2cc8 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_e1e80f5931 .closeButton_b444676514 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useCallback as o,useMemo as l}from"react";import r from"../Icon/Icons/components/Check.js";import a from"../Divider/Divider.js";import{NOOP as n}from"../../utils/function-utils.js";import p from"./components/StepIndicator/StepIndicator.js";import{MultiStepType as m,StepStatus as c,TextPlacement as d,Size as f}from"./MultiStepConstants.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as v}from"../../tests/constants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import S from"./MultiStepIndicator.module.scss.js";var C=y(s((function(s,m){var c=s.className,d=s.steps,f=void 0===d?[]:d,y=s.type,C=void 0===y?"primary":y,I=s.stepComponentClassName,N=s.dividerComponentClassName,j=s.fulfilledStepIcon,g=void 0===j?r:j,b=s.fulfilledStepIconType,D=void 0===b?"svg":b,T=s.isFulfilledStepDisplayNumber,h=void 0!==T&&T,k=s.onClick,E=void 0===k?n:k,P=s.textPlacement,_=void 0===P?"horizontal":P,x=s.id,F=s["data-testid"],z="vertical"===_?"regular":s.size,w=o((function(s,o){return i.createElement(i.Fragment,{key:"".concat(s.titleText,"_").concat(o)},i.createElement(p,Object.assign({},s,{stepNumber:o+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFulfilledStepDisplayNumber:h,size:z})),o!==f.length-1&&i.createElement(a,{className:t(S.divider,N,e({},S.compact,"compact"===z))}))}),[E,h,C,I,g,D,N,f.length,z]),M=o((function(e,s){return i.createElement(p,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(s),stepNumber:s+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFollowedByDivider:s!==f.length-1,stepDividerClassName:t(S.divider,N),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[E,h,C,I,g,D,N,f.length]),O=l((function(){return"vertical"===_?M:w}),[_,M,w]);return i.createElement("ol",{ref:m,id:x,"data-testid":F||u(v.MULTI_STEP_INDICATOR,x),className:t(S.wrapper,c)},f.map(O))})),{types:m,stepStatuses:c,textPlacements:d,sizes:f});export{C as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import i,{forwardRef as s,useCallback as o,useMemo as r}from"react";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import n from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import c from"../Divider/Divider.js";import{NOOP as a}from"../../utils/function-utils.js";import l from"./components/StepIndicator/StepIndicator.js";import{MultiStepType as p,StepStatus as m,TextPlacement as d,Size as f}from"./MultiStepConstants.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import C from"./MultiStepIndicator.module.scss.js";var S=v(s((function(s,p){var m=s.className,d=s.steps,f=void 0===d?[]:d,v=s.type,S=void 0===v?"primary":v,g=s.stepComponentClassName,N=s.dividerComponentClassName,h=s.fulfilledStepIcon,y=void 0===h?n:h,I=s.fulfilledStepIconType,D=void 0===I?"svg":I,b=s.isFulfilledStepDisplayNumber,w=void 0!==b&&b,T=s.onClick,_=void 0===T?a:T,k=s.textPlacement,A=void 0===k?"horizontal":k,E=s.id,M=s["data-testid"],P="vertical"===A?"regular":s.size,x=o((function(s,o){return i.createElement(i.Fragment,{key:"".concat(s.titleText,"_").concat(o)},i.createElement(l,Object.assign({},s,{stepNumber:o+1,type:S,stepComponentClassName:g,fulfilledStepIcon:y,fulfilledStepIconType:D,onClick:_,isFulfilledStepDisplayNumber:w,size:P})),o!==f.length-1&&i.createElement(c,{className:e(C.divider,N,t({},C.compact,"compact"===P))}))}),[_,w,S,g,y,D,N,f.length,P]),F=o((function(t,s){return i.createElement(l,Object.assign({},t,{key:"".concat(t.titleText,"_").concat(s),stepNumber:s+1,type:S,stepComponentClassName:g,fulfilledStepIcon:y,fulfilledStepIconType:D,onClick:_,isFollowedByDivider:s!==f.length-1,stepDividerClassName:e(C.divider,N),isVertical:!0,isFulfilledStepDisplayNumber:w}))}),[_,w,S,g,y,D,N,f.length]),R=r((function(){return"vertical"===A?F:x}),[A,F,x]);return i.createElement("ol",{ref:p,id:E,"data-testid":M||u(j.MULTI_STEP_INDICATOR,E),className:e(C.wrapper,m)},f.map(R))})),{types:p,stepStatuses:m,textPlacements:d,sizes:f});export{S as default};
 //# sourceMappingURL=MultiStepIndicator.js.map

package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport Check from \"../../components/Icon/Icons/components/Check\";\nimport Divider from \"../../components/Divider/Divider\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport {\n  MultiStepType as MultiStepTypeEnum,\n  Size as SizeEnum,\n  StepStatus as StepStatusEnum,\n  TextPlacement as TextPlacementEnum\n} from \"./MultiStepConstants\";\nimport { MultiStepType, MultiStepSize, TextPlacement, Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n  steps?: Step[];\n  type?: MultiStepType;\n  stepComponentClassName?: string;\n  dividerComponentClassName?: string;\n  fulfilledStepIcon?: SubIcon;\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  isFulfilledStepDisplayNumber?: boolean;\n  onClick?: (stepNumber: number) => void;\n  textPlacement?: TextPlacement;\n  size?: MultiStepSize;\n}\n\nconst MultiStepIndicator: VibeComponent<MultiStepIndicatorProps, HTMLOListElement> & {\n  types?: typeof MultiStepTypeEnum;\n  stepStatuses?: typeof StepStatusEnum;\n  textPlacements?: typeof TextPlacementEnum;\n  sizes?: typeof SizeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      steps = [],\n      type = \"primary\",\n      stepComponentClassName,\n      dividerComponentClassName,\n      fulfilledStepIcon = Check,\n      fulfilledStepIconType = \"svg\",\n      isFulfilledStepDisplayNumber = false,\n      onClick = NOOP,\n      textPlacement = \"horizontal\",\n      id,\n      size,\n      \"data-testid\": dataTestId\n    }: MultiStepIndicatorProps,\n    ref\n  ) => {\n    const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n    const renderHorizontalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <React.Fragment key={`${step.titleText}_${index}`}>\n            <StepIndicator\n              {...step}\n              stepNumber={index + 1}\n              type={type}\n              stepComponentClassName={stepComponentClassName}\n              fulfilledStepIcon={fulfilledStepIcon}\n              fulfilledStepIconType={fulfilledStepIconType}\n              onClick={onClick}\n              isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n              size={finalSize}\n            />\n            {index !== steps.length - 1 && (\n              <Divider\n                className={cx(styles.divider, dividerComponentClassName, {\n                  [styles.compact]: finalSize === \"compact\"\n                })}\n              />\n            )}\n          </React.Fragment>\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length,\n        finalSize\n      ]\n    );\n\n    const renderVerticalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <StepIndicator\n            {...step}\n            key={`${step.titleText}_${index}`}\n            stepNumber={index + 1}\n            type={type}\n            stepComponentClassName={stepComponentClassName}\n            fulfilledStepIcon={fulfilledStepIcon}\n            fulfilledStepIconType={fulfilledStepIconType}\n            onClick={onClick}\n            isFollowedByDivider={index !== steps.length - 1}\n            stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n            isVertical\n            isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n          />\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length\n      ]\n    );\n\n    const stepRenderer = useMemo(\n      () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n      [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n    );\n\n    return (\n      <ol\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n        className={cx(styles.wrapper, className)}\n      >\n        {steps.map(stepRenderer)}\n      </ol>\n    );\n  }\n);\n\nexport default withStaticProps(MultiStepIndicator, {\n  types: MultiStepTypeEnum,\n  stepStatuses: StepStatusEnum,\n  textPlacements: TextPlacementEnum,\n  sizes: SizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map","types","MultiStepTypeEnum","stepStatuses","StepStatusEnum","textPlacements","TextPlacementEnum","sizes","SizeEnum"],"mappings":"yuBA+BA,IAiHeA,EAAAA,EA5GXC,GACF,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB,IAGiD,CACjDO,MAAOC,EACPC,aAAcC,EACdC,eAAgBC,EAChBC,MAAOC"}
+{"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport Divider from \"../../components/Divider/Divider\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport {\n  MultiStepType as MultiStepTypeEnum,\n  Size as SizeEnum,\n  StepStatus as StepStatusEnum,\n  TextPlacement as TextPlacementEnum\n} from \"./MultiStepConstants\";\nimport { MultiStepType, MultiStepSize, TextPlacement, Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n  steps?: Step[];\n  type?: MultiStepType;\n  stepComponentClassName?: string;\n  dividerComponentClassName?: string;\n  fulfilledStepIcon?: SubIcon;\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  isFulfilledStepDisplayNumber?: boolean;\n  onClick?: (stepNumber: number) => void;\n  textPlacement?: TextPlacement;\n  size?: MultiStepSize;\n}\n\nconst MultiStepIndicator: VibeComponent<MultiStepIndicatorProps, HTMLOListElement> & {\n  types?: typeof MultiStepTypeEnum;\n  stepStatuses?: typeof StepStatusEnum;\n  textPlacements?: typeof TextPlacementEnum;\n  sizes?: typeof SizeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      steps = [],\n      type = \"primary\",\n      stepComponentClassName,\n      dividerComponentClassName,\n      fulfilledStepIcon = Check,\n      fulfilledStepIconType = \"svg\",\n      isFulfilledStepDisplayNumber = false,\n      onClick = NOOP,\n      textPlacement = \"horizontal\",\n      id,\n      size,\n      \"data-testid\": dataTestId\n    }: MultiStepIndicatorProps,\n    ref\n  ) => {\n    const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n    const renderHorizontalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <React.Fragment key={`${step.titleText}_${index}`}>\n            <StepIndicator\n              {...step}\n              stepNumber={index + 1}\n              type={type}\n              stepComponentClassName={stepComponentClassName}\n              fulfilledStepIcon={fulfilledStepIcon}\n              fulfilledStepIconType={fulfilledStepIconType}\n              onClick={onClick}\n              isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n              size={finalSize}\n            />\n            {index !== steps.length - 1 && (\n              <Divider\n                className={cx(styles.divider, dividerComponentClassName, {\n                  [styles.compact]: finalSize === \"compact\"\n                })}\n              />\n            )}\n          </React.Fragment>\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length,\n        finalSize\n      ]\n    );\n\n    const renderVerticalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <StepIndicator\n            {...step}\n            key={`${step.titleText}_${index}`}\n            stepNumber={index + 1}\n            type={type}\n            stepComponentClassName={stepComponentClassName}\n            fulfilledStepIcon={fulfilledStepIcon}\n            fulfilledStepIconType={fulfilledStepIconType}\n            onClick={onClick}\n            isFollowedByDivider={index !== steps.length - 1}\n            stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n            isVertical\n            isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n          />\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length\n      ]\n    );\n\n    const stepRenderer = useMemo(\n      () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n      [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n    );\n\n    return (\n      <ol\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n        className={cx(styles.wrapper, className)}\n      >\n        {steps.map(stepRenderer)}\n      </ol>\n    );\n  }\n);\n\nexport default withStaticProps(MultiStepIndicator, {\n  types: MultiStepTypeEnum,\n  stepStatuses: StepStatusEnum,\n  textPlacements: TextPlacementEnum,\n  sizes: SizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map","types","MultiStepTypeEnum","stepStatuses","StepStatusEnum","textPlacements","TextPlacementEnum","sizes","SizeEnum"],"mappings":"isDA+BA,IAiHeA,EAAAA,EA5GXC,GACF,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB,IAGiD,CACjDO,MAAOC,EACPC,aAAcC,EACdC,eAAgBC,EAChBC,MAAOC"}

package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_5eb92e94fb",divider:"divider_fca98399ae",compact:"compact_43b2fc8fa8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-0040463364ed_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".wrapper_5eb92e94fb {\n  display: flex;\n}\n.wrapper_5eb92e94fb .divider_fca98399ae {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_5eb92e94fb .divider_fca98399ae.compact_43b2fc8fa8 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper_3e41587aac",divider:"divider_994632a5a3",compact:"compact_d8b0a93526"};!function(e){const a="s_id-0040463364ed_3_0_0-alpha_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_3e41587aac {\n  display: flex;\n}\n.wrapper_3e41587aac .divider_994632a5a3 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_3e41587aac .divider_994632a5a3.compact_d8b0a93526 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as r}from"../../../../tests/testIds.js";import l from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import c,{useState as m,useRef as p,useCallback as d,useEffect as u,useMemo as f}from"react";import{SwitchTransition as v,CSSTransition as y}from"react-transition-group";import _ from"../../../../hooks/useEventListener/index.js";import E from"../../../../hooks/useKeyEvent/index.js";import x from"../../../Icon/Icon.js";import b from"../../../Icon/Icons/components/Check.js";import N from"../../../Divider/Divider.js";import{NOOP as I}from"../../../../utils/function-utils.js";import C from"../../../HiddenText/HiddenText.js";import S from"../../../Clickable/Clickable.js";import k from"./StepIndicator.module.scss.js";var T=[s.ENTER,s.SPACE],j=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?c.createElement(c.Fragment,null,e.stepNumber):c.createElement(x,{icon:t,className:l(k.numberContainerTextCheckIcon),iconType:i,ignoreFocusStyle:!0,ariaHidden:!0})},A=function(s){var x=s.stepComponentClassName,A=s.stepNumber,g=void 0===A?1:A,D=s.status,h=void 0===D?"pending":D,w=s.titleText,F=void 0===w?"Heading text":w,H=s.subtitleText,P=void 0===H?"Subtitle text":H,L=s.type,z=void 0===L?"primary":L,B=s.fulfilledStepIcon,R=void 0===B?b:B,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?I:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=m(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=p(null),re=p(h),le=d((function(){ae(!0)}),[ae]),se=d((function(){ae(!1)}),[ae]),ce=d((function(){return re.current!==h}),[re,h]),me=d((function(){G&&G(g)}),[G,g]);_({eventName:"animationend",callback:se,ref:oe}),E({keys:T,callback:me,ref:oe}),u((function(){ce()&&le()}),[h,ce,le]),u((function(){re.current=h}),[h]);var pe=f((function(){return"Step ".concat(g,": ").concat(F," - ").concat(P,", status: ").concat(h)}),[h,F,g,P]),de=function(e){return[a(k,n(e||"indicator")),a(k,n("type-".concat(z).concat(e))),a(k,n("status-".concat(h).concat(e))),a(k,n("size-".concat($).concat(e)))]};return c.createElement(S,{tabIndex:"-1",elementType:"li",className:l.apply(void 0,t(de("")).concat([x,i(i(i({},k.withAnimation,ne),k.clickable,G),k.textPlacementVertical,X)])),"aria-label":pe,onClick:me,"data-testid":ee||o(r.STEP_INDICATOR,Y)},c.createElement("div",{className:l.apply(void 0,t(de("__number-divider-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__number-container"))),ref:oe,tabIndex:0,role:"button"},c.createElement(v,{mode:"out-in"},c.createElement(y,{classNames:{enter:k.swapEnter,enterActive:k.swapEnterActive,exit:k.swapExit,exitActive:k.swapExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:h},c.createElement("span",{className:l.apply(void 0,t(de("__number-container__text")))},c.createElement(j,{fulfilledStepIcon:R,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:g,status:h}))))),Q&&X&&c.createElement(N,{className:l(k.divider,U)})),c.createElement("div",{className:l.apply(void 0,t(de("__text-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__text-container__title")))},c.createElement(C,{text:h})," ",c.createElement("span",{className:l.apply(void 0,t(de("__text-container__title__text")))},F)),"compact"!==$?c.createElement("span",{className:l.apply(void 0,t(de("__text-container__subtitle__text")))},P):null))};export{A as default};
+import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as o}from"lodash-es";import{getStyle as r}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as n,ComponentDefaultTestId as s}from"../../../../tests/testIds.js";import a from"classnames";import{keyCodes as c}from"../../../../constants/keyCodes.js";import l,{useState as m,useRef as d,useCallback as p,useEffect as u,useMemo as v}from"react";import{SwitchTransition as f,CSSTransition as j}from"react-transition-group";import _ from"../../../../hooks/useEventListener/index.js";import y from"../../../../hooks/useKeyEvent/index.js";import E from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import b from"../../../../../icons/dist/react/Check.js";import"../../../../../icons/dist/react/CloseSmall.js";import"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import x from"../../../Divider/Divider.js";import{NOOP as N}from"../../../../utils/function-utils.js";import C from"../../../HiddenText/HiddenText.js";import S from"../../../Clickable/Clickable.js";import g from"./StepIndicator.module.scss.js";var h=[c.ENTER,c.SPACE],I=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?l.createElement(l.Fragment,null,e.stepNumber):l.createElement(E,{icon:t,className:a(g.numberContainerTextCheckIcon),iconType:i,ignoreFocusStyle:!0,ariaHidden:!0})},k=function(c){var E=c.stepComponentClassName,k=c.stepNumber,A=void 0===k?1:k,T=c.status,D=void 0===T?"pending":T,w=c.titleText,F=void 0===w?"Heading text":w,H=c.subtitleText,R=void 0===H?"Subtitle text":H,L=c.type,P=void 0===L?"primary":L,M=c.fulfilledStepIcon,z=void 0===M?b:M,B=c.fulfilledStepIconType,V=void 0===B?"svg":B,K=c.isFulfilledStepDisplayNumber,O=void 0!==K&&K,U=c.onClick,W=void 0===U?N:U,q=c.isFollowedByDivider,G=void 0!==q&&q,J=c.stepDividerClassName,Q=c.isVertical,X=void 0!==Q&&Q,Y=c.id,Z=c.size,$=void 0===Z?"regular":Z,ee=c["data-testid"],te=m(!1),ie=e(te,2),oe=ie[0],re=ie[1],ne=d(null),se=d(D),ae=p((function(){re(!0)}),[re]),ce=p((function(){re(!1)}),[re]),le=p((function(){return se.current!==D}),[se,D]),me=p((function(){W&&W(A)}),[W,A]);_({eventName:"animationend",callback:ce,ref:ne}),y({keys:h,callback:me,ref:ne}),u((function(){le()&&ae()}),[D,le,ae]),u((function(){se.current=D}),[D]);var de=v((function(){return"Step ".concat(A,": ").concat(F," - ").concat(R,", status: ").concat(D)}),[D,F,A,R]),pe=function(e){return[r(g,o(e||"indicator")),r(g,o("type-".concat(P).concat(e))),r(g,o("status-".concat(D).concat(e))),r(g,o("size-".concat($).concat(e)))]};return l.createElement(S,{tabIndex:"-1",elementType:"li",className:a.apply(void 0,t(pe("")).concat([E,i(i(i({},g.withAnimation,oe),g.clickable,W),g.textPlacementVertical,X)])),"aria-label":de,onClick:me,"data-testid":ee||n(s.STEP_INDICATOR,Y)},l.createElement("div",{className:a.apply(void 0,t(pe("__number-divider-container")))},l.createElement("div",{className:a.apply(void 0,t(pe("__number-container"))),ref:ne,tabIndex:0,role:"button"},l.createElement(f,{mode:"out-in"},l.createElement(j,{classNames:{enter:g.swapEnter,enterActive:g.swapEnterActive,exit:g.swapExit,exitActive:g.swapExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:D},l.createElement("span",{className:a.apply(void 0,t(pe("__number-container__text")))},l.createElement(I,{fulfilledStepIcon:z,fulfilledStepIconType:V,isFulfilledStepDisplayNumber:O,stepNumber:A,status:D}))))),G&&X&&l.createElement(x,{className:a(g.divider,J)})),l.createElement("div",{className:a.apply(void 0,t(pe("__text-container")))},l.createElement("div",{className:a.apply(void 0,t(pe("__text-container__title")))},l.createElement(C,{text:D})," ",l.createElement("span",{className:a.apply(void 0,t(pe("__text-container__title__text")))},F)),"compact"!==$?l.createElement("span",{className:a.apply(void 0,t(pe("__text-container__subtitle__text")))},R):null))};export{k as default};
 //# sourceMappingURL=StepIndicator.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport Icon from \"../../../../components/Icon/Icon\";\nimport Check from \"../../../../components/Icon/Icons/components/Check\";\nimport Divider from \"../../../../components/Divider/Divider\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport Clickable from \"../../../../components/Clickable/Clickable\";\nimport { MultiStepSize, MultiStepType, StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n  status: StepStatus;\n  isFulfilledStepDisplayNumber: boolean;\n  fulfilledStepIcon: SubIcon;\n  fulfilledStepIconType: \"svg\" | \"font\";\n  stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n  status,\n  isFulfilledStepDisplayNumber,\n  fulfilledStepIcon,\n  fulfilledStepIconType,\n  stepNumber\n}) => {\n  return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n    <Icon\n      icon={fulfilledStepIcon}\n      className={classNames(styles.numberContainerTextCheckIcon)}\n      iconType={fulfilledStepIconType}\n      ignoreFocusStyle\n      ariaHidden={true}\n    />\n  ) : (\n    <>{stepNumber}</>\n  );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n  status: StepStatus;\n  titleText: string;\n  subtitleText?: string;\n  stepNumber?: number;\n  stepComponentClassName?: string;\n  type?: MultiStepType;\n  fulfilledStepIcon?: SubIcon;\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  isFulfilledStepDisplayNumber?: boolean;\n  onClick?: (stepNumber: number) => void;\n  isFollowedByDivider?: boolean;\n  stepDividerClassName?: string;\n  isVertical?: boolean;\n  size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n  stepComponentClassName,\n  stepNumber = 1,\n  status = \"pending\",\n  titleText = \"Heading text\",\n  subtitleText = \"Subtitle text\",\n  type = \"primary\",\n  fulfilledStepIcon = Check,\n  fulfilledStepIconType = \"svg\",\n  isFulfilledStepDisplayNumber = false,\n  onClick = NOOP,\n  isFollowedByDivider = false,\n  stepDividerClassName,\n  isVertical = false,\n  id,\n  size = \"regular\",\n  \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n  // Animations state\n  const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n  // Refs\n  const componentRef = useRef(null);\n  const prevStatusRef = useRef(status);\n\n  // Callbacks for modifying animation state\n  const enableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(true);\n  }, [setStatusChangeAnimationState]);\n\n  const disableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(false);\n  }, [setStatusChangeAnimationState]);\n\n  const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n  const handleClick = useCallback(() => {\n    if (onClick) onClick(stepNumber);\n  }, [onClick, stepNumber]);\n\n  // Event listeners for removing animation.\n  useEventListener({\n    eventName: \"animationend\",\n    callback: disableStatusChangeAnimation,\n    ref: componentRef\n  });\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: handleClick,\n    ref: componentRef\n  });\n\n  // Effect - triggering animation when necessary.\n  useEffect(() => {\n    if (isStatusTransition()) {\n      enableStatusChangeAnimation();\n    }\n  }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n  // Effect - updating previous status ref value (for animation) after component update.\n  useEffect(() => {\n    prevStatusRef.current = status;\n  }, [status]);\n\n  const ariaLabel = useMemo(() => {\n    return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n  }, [status, titleText, stepNumber, subtitleText]);\n\n  const getClassNamesWithSuffix = (suffix: string) => {\n    return [\n      getStyle(styles, camelCase(suffix || \"indicator\")),\n      getStyle(styles, camelCase(`type-${type}${suffix}`)),\n      getStyle(styles, camelCase(`status-${status}${suffix}`)),\n      getStyle(styles, camelCase(`size-${size}${suffix}`))\n    ];\n  };\n\n  return (\n    <Clickable\n      tabIndex=\"-1\"\n      elementType=\"li\"\n      className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n        [styles.withAnimation]: statusChangeAnimationState,\n        [styles.clickable]: onClick,\n        [styles.textPlacementVertical]: isVertical\n      })}\n      aria-label={ariaLabel}\n      onClick={handleClick}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n    >\n      <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n        <div\n          className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n          ref={componentRef}\n          tabIndex={0}\n          role=\"button\"\n        >\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition<undefined>\n              // CSSTransition needs to be specified with the generic parameter to decide type for addEndListener's callback\n              // otherwise, addEndListener cb has only `done` param (ts error)\n              classNames={{\n                enter: styles.swapEnter,\n                enterActive: styles.swapEnterActive,\n                exit: styles.swapExit,\n                exitActive: styles.swapExitActive\n              }}\n              addEndListener={(node: HTMLElement, done: () => void) => {\n                node.addEventListener(\"transitionend\", done, false);\n              }}\n              key={status}\n            >\n              <span className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n                <StepCircleDisplay\n                  fulfilledStepIcon={fulfilledStepIcon}\n                  fulfilledStepIconType={fulfilledStepIconType}\n                  isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n                  stepNumber={stepNumber}\n                  status={status}\n                />\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        </div>\n        {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n      </div>\n      <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n        <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n          <HiddenText text={status} /> {/* for accessibility */}\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n        </div>\n        {size !== \"compact\" ? (\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n        ) : null}\n      </div>\n    </Clickable>\n  );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","createElement","Fragment","stepNumber","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","iconType","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","node","done","addEventListener","key","Divider","divider","HiddenText","text"],"mappings":"ygCAoBA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAUjCC,EAAsD,SAArCC,GAMlB,IAHHC,EAAiBD,EAAjBC,kBACAC,EAAqBF,EAArBE,sBAGA,MAAkB,cANZF,EAANG,QAC4BH,EAA5BI,6BAcEC,EAAGC,cAAAD,EAAAE,SAAA,KAXKP,EAAVQ,YAGEH,gBAACI,EAAI,CACHC,KAAMT,EACNU,UAAWC,EAAWC,EAAOC,8BAC7BC,SAAUb,EACVc,oBACAC,YAAY,GAKlB,EAmBMC,EAA8C,SAAjCC,GAiBM,IAhBvBC,EAAsBD,EAAtBC,uBAAsBC,EAAAF,EACtBX,WAAAA,OAAa,IAAHa,EAAG,EAACA,EAAAC,EAAAH,EACdhB,OAAAA,OAAS,IAAHmB,EAAG,UAASA,EAAAC,EAAAJ,EAClBK,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAAAE,EAAAN,EAC1BO,aAAAA,OAAe,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC9BS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAV,EAChBlB,kBAAAA,OAAoB6B,IAAHD,EAAGC,EAAKD,EAAAE,EAAAZ,EACzBjB,sBAAAA,OAAwB,IAAH6B,EAAG,MAAKA,EAAAC,EAAAb,EAC7Bf,6BAAAA,OAA+B,IAAH4B,GAAQA,EAAAC,EAAAd,EACpCe,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAjB,EACdkB,oBAAAA,OAAsB,IAAHD,GAAQA,EAC3BE,EAAoBnB,EAApBmB,qBAAoBC,EAAApB,EACpBqB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEtB,EAAFsB,GAAEC,EAAAvB,EACFwB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,GAAUzB,EAAzB,eAGA0B,GAAoEC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA5EI,GAA0BF,GAAA,GAAEG,GAA6BH,GAAA,GAG1DI,GAAeC,EAAO,MACtBC,GAAgBD,EAAOjD,GAGvBmD,GAA8BC,GAAY,WAC9CL,IAA8B,EAChC,GAAG,CAACA,KAEEM,GAA+BD,GAAY,WAC/CL,IAA8B,EAChC,GAAG,CAACA,KAEEO,GAAqBF,GAAY,WAAA,OAAMF,GAAcK,UAAYvD,CAAM,GAAE,CAACkD,GAAelD,IAEzFwD,GAAcJ,GAAY,WAC1BrB,GAASA,EAAQ1B,EACvB,GAAG,CAAC0B,EAAS1B,IAGboD,EAAiB,CACfC,UAAW,eACXC,SAAUN,GACVO,IAAKZ,KAGPa,EAAY,CACVC,KAAMtE,EACNmE,SAAUH,GACVI,IAAKZ,KAIPe,GAAU,WACJT,MACFH,IAEH,GAAE,CAACnD,EAAQsD,GAAoBH,KAGhCY,GAAU,WACRb,GAAcK,QAAUvD,CAC1B,GAAG,CAACA,IAEJ,IAAMgE,GAAYC,GAAQ,WACxB,MAAA,QAAAC,OAAe7D,EAAU,MAAA6D,OAAK7C,EAAS6C,OAAAA,OAAM3C,EAAY2C,cAAAA,OAAalE,EACvE,GAAE,CAACA,EAAQqB,EAAWhB,EAAYkB,IAE7B4C,GAA0B,SAACC,GAC/B,MAAO,CACLC,EAAS3D,EAAQ4D,EAAUF,GAAU,cACrCC,EAAS3D,EAAQ4D,EAASJ,QAAAA,OAASzC,GAAIyC,OAAGE,KAC1CC,EAAS3D,EAAQ4D,EAASJ,UAAAA,OAAWlE,GAAMkE,OAAGE,KAC9CC,EAAS3D,EAAQ4D,EAASJ,QAAAA,OAAS1B,GAAI0B,OAAGE,OAI9C,OACElE,gBAACqE,EAAS,CACRC,SAAS,KACTC,YAAY,KACZjE,UAAWkE,EAAEC,WAAAC,EAAAA,EAAIT,GAAwB,KAAGD,OAAA,CAAEjD,EAAsB4D,EAAAA,EAAAA,EAAA,CAAA,EACjEnE,EAAOoE,cAAgBhC,IACvBpC,EAAOqE,UAAYhD,GACnBrB,EAAOsE,sBAAwB3C,mBAEtB2B,GACZjC,QAASyB,GACI,cAAAf,IAAcwC,EAAUC,EAAuBC,eAAgB7C,IAE5EpC,EAAKC,cAAA,MAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,iCAC5CjE,EACEC,cAAA,MAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,wBACzCP,IAAKZ,GACLwB,SAAU,EACVY,KAAK,UAELlF,EAAAC,cAACkF,EAAgB,CAACC,KAAK,UACrBpF,EAAAC,cAACoF,EAAa,CAGZ9E,WAAY,CACV+E,MAAO9E,EAAO+E,UACdC,YAAahF,EAAOiF,gBACpBC,KAAMlF,EAAOmF,SACbC,WAAYpF,EAAOqF,gBAErBC,eAAgB,SAACC,EAAmBC,GAClCD,EAAKE,iBAAiB,gBAAiBD,GAAM,EAC9C,EACDE,IAAKpG,GAELE,EAAMC,cAAA,OAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,+BAC7CjE,EAACC,cAAAP,EACC,CAAAE,kBAAmBA,EACnBC,sBAAuBA,EACvBE,6BAA8BA,EAC9BI,WAAYA,EACZL,OAAQA,QAMjBkC,GAAuBG,GAAcnC,EAACC,cAAAkG,GAAQ7F,UAAWkE,EAAGhE,EAAO4F,QAASnE,MAE/EjC,EAAKC,cAAA,MAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,uBAC5CjE,EAAKC,cAAA,MAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,8BAC5CjE,EAAAC,cAACoG,EAAU,CAACC,KAAMxG,QAClBE,EAAAC,cAAA,OAAA,CAAMK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,oCAAoC9C,IAE3E,YAATmB,EACCtC,EAAMC,cAAA,OAAA,CAAAK,UAAWkE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,uCAAuC5C,GACpF,MAIZ"}
+{"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport Icon from \"../../../../components/Icon/Icon\";\nimport { Check } from \"@vibe/icons\";\nimport Divider from \"../../../../components/Divider/Divider\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport Clickable from \"../../../../components/Clickable/Clickable\";\nimport { MultiStepSize, MultiStepType, StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n  status: StepStatus;\n  isFulfilledStepDisplayNumber: boolean;\n  fulfilledStepIcon: SubIcon;\n  fulfilledStepIconType: \"svg\" | \"font\";\n  stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n  status,\n  isFulfilledStepDisplayNumber,\n  fulfilledStepIcon,\n  fulfilledStepIconType,\n  stepNumber\n}) => {\n  return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n    <Icon\n      icon={fulfilledStepIcon}\n      className={classNames(styles.numberContainerTextCheckIcon)}\n      iconType={fulfilledStepIconType}\n      ignoreFocusStyle\n      ariaHidden={true}\n    />\n  ) : (\n    <>{stepNumber}</>\n  );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n  status: StepStatus;\n  titleText: string;\n  subtitleText?: string;\n  stepNumber?: number;\n  stepComponentClassName?: string;\n  type?: MultiStepType;\n  fulfilledStepIcon?: SubIcon;\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  isFulfilledStepDisplayNumber?: boolean;\n  onClick?: (stepNumber: number) => void;\n  isFollowedByDivider?: boolean;\n  stepDividerClassName?: string;\n  isVertical?: boolean;\n  size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n  stepComponentClassName,\n  stepNumber = 1,\n  status = \"pending\",\n  titleText = \"Heading text\",\n  subtitleText = \"Subtitle text\",\n  type = \"primary\",\n  fulfilledStepIcon = Check,\n  fulfilledStepIconType = \"svg\",\n  isFulfilledStepDisplayNumber = false,\n  onClick = NOOP,\n  isFollowedByDivider = false,\n  stepDividerClassName,\n  isVertical = false,\n  id,\n  size = \"regular\",\n  \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n  // Animations state\n  const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n  // Refs\n  const componentRef = useRef(null);\n  const prevStatusRef = useRef(status);\n\n  // Callbacks for modifying animation state\n  const enableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(true);\n  }, [setStatusChangeAnimationState]);\n\n  const disableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(false);\n  }, [setStatusChangeAnimationState]);\n\n  const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n  const handleClick = useCallback(() => {\n    if (onClick) onClick(stepNumber);\n  }, [onClick, stepNumber]);\n\n  // Event listeners for removing animation.\n  useEventListener({\n    eventName: \"animationend\",\n    callback: disableStatusChangeAnimation,\n    ref: componentRef\n  });\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: handleClick,\n    ref: componentRef\n  });\n\n  // Effect - triggering animation when necessary.\n  useEffect(() => {\n    if (isStatusTransition()) {\n      enableStatusChangeAnimation();\n    }\n  }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n  // Effect - updating previous status ref value (for animation) after component update.\n  useEffect(() => {\n    prevStatusRef.current = status;\n  }, [status]);\n\n  const ariaLabel = useMemo(() => {\n    return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n  }, [status, titleText, stepNumber, subtitleText]);\n\n  const getClassNamesWithSuffix = (suffix: string) => {\n    return [\n      getStyle(styles, camelCase(suffix || \"indicator\")),\n      getStyle(styles, camelCase(`type-${type}${suffix}`)),\n      getStyle(styles, camelCase(`status-${status}${suffix}`)),\n      getStyle(styles, camelCase(`size-${size}${suffix}`))\n    ];\n  };\n\n  return (\n    <Clickable\n      tabIndex=\"-1\"\n      elementType=\"li\"\n      className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n        [styles.withAnimation]: statusChangeAnimationState,\n        [styles.clickable]: onClick,\n        [styles.textPlacementVertical]: isVertical\n      })}\n      aria-label={ariaLabel}\n      onClick={handleClick}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n    >\n      <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n        <div\n          className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n          ref={componentRef}\n          tabIndex={0}\n          role=\"button\"\n        >\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition<undefined>\n              // CSSTransition needs to be specified with the generic parameter to decide type for addEndListener's callback\n              // otherwise, addEndListener cb has only `done` param (ts error)\n              classNames={{\n                enter: styles.swapEnter,\n                enterActive: styles.swapEnterActive,\n                exit: styles.swapExit,\n                exitActive: styles.swapExitActive\n              }}\n              addEndListener={(node: HTMLElement, done: () => void) => {\n                node.addEventListener(\"transitionend\", done, false);\n              }}\n              key={status}\n            >\n              <span className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n                <StepCircleDisplay\n                  fulfilledStepIcon={fulfilledStepIcon}\n                  fulfilledStepIconType={fulfilledStepIconType}\n                  isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n                  stepNumber={stepNumber}\n                  status={status}\n                />\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        </div>\n        {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n      </div>\n      <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n        <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n          <HiddenText text={status} /> {/* for accessibility */}\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n        </div>\n        {size !== \"compact\" ? (\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n        ) : null}\n      </div>\n    </Clickable>\n  );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","createElement","Fragment","stepNumber","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","iconType","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","node","done","addEventListener","key","Divider","divider","HiddenText","text"],"mappings":"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"}

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_7d44b710bf",textContainer:"textContainer_7b28aee1c0",sizeCompactTextContainer:"sizeCompactTextContainer_ee8f8151a6",textContainerTitle:"textContainerTitle_3c2fe9295e",visuallyHidden:"visuallyHidden_329eed4f38",textContainerTitleText:"textContainerTitleText_b5d4484e2a",textContainerSubtitleText:"textContainerSubtitleText_02b42fead5",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_61e5870cba",textPlacementVertical:"textPlacementVertical_f1de6dc925",numberDividerContainer:"numberDividerContainer_0167df02b9",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_8fdf636ef5",divider:"divider_9e8c849e01",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_c1d8659e4d",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_ede348c6ef",clickable:"clickable_ae3be90178",withAnimation:"withAnimation_6ec8715df9",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_caa2fe731b",swapEnter:"swapEnter_bf2d369483",swapEnterActive:"swapEnterActive_8270881333",swapExit:"swapExit_9f8aa73ee5",swapExitActive:"swapExitActive_7ec72f5734",numberContainer:"numberContainer_68a4f37887",numberContainerText:"numberContainerText_dbac988e43",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_fe1f7d754d",typePrimaryNumberContainer:"typePrimaryNumberContainer_099a313bc1",typeDangerNumberContainer:"typeDangerNumberContainer_840978bff6",typeSuccessNumberContainer:"typeSuccessNumberContainer_2666ad1990",typeDarkNumberContainer:"typeDarkNumberContainer_787c527690",statusActiveNumberContainer:"statusActiveNumberContainer_9afc0a3c30",sizeCompactNumberContainer:"sizeCompactNumberContainer_bfc7d3b2a4",statusPendingNumberContainer:"statusPendingNumberContainer_8ff4d9ec49","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_5912b53543"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-f9249b867669_3_0_0-alpha_0";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator_7d44b710bf {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_7b28aee1c0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_ee8f8151a6 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_3c2fe9295e {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_3c2fe9295e .visuallyHidden_329eed4f38 {\n  display: none;\n}\n\n.textContainerTitleText_b5d4484e2a {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_02b42fead5 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_61e5870cba {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_f1de6dc925 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_f1de6dc925 .textContainer_7b28aee1c0 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_f1de6dc925 .numberDividerContainer_0167df02b9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_8fdf636ef5 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_f1de6dc925 .numberDividerContainer_0167df02b9 .divider_9e8c849e01 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_c1d8659e4d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_c1d8659e4d.statusActiveNumberDividerContainer_ede348c6ef {\n  width: 40px;\n}\n\n.indicator_7d44b710bf.clickable_ae3be90178 {\n  cursor: pointer;\n}\n\n.withAnimation_6ec8715df9 {\n  animation: stepIndicatiorCirclePopElastic_caa2fe731b var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_bf2d369483 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_8270881333 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_9f8aa73ee5 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_7ec72f5734 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_68a4f37887 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_dbac988e43 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_fe1f7d754d {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_099a313bc1 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_099a313bc1:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_840978bff6 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_840978bff6:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_2666ad1990 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_2666ad1990:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_787c527690 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_787c527690:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_9afc0a3c30 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_9afc0a3c30.typeDangerNumberContainer_840978bff6 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_9afc0a3c30.typeSuccessNumberContainer_2666ad1990 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_9afc0a3c30.typeDarkNumberContainer_787c527690 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_bfc7d3b2a4 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_8ff4d9ec49 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_8ff4d9ec49:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_8ff4d9ec49.typeDangerNumberContainer_840978bff6:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_8ff4d9ec49.typeSuccessNumberContainer_2666ad1990:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_8ff4d9ec49.typeDarkNumberContainer_787c527690:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_5912b53543 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator_d0200fea37",textContainer:"textContainer_61cd3a0f44",sizeCompactTextContainer:"sizeCompactTextContainer_9921bc0f53",textContainerTitle:"textContainerTitle_6279d5555b",visuallyHidden:"visuallyHidden_c786d0d6e4",textContainerTitleText:"textContainerTitleText_90fb0f24d6",textContainerSubtitleText:"textContainerSubtitleText_5e20a299f1",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_916cf7551f",textPlacementVertical:"textPlacementVertical_2fdd885fde",numberDividerContainer:"numberDividerContainer_0e097bbf3d",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_9ec03e988f",divider:"divider_e22cb18eb5",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_5ec037a35e",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_2878a715ed",clickable:"clickable_03723d1ae1",withAnimation:"withAnimation_f13a3a0d11",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_6093b92943",swapEnter:"swapEnter_7276749c90",swapEnterActive:"swapEnterActive_1ec4a3a645",swapExit:"swapExit_d420f4970d",swapExitActive:"swapExitActive_ba00ae617b",numberContainer:"numberContainer_cc944a8cfa",numberContainerText:"numberContainerText_21afba0d98",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_56637932e8",typePrimaryNumberContainer:"typePrimaryNumberContainer_987820829b",typeDangerNumberContainer:"typeDangerNumberContainer_d94c552383",typeSuccessNumberContainer:"typeSuccessNumberContainer_b066f0df71",typeDarkNumberContainer:"typeDarkNumberContainer_29c96f6097",statusActiveNumberContainer:"statusActiveNumberContainer_f0afb8d8ab",sizeCompactNumberContainer:"sizeCompactNumberContainer_73c368859d",statusPendingNumberContainer:"statusPendingNumberContainer_374e3de20b","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_930b7bac5c"};!function(n){const e="s_id-f9249b867669_3_0_0-alpha_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_d0200fea37 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_61cd3a0f44 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_9921bc0f53 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_6279d5555b {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_6279d5555b .visuallyHidden_c786d0d6e4 {\n  display: none;\n}\n\n.textContainerTitleText_90fb0f24d6 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_5e20a299f1 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_916cf7551f {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_2fdd885fde {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_2fdd885fde .textContainer_61cd3a0f44 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_2fdd885fde .numberDividerContainer_0e097bbf3d {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_9ec03e988f {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_2fdd885fde .numberDividerContainer_0e097bbf3d .divider_e22cb18eb5 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_5ec037a35e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_5ec037a35e.statusActiveNumberDividerContainer_2878a715ed {\n  width: 40px;\n}\n\n.indicator_d0200fea37.clickable_03723d1ae1 {\n  cursor: pointer;\n}\n\n.withAnimation_f13a3a0d11 {\n  animation: stepIndicatiorCirclePopElastic_6093b92943 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_7276749c90 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_1ec4a3a645 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_d420f4970d {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_ba00ae617b {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_cc944a8cfa {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_21afba0d98 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_56637932e8 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_987820829b {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_987820829b:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_d94c552383 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_d94c552383:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_b066f0df71 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_b066f0df71:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_29c96f6097 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_29c96f6097:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_f0afb8d8ab {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_f0afb8d8ab.typeDangerNumberContainer_d94c552383 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_f0afb8d8ab.typeSuccessNumberContainer_b066f0df71 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_f0afb8d8ab.typeDarkNumberContainer_29c96f6097 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_73c368859d {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_374e3de20b {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_374e3de20b:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_374e3de20b.typeDangerNumberContainer_d94c552383:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_374e3de20b.typeSuccessNumberContainer_b066f0df71:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_374e3de20b.typeDarkNumberContainer_29c96f6097:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_930b7bac5c {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var r={bar:"bar_3f0492f1a6",typePrimaryPrimary:"typePrimaryPrimary_099a313bc1",typePrimarySecondary:"typePrimarySecondary_7aa1c920c5",typePrimaryPositive:"typePrimaryPositive_2666ad1990",typePrimaryNegative:"typePrimaryNegative_840978bff6",typePrimaryWarning:"typePrimaryWarning_14d025ab71",typeSecondaryPrimary:"typeSecondaryPrimary_fa673f817d",typeSecondarySecondary:"typeSecondarySecondary_d932876198",typeSecondaryPositive:"typeSecondaryPositive_7ee7aa16f4",typeSecondaryNegative:"typeSecondaryNegative_5e102ddfcd",typeSecondaryWarning:"typeSecondaryWarning_d0b8a66e68",animate:"animate_61490d7213"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-4250992e3ce2_3_0_0-alpha_0";if(e.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(r))}(".bar_3f0492f1a6 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_099a313bc1 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_7aa1c920c5 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_2666ad1990 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_840978bff6 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_14d025ab71 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_fa673f817d {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_d932876198 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_7ee7aa16f4 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_5e102ddfcd {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_d0b8a66e68 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_61490d7213 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
+var e={bar:"bar_e97e1996b4",typePrimaryPrimary:"typePrimaryPrimary_987820829b",typePrimarySecondary:"typePrimarySecondary_003f90181a",typePrimaryPositive:"typePrimaryPositive_b066f0df71",typePrimaryNegative:"typePrimaryNegative_d94c552383",typePrimaryWarning:"typePrimaryWarning_ea4ec61cef",typeSecondaryPrimary:"typeSecondaryPrimary_5648e40de9",typeSecondarySecondary:"typeSecondarySecondary_dec959cb2d",typeSecondaryPositive:"typeSecondaryPositive_00aecb1635",typeSecondaryNegative:"typeSecondaryNegative_3f55b7e437",typeSecondaryWarning:"typeSecondaryWarning_189cdac017",animate:"animate_f87cce13c2"};!function(e){const r="s_id-4250992e3ce2_3_0_0-alpha_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_e97e1996b4 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_987820829b {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_003f90181a {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_b066f0df71 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_d94c552383 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_ea4ec61cef {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_5648e40de9 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_dec959cb2d {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_00aecb1635 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_3f55b7e437 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_189cdac017 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_f87cce13c2 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_f89a7ca1d6",fullWidth:"fullWidth_d91528cf9f",container:"container_ac60877ec0",progressBar:"progressBar_c2eda30c18",completed:"completed_ac60877ec0",label:"label_8a53a48e65",large:"large_a10fe822fd",medium:"medium_d15f2c6453",small:"small_c5bcfe218d"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-5855608df299_3_0_0-alpha_0";if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}(".wrapper_f89a7ca1d6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_f89a7ca1d6.fullWidth_d91528cf9f {\n  width: 100%;\n}\n.wrapper_f89a7ca1d6.fullWidth_d91528cf9f .container_ac60877ec0 {\n  border-radius: 0;\n}\n.wrapper_f89a7ca1d6.fullWidth_d91528cf9f .container_ac60877ec0 .progressBar_c2eda30c18 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_f89a7ca1d6.fullWidth_d91528cf9f .container_ac60877ec0 .progressBar_c2eda30c18.completed_ac60877ec0 {\n  border-radius: 0;\n}\n.label_8a53a48e65 {\n  padding-left: var(--spacing-xs);\n}\n.large_a10fe822fd {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_d15f2c6453 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_c5bcfe218d {\n  height: 4px;\n  line-height: 4px;\n}\n.container_ac60877ec0 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_118c3720d7",fullWidth:"fullWidth_3b8db60299",container:"container_45e17f47d5",progressBar:"progressBar_e9b1c2ebb4",completed:"completed_45e17f47d5",label:"label_211c0f9fb2",large:"large_0943f2f8dc",medium:"medium_f35adcc023",small:"small_48fcc82204"};!function(e){const n="s_id-5855608df299_3_0_0-alpha_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_118c3720d7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_118c3720d7.fullWidth_3b8db60299 {\n  width: 100%;\n}\n.wrapper_118c3720d7.fullWidth_3b8db60299 .container_45e17f47d5 {\n  border-radius: 0;\n}\n.wrapper_118c3720d7.fullWidth_3b8db60299 .container_45e17f47d5 .progressBar_e9b1c2ebb4 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_118c3720d7.fullWidth_3b8db60299 .container_45e17f47d5 .progressBar_e9b1c2ebb4.completed_45e17f47d5 {\n  border-radius: 0;\n}\n.label_211c0f9fb2 {\n  padding-left: var(--spacing-xs);\n}\n.large_0943f2f8dc {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_f35adcc023 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_48fcc82204 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_45e17f47d5 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label_8a53a48e65"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-de8a28d20526_3_0_0-alpha_0";if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".label_8a53a48e65 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_211c0f9fb2"};!function(e){const t="s_id-de8a28d20526_3_0_0-alpha_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_211c0f9fb2 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_85b3bbeb87",inputContainer:"inputContainer_c1d8659e4d",input:"input_5e8a0fa7e5",control:"control_36a9bce8f6",labelAnimation:"labelAnimation_a5f5ac5b68",radioCheckedAnimation:"radioCheckedAnimation_8ce8d077cf",disabled:"disabled_05107a33b7",label:"label_743a7fc9a2"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-76103f93a8b2_3_0_0-alpha_0";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton_85b3bbeb87 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_c1d8659e4d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_5e8a0fa7e5 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_36a9bce8f6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_36a9bce8f6 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_a5f5ac5b68 {\n  animation-name: radioCheckedAnimation_8ce8d077cf;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_36a9bce8f6 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_36a9bce8f6 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_85b3bbeb87.disabled_05107a33b7 {\n  cursor: not-allowed;\n}\n\n.radioButton_85b3bbeb87.disabled_05107a33b7 .label_743a7fc9a2 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_c1d8659e4d input:focus-visible + .control_36a9bce8f6 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_85b3bbeb87:hover .inputContainer_c1d8659e4d input:enabled:checked + .control_36a9bce8f6 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_85b3bbeb87:hover .inputContainer_c1d8659e4d input:enabled:not(:checked) + .control_36a9bce8f6,\n.radioButton_85b3bbeb87:focus-within .inputContainer_c1d8659e4d input:enabled:not(:checked) + .control_36a9bce8f6 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_8ce8d077cf {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_18d86232c5",inputContainer:"inputContainer_5ec037a35e",input:"input_dc7e1b8923",control:"control_7f1e89282e",labelAnimation:"labelAnimation_ccd8855611",radioCheckedAnimation:"radioCheckedAnimation_eb1772c119",disabled:"disabled_60844fb922",label:"label_d4bb8e5685"};!function(n){const e="s_id-76103f93a8b2_3_0_0-alpha_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_18d86232c5 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_5ec037a35e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_dc7e1b8923 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_7f1e89282e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_7f1e89282e {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_ccd8855611 {\n  animation-name: radioCheckedAnimation_eb1772c119;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_7f1e89282e {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_7f1e89282e {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_18d86232c5.disabled_60844fb922 {\n  cursor: not-allowed;\n}\n\n.radioButton_18d86232c5.disabled_60844fb922 .label_d4bb8e5685 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_5ec037a35e input:focus-visible + .control_7f1e89282e {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_18d86232c5:hover .inputContainer_5ec037a35e input:enabled:checked + .control_7f1e89282e {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_18d86232c5:hover .inputContainer_5ec037a35e input:enabled:not(:checked) + .control_7f1e89282e,\n.radioButton_18d86232c5:focus-within .inputContainer_5ec037a35e input:enabled:not(:checked) + .control_7f1e89282e {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_eb1772c119 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/src/components/Search/Search.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as n,useCallback as t}from"react";import s from"../../hooks/useMergeRef.js";import l from"../Icon/Icons/components/CloseSmall.js";import i from"../Icon/Icons/components/Search.js";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import d from"./Search.module.scss.js";import u from"../BaseInput/BaseInput.js";import p from"../../hooks/useDebounceEvent/index.js";import f from"../IconButton/IconButton.js";import v from"../Icon/Icon.js";import h from"../Loader/Loader.js";var I=r((function(r,I){var C,b,j,E,N,R,g,x,B,y,A=r.searchIconName,L=void 0===A?i:A,S=r.clearIconName,z=void 0===S?l:S,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,P=r.value,T=r.placeholder,V=r.size,w=void 0===V?"medium":V,O=r.disabled,D=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,K=r.searchResultsContainerId,Q=r.currentAriaResultId,X=r.onChange,Y=r.onFocus,Z=r.onBlur,$=r.onClear,ee=r.className,ae=r.ariaExpanded,oe=r.ariaHasPopup,re=r.id,ne=r["data-testid"];return C=n(null),b=s(I,C),j=p({delay:J,onChange:X,initialStateValue:P}),E=j.inputValue,N=j.onEventChanged,g=t((function(){var e,a;O||(null===(a=null===(e=C.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),R(),null==$||$())}),[O,R=j.clearValue]),x=o.createElement(v,{icon:L,className:d.icon,iconType:"font",iconSize:"small"===w?"16px":"20px"}),B=o.createElement(f,{className:a(d.icon,e({},d.empty,!E)),icon:z,ariaLabel:H,onClick:g,size:"small"===w?"xs":"small","data-testid":c(m.CLEAN_SEARCH_BUTTON,re)}),y=o.createElement(o.Fragment,null,D&&o.createElement(h,{size:"small"===w?"xs":20,color:"secondary",wrapperClassName:a(e({},d.loader,!E&&!_))}),E&&!O&&B,!(k&&E)&&_),o.createElement(u,{ref:b,id:re,type:"search","data-testid":ne||c(m.SEARCH,re),className:a(d.searchWrapper,ee),inputClassName:d.search,value:E,renderLeft:x,renderRight:y,autoFocus:M,placeholder:T,disabled:O,onChange:N,onBlur:Z,onFocus:Y,autoComplete:W,size:w,wrapperRole:"search",inputRole:K?"combobox":void 0,"aria-label":q,"aria-busy":D,"aria-controls":ae?K:void 0,"aria-activedescendant":Q,"aria-haspopup":oe,"aria-expanded":ae})}));export{I as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as t,useRef as i,useCallback as a}from"react";import s from"../../hooks/useMergeRef.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import n from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import c from"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"./Search.module.scss.js";import p from"../BaseInput/BaseInput.js";import u from"../../hooks/useDebounceEvent/index.js";import v from"../IconButton/IconButton.js";import j from"../Icon/Icon.js";import h from"../Loader/Loader.js";var f=t((function(t,f){var C,g,I,R,b,N,A,E,S,x,L=t.searchIconName,w=void 0===L?c:L,B=t.clearIconName,y=void 0===B?n:B,D=t.clearIconLabel,_=void 0===D?"Clear":D,z=t.renderAction,F=t.hideRenderActionOnInput,k=t.value,H=t.placeholder,M=t.size,P=void 0===M?"medium":M,T=t.disabled,V=t.loading,O=t.autoFocus,U=t.autoComplete,W=void 0===U?"off":U,q=t.inputAriaLabel,G=t.debounceRate,J=void 0===G?400:G,K=t.searchResultsContainerId,Q=t.currentAriaResultId,X=t.onChange,Y=t.onFocus,Z=t.onBlur,$=t.onClear,ee=t.className,oe=t.ariaExpanded,re=t.ariaHasPopup,te=t.id,ie=t["data-testid"];return C=i(null),g=s(f,C),I=u({delay:J,onChange:X,initialStateValue:k}),R=I.inputValue,b=I.onEventChanged,A=a((function(){var e,o;T||(null===(o=null===(e=C.current)||void 0===e?void 0:e.focus)||void 0===o||o.call(e),N(),null==$||$())}),[T,N=I.clearValue]),E=r.createElement(j,{icon:w,className:m.icon,iconType:"font",iconSize:"small"===P?"16px":"20px"}),S=r.createElement(v,{className:o(m.icon,e({},m.empty,!R)),icon:y,ariaLabel:_,onClick:A,size:"small"===P?"xs":"small","data-testid":l(d.CLEAN_SEARCH_BUTTON,te)}),x=r.createElement(r.Fragment,null,V&&r.createElement(h,{size:"small"===P?"xs":20,color:"secondary",wrapperClassName:o(e({},m.loader,!R&&!z))}),R&&!T&&S,!(F&&R)&&z),r.createElement(p,{ref:g,id:te,type:"search","data-testid":ie||l(d.SEARCH,te),className:o(m.searchWrapper,ee),inputClassName:m.search,value:R,renderLeft:E,renderRight:x,autoFocus:O,placeholder:H,disabled:T,onChange:b,onBlur:Z,onFocus:Y,autoComplete:W,size:P,wrapperRole:"search",inputRole:K?"combobox":void 0,"aria-label":q,"aria-busy":V,"aria-controls":oe?K:void 0,"aria-activedescendant":Q,"aria-haspopup":re,"aria-expanded":oe})}));export{f as default};
 //# sourceMappingURL=Search.js.map

package/dist/src/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport CloseSmallIcon from \"../Icon/Icons/components/CloseSmall\";\nimport SearchIcon from \"../Icon/Icons/components/Search\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) {\n        return;\n      }\n\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","className","ariaExpanded","ariaHasPopup","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) {\n        return;\n      }\n\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","className","ariaExpanded","ariaHasPopup","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}

package/dist/src/components/Search/Search.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_4914e5ea67",search:"search_912509e5a6",loader:"loader_73c6c014e6",icon:"icon_9d1f61234d",empty:"empty_65b0acf219"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-4e5e4eb516f6_3_0_0-alpha_0";if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper_4914e5ea67 .search_912509e5a6 {\n  appearance: textfield;\n}\n.searchWrapper_4914e5ea67 .search_912509e5a6::-webkit-search-cancel-button, .searchWrapper_4914e5ea67 .search_912509e5a6::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_4914e5ea67 .loader_73c6c014e6 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_4914e5ea67 .icon_9d1f61234d {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_4914e5ea67 .icon_9d1f61234d.empty_65b0acf219 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_35148eace7",search:"search_8a3de61204",loader:"loader_e59af7392c",icon:"icon_1f8b235fed",empty:"empty_80cdab14de"};!function(e){const a="s_id-4e5e4eb516f6_3_0_0-alpha_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_35148eace7 .search_8a3de61204 {\n  appearance: textfield;\n}\n.searchWrapper_35148eace7 .search_8a3de61204::-webkit-search-cancel-button, .searchWrapper_35148eace7 .search_8a3de61204::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_35148eace7 .loader_e59af7392c {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_35148eace7 .icon_1f8b235fed {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_35148eace7 .icon_1f8b235fed.empty_80cdab14de {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_5eb92e94fb",rectangle:"rectangle_a8f4590c54",shine:"shine_8edf5b4449",circle:"circle_73bccd3538",text:"text_1d9e48e21b",textH1:"textH1_e198f76dda",textH2:"textH2_7722ad7ee2",textH3:"textH3_7722ad7ee2",textH4:"textH4_81717948b4",textH5:"textH5_c4793671b9",textH6:"textH6_9bb63ac0bc",textSmall:"textSmall_9e457ce992",textCustom:"textCustom_9bb63ac0bc",fullWidth:"fullWidth_d91528cf9f"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8df79849e8ff_3_0_0-alpha_0";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton_5eb92e94fb {\n  display: flex;\n}\n\n.rectangle_a8f4590c54 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8edf5b4449;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8edf5b4449 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_73bccd3538 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8edf5b4449;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8edf5b4449 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_1d9e48e21b {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8edf5b4449;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8edf5b4449 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_e198f76dda {\n  height: 32px;\n}\n\n.textH2_7722ad7ee2 {\n  height: 24px;\n}\n\n.textH3_7722ad7ee2 {\n  height: 24px;\n}\n\n.textH4_81717948b4 {\n  height: 21px;\n}\n\n.textH5_c4793671b9 {\n  height: 16px;\n}\n\n.textH6_9bb63ac0bc {\n  height: 12px;\n}\n\n.textSmall_9e457ce992,\n.textCustom_9bb63ac0bc {\n  height: 12px;\n}\n\n.fullWidth_d91528cf9f {\n  width: 100%;\n}\n\n.skeleton_5eb92e94fb:not(.fullWidth_d91528cf9f) .text_1d9e48e21b {\n  width: 162px;\n}\n\n.skeleton_5eb92e94fb:not(.fullWidth_d91528cf9f) .circle_73bccd3538 {\n  width: 40px;\n}\n\n.skeleton_5eb92e94fb:not(.fullWidth_d91528cf9f) .rectangle_a8f4590c54 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_3e41587aac",rectangle:"rectangle_3524676451",shine:"shine_11f8e18017",circle:"circle_ad6c7d0724",text:"text_9d730888f0",textH1:"textH1_4e95ebfba3",textH2:"textH2_5c9cb84734",textH3:"textH3_5c9cb84734",textH4:"textH4_b326f019ce",textH5:"textH5_e3cf997e5b",textH6:"textH6_a0f230617c",textSmall:"textSmall_26a32e3f58",textCustom:"textCustom_a0f230617c",fullWidth:"fullWidth_3b8db60299"};!function(n){const e="s_id-8df79849e8ff_3_0_0-alpha_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_3e41587aac {\n  display: flex;\n}\n\n.rectangle_3524676451 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_11f8e18017;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_11f8e18017 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_ad6c7d0724 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_11f8e18017;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_11f8e18017 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_9d730888f0 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_11f8e18017;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_11f8e18017 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_4e95ebfba3 {\n  height: 32px;\n}\n\n.textH2_5c9cb84734 {\n  height: 24px;\n}\n\n.textH3_5c9cb84734 {\n  height: 24px;\n}\n\n.textH4_b326f019ce {\n  height: 21px;\n}\n\n.textH5_e3cf997e5b {\n  height: 16px;\n}\n\n.textH6_a0f230617c {\n  height: 12px;\n}\n\n.textSmall_26a32e3f58,\n.textCustom_a0f230617c {\n  height: 12px;\n}\n\n.fullWidth_3b8db60299 {\n  width: 100%;\n}\n\n.skeleton_3e41587aac:not(.fullWidth_3b8db60299) .text_9d730888f0 {\n  width: 162px;\n}\n\n.skeleton_3e41587aac:not(.fullWidth_3b8db60299) .circle_ad6c7d0724 {\n  width: 40px;\n}\n\n.skeleton_3e41587aac:not(.fullWidth_3b8db60299) .rectangle_3524676451 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_e5a8634708"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_3_0_0-alpha_0";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".selectionIndicator_e5a8634708.selectionIndicator_e5a8634708.selectionIndicator_e5a8634708 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_5c34b8930e"};!function(e){const t="s_id-a25847c4cc71_3_0_0-alpha_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_5c34b8930e.selectionIndicator_5c34b8930e.selectionIndicator_5c34b8930e {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map