npm - @vibe/core - Versions diffs - 4.2.1 → 4.2.3 - Mend

@vibe/core 4.2.1 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1121) hide show

package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container",overlay:"overlay",centerPop:"centerPop",anchorPop:"anchorPop",modal:"modal",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView",containerEnter:"containerEnter",fullView:"fullView",containerEnterActive:"containerEnterActive",centerPopIn:"centerPopIn",anchorPopIn:"anchorPopIn",fullViewIn:"fullViewIn",containerExitActive:"containerExitActive",centerPopOut:"centerPopOut",anchorPopOut:"anchorPopOut",fullViewOut:"fullViewOut"};!function(n){const a="s_id-025304351d4e_4_2_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop {\n  transform: translate(-50%, -50%);\n}\n\n.modal {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal.withHeaderAction {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal.sizeSmall {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal.sizeMedium {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal.sizeLarge {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal.sizeFullView {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal.sizeSmall {\n    --modal-width: 480px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 580px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal.sizeSmall {\n    --modal-width: 520px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 620px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal.sizeFullView {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter .overlay {\n  opacity: 0;\n}\n\n.containerEnter .centerPop {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter .anchorPop {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter .fullView {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive .overlay {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive .centerPop {\n  animation: centerPopIn 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .anchorPop {\n  animation: anchorPopIn 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .fullView {\n  animation: fullViewIn 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive .overlay {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive .centerPop {\n  animation: centerPopOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .anchorPop {\n  animation: anchorPopOut 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .fullView {\n  animation: fullViewOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container",overlay:"overlay",centerPop:"centerPop",anchorPop:"anchorPop",modal:"modal",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView",containerEnter:"containerEnter",fullView:"fullView",containerEnterActive:"containerEnterActive",centerPopIn:"centerPopIn",anchorPopIn:"anchorPopIn",fullViewIn:"fullViewIn",containerExitActive:"containerExitActive",centerPopOut:"centerPopOut",anchorPopOut:"anchorPopOut",fullViewOut:"fullViewOut"};!function(n){const a="s_id-025304351d4e_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop {\n  transform: translate(-50%, -50%);\n}\n\n.modal {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal.withHeaderAction {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal.sizeSmall {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal.sizeMedium {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal.sizeLarge {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal.sizeFullView {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal.sizeSmall {\n    --modal-width: 480px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 580px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal.sizeSmall {\n    --modal-width: 520px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 620px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal.sizeFullView {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter .overlay {\n  opacity: 0;\n}\n\n.containerEnter .centerPop {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter .anchorPop {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter .fullView {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive .overlay {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive .centerPop {\n  animation: centerPopIn 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .anchorPop {\n  animation: anchorPopIn 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .fullView {\n  animation: fullViewIn 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive .overlay {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive .centerPop {\n  animation: centerPopOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .anchorPop {\n  animation: anchorPopOut 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .fullView {\n  animation: fullViewOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=s((function(s,r){var d=s.children,i=s.className,m=s.id,c=s["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||a(e.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
+import t,{forwardRef as a}from"react";import{getTestId as e}from"../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=a((function(a,r){var d=a.children,i=a.className,m=a.id,c=a["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||e(s.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
 //# sourceMappingURL=ModalContent.js.map

package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContent.js","sources":["../../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"~~uNAMMA~~,~~IAAAA~~,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAC~~,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}
1	+ {"version":3,"file":"ModalContent.js","sources":["../../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"oNAMA,IAAMA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,EAAE,cACOC,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}

package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{typeof as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useEffect as o}from"react";import s from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import c from"./ModalHeader.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import{Heading as n,Text as l}from"@vibe/typography/mockedClassNames";import{Icon as d}from"@vibe/icon/mockedClassNames";import{useModal as p}from"../context/ModalContext.js";var f=a((function(a,f){var u=a.title,g=a.description,_=a.descriptionIcon,b=a.className,y=a.id,N=a["data-testid"],j=p(),E=j.modalId,h=j.setDescriptionId,v=j.setTitleId,x=y?"".concat(E,"_").concat(y,"_label"):"".concat(E,"_label"),I=y?"".concat(E,"_").concat(y,"_desc"):"".concat(E,"_desc");return o((function(){E&&(v(x),g&&h(I))}),[E,v,x,g,h,I]),t.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:s(c.header,b),id:y,"data-testid":N||i(r.MODAL_HEADER,y)},"string"==typeof u?t.createElement(n,{id:x,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:c.title},u):u,g&&t.createElement(m,{id:I},_&&t.createElement(d,{icon:"object"===e(_)?_.name:_,className:s(c.descriptionIcon,"object"===e(_)&&_.className)}),"string"==typeof g?t.createElement(l,{element:"span",align:"inherit",type:"text1"},g):g))}));export{f as default};
+import{typeof as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useEffect as o}from"react";import s from"classnames";import{getTestId as i}from"../../../../testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import c from"./ModalHeader.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import{Heading as n,Text as l}from"@vibe/typography/mockedClassNames";import{Icon as d}from"@vibe/icon/mockedClassNames";import{useModal as p}from"../context/ModalContext.js";var f=a((function(a,f){var u=a.title,g=a.description,_=a.descriptionIcon,b=a.className,y=a.id,N=a["data-testid"],j=p(),E=j.modalId,h=j.setDescriptionId,v=j.setTitleId,x=y?"".concat(E,"_").concat(y,"_label"):"".concat(E,"_label"),I=y?"".concat(E,"_").concat(y,"_desc"):"".concat(E,"_desc");return o((function(){E&&(v(x),g&&h(I))}),[E,v,x,g,h,I]),t.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:s(c.header,b),id:y,"data-testid":N||i(r.MODAL_HEADER,y)},"string"==typeof u?t.createElement(n,{id:x,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:c.title},u):u,g&&t.createElement(m,{id:I},_&&t.createElement(d,{icon:"object"===e(_)?_.name:_,className:s(c.descriptionIcon,"object"===e(_)&&_.className)}),"string"==typeof g?t.createElement(l,{element:"span",align:"inherit",type:"text1"},g):g))}));export{f as default};
 //# sourceMappingURL=ModalHeader.js.map

package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.js","sources":["../../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n (\n { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { modalId, setDescriptionId, setTitleId } = useModal();\n const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n useEffect(() => {\n if (!modalId) return;\n setTitleId(titleId);\n if (!description) return;\n setDescriptionId(descriptionId);\n }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n return (\n <Flex\n gap=\"xs\"\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.header, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {typeof title === \"string\" ? (\n <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n {title}\n </Heading>\n ) : (\n title\n )}\n\n {description && (\n <Flex id={descriptionId}>\n {descriptionIcon && (\n <Icon\n icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n />\n )}\n {typeof description === \"string\" ? (\n <Text element=\"span\" align=\"inherit\" type=\"text1\">\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n )}\n </Flex>\n );\n }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"~~qiBAWMA~~,~~IAAAA~~,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,~~EAAOI~~,~~KAAAA~~,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,~~EAAe~~,~~UAC5DK~~,EAAgBT,EAAE,GAAAQ,OAAMJ,~~EAAOI~~,~~KAAAA~~,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,~~EAAc~~,~~SAStE~~,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,~~EAAK~~,~~CAAAZ~~,GAAIS,GACPX,GACCa,EAAAe,cAACC,~~EACC~~,~~CAAAC~~,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,~~EAACe~~,~~cAAAK~~,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}
1	+ {"version":3,"file":"ModalHeader.js","sources":["../../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n (\n { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { modalId, setDescriptionId, setTitleId } = useModal();\n const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n useEffect(() => {\n if (!modalId) return;\n setTitleId(titleId);\n if (!description) return;\n setDescriptionId(descriptionId);\n }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n return (\n <Flex\n gap=\"xs\"\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.header, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {typeof title === \"string\" ? (\n <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n {title}\n </Heading>\n ) : (\n title\n )}\n\n {description && (\n <Flex id={descriptionId}>\n {descriptionIcon && (\n <Icon\n icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n />\n )}\n {typeof description === \"string\" ? (\n <Text element=\"span\" align=\"inherit\" type=\"text1\">\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n )}\n </Flex>\n );\n }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"kiBAWA,IAAMA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,EAAO,KAAAI,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,EAAO,UACpDK,EAAgBT,EAAE,GAAAQ,OAAMJ,EAAO,KAAAI,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,EAAO,SAS/D,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,EAAI,CAACZ,GAAIS,GACPX,GACCa,EAAAe,cAACC,EAAI,CACHC,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,EAAAe,cAACK,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}

package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header",title:"title",descriptionIcon:"descriptionIcon"};!function(e){const n="s_id-348c193d77fe_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header {\n  width: 100%;\n  align-self: flex-start;\n}\n.header .title {\n  width: 100%;\n}\n.header .descriptionIcon {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header",title:"title",descriptionIcon:"descriptionIcon"};!function(e){const n="s_id-348c193d77fe_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header {\n  width: 100%;\n  align-self: flex-start;\n}\n.header .title {\n  width: 100%;\n}\n.header .descriptionIcon {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import{Flex as s}from"@vibe/layout/mockedClassNames";import a from"./ModalMedia.module.scss.js";import r from"classnames";import{getTestId as m,ComponentDefaultTestId as i}from"../../../tests/testIds.js";var o=e((function(e,o){var d=e.children,c=e.className,l=e.id;return t.createElement(s,{id:l,"data-testid":e["data-testid"]||m(i.MODAL_MEDIA,l),justify:"center",align:"stretch",ref:o,className:r(a.media,c)},d)}));export{o as default};
+import e,{forwardRef as t}from"react";import{Flex as a}from"@vibe/layout/mockedClassNames";import s from"./ModalMedia.module.scss.js";import r from"classnames";import{getTestId as m,ComponentDefaultTestId as i}from"../../../../testIds.js";var o=t((function(t,o){var d=t.children,c=t.className,l=t.id;return e.createElement(a,{id:l,"data-testid":t["data-testid"]||m(i.MODAL_MEDIA,l),justify:"center",align:"stretch",ref:o,className:r(s.media,c)},d)}));export{o as default};
 //# sourceMappingURL=ModalMedia.js.map

package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalMedia.js","sources":["../../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <Flex\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n justify=\"center\"\n align=\"stretch\"\n ref={ref}\n className={cx(styles.media, className)}\n >\n {children}\n </Flex>\n );\n }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"~~kPAOMA~~,~~IAAAA~~,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}
1	+ {"version":3,"file":"ModalMedia.js","sources":["../../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <Flex\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n justify=\"center\"\n align=\"stretch\"\n ref={ref}\n className={cx(styles.media, className)}\n >\n {children}\n </Flex>\n );\n }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"+OAOA,IAAMA,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}

package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={media:"media"};!function(e){const t="s_id-17d5de3a21d7_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media"};!function(e){const t="s_id-17d5de3a21d7_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalTopActions.js","sources":["../../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n aria-label={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"oPAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,~~EACK~~,~~aAAAF~~,IAIpB"}
1	+ {"version":3,"file":"ModalTopActions.js","sources":["../../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n aria-label={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"oPAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EAAW,aACNF,IAIpB"}

package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actions:"actions"};!function(e){const n="s_id-6417b75cafa5_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions"};!function(e){const n="s_id-6417b75cafa5_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
+import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
 //# sourceMappingURL=ModalFooter.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooter.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type ModalFooterProps } from \"./ModalFooter.types\";\nimport styles from \"./ModalFooter.module.scss\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooter = forwardRef(\n (\n { primaryButton, secondaryButton, renderSideAction, \"data-testid\": dataTestId, className, id }: ModalFooterProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={renderSideAction}\n />\n );\n }\n);\n\nexport default ModalFooter;\n"],"names":["ModalFooter","forwardRef","_ref","ref","secondaryButton","renderSideAction","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","React","createElement","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"~~0UAQMA~~,~~IAAAA~~,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFeC,EAAeF,EAAfE,gBAAiBC,EAAgBH,EAAhBG,iBAAiCC,EAAUJ,EAAzB,eAA2BK,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAGpFC,EAAUC,EAHDR,EAAbS,cAG+CC,EAAOH,SAClDI,EAAYH,EAAkBN,EAAiBQ,EAAOC,WAE5D,OACEC,~~EAACC~~,~~cAAAC~~,GACCb,IAAKA,EACLI,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAF~~,GAAcW,EAAUC,EAAuBC,aAAcX,GAC1EG,cAAeF,EACfL,gBAAiBS,EACjBO,aAAcf,GAGpB"}
1	+ {"version":3,"file":"ModalFooter.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type ModalFooterProps } from \"./ModalFooter.types\";\nimport styles from \"./ModalFooter.module.scss\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooter = forwardRef(\n (\n { primaryButton, secondaryButton, renderSideAction, \"data-testid\": dataTestId, className, id }: ModalFooterProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={renderSideAction}\n />\n );\n }\n);\n\nexport default ModalFooter;\n"],"names":["ModalFooter","forwardRef","_ref","ref","secondaryButton","renderSideAction","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","React","createElement","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"uUAQA,IAAMA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFeC,EAAeF,EAAfE,gBAAiBC,EAAgBH,EAAhBG,iBAAiCC,EAAUJ,EAAzB,eAA2BK,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAGpFC,EAAUC,EAHDR,EAAbS,cAG+CC,EAAOH,SAClDI,EAAYH,EAAkBN,EAAiBQ,EAAOC,WAE5D,OACEC,EAAAC,cAACC,GACCb,IAAKA,EACLI,UAAWA,EACXC,GAAIA,EAAE,cACOF,GAAcW,EAAUC,EAAuBC,aAAcX,GAC1EG,cAAeF,EACfL,gBAAiBS,EACjBO,aAAcf,GAGpB"}

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary",secondary:"secondary"};!function(e){const n="s_id-b4b122708c23_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n  order: 2;\n}\n.primary:only-child {\n  margin-inline-start: auto;\n}\n.secondary {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
+var e={primary:"primary",secondary:"secondary"};!function(e){const n="s_id-b4b122708c23_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n  order: 2;\n}\n.primary:only-child {\n  margin-inline-start: auto;\n}\n.secondary {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"~~gVAQMA~~,~~IAAAA~~,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,~~CAAE~~,~~EAAAA~~,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,~~CAAE~~,~~EAHjBa~~,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,~~CAAE~~,~~EAAAA~~,EAC3CE,EAAoBL,EAAAC,EAHnB,~~CAIL~~,OAAA,~~iBAED~~,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,~~EAACC~~,~~cAAAO~~,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,~~EAAWC~~,OAAAC,OAAA,CAAA,~~EAAAnB~~,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,~~EAACC~~,~~cAAAS~~,~~EAAWC~~,OAAAC,OAAA,CAAA,~~EAAAb~~,~~EAAsB~~,~~CAAAc~~,KAAK,aACpCjB,IAINZ,EAGP"}
1	+ {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"gVAQA,IAAMA,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,CAAA,EAAEA,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,CAAA,EAHfa,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,CAAA,EAAEA,EAC3CE,EAAoBL,EAAAC,EAHnB,CAAA,OAAA,iBAMN,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,EAAAC,cAACO,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EAAKnB,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EAAKb,EAAoB,CAAEc,KAAK,aACpCjB,IAINZ,EAGP"}

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={footer:"footer"};!function(e){const t="s_id-5c7b28cf0c05_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer"};!function(e){const t="s_id-5c7b28cf0c05_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooterWizard.module.scss.js";import{StepsGalleryHeader as n}from"../../../Steps/StepsGalleryHeader.js";import{getPropsForButton as i}from"../utils/getPropsForButton.js";var m=e((function(e,m){var p=e.secondaryButton,d=e.stepCount,c=e.activeStep,l=e.onStepClick,u=e["data-testid"],f=e.className,y=e.id,B=i(e.primaryButton,a.primary),j=i(p,a.secondary),S=t.createElement(n,{stepsCount:d,activeStepIndex:c,onChangeActiveStep:function(t,e){return l(e)},className:a.stepDots});return t.createElement(o,{ref:m,className:f,id:y,"data-testid":u||r(s.MODAL_FOOTER,y),primaryButton:B,secondaryButton:j,renderAction:S})}));export{m as default};
+import t,{forwardRef as e}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as r}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooterWizard.module.scss.js";import{StepsGalleryHeader as n}from"../../../Steps/StepsGalleryHeader.js";import{getPropsForButton as i}from"../utils/getPropsForButton.js";var m=e((function(e,m){var p=e.secondaryButton,d=e.stepCount,c=e.activeStep,l=e.onStepClick,u=e["data-testid"],f=e.className,y=e.id,B=i(e.primaryButton,a.primary),j=i(p,a.secondary),S=t.createElement(n,{stepsCount:d,activeStepIndex:c,onChangeActiveStep:function(t,e){return l(e)},className:a.stepDots});return t.createElement(o,{ref:m,className:f,id:y,"data-testid":u||r(s.MODAL_FOOTER,y),primaryButton:B,secondaryButton:j,renderAction:S})}));export{m as default};
 //# sourceMappingURL=ModalFooterWizard.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterWizard.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalFooterWizard.module.scss\";\nimport { StepsGalleryHeader } from \"../../../Steps/StepsGalleryHeader\";\nimport { type ModalFooterWizardProps } from \"./ModalFooterWizard.types\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooterWizard = forwardRef(\n (\n {\n primaryButton,\n secondaryButton,\n stepCount,\n activeStep,\n onStepClick,\n \"data-testid\": dataTestId,\n className,\n id\n }: ModalFooterWizardProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n const steps = (\n <StepsGalleryHeader\n stepsCount={stepCount}\n activeStepIndex={activeStep}\n onChangeActiveStep={(_, newStep) => onStepClick(newStep)}\n className={styles.stepDots}\n />\n );\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={steps}\n />\n );\n }\n);\n\nexport default ModalFooterWizard;\n"],"names":["ModalFooterWizard","forwardRef","_ref","ref","secondaryButton","stepCount","activeStep","onStepClick","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","steps","React","createElement","StepsGalleryHeader","stepsCount","activeStepIndex","onChangeActiveStep","_","newStep","stepDots","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"~~0ZASMA~~,~~IAAAA~~,EAAoBC,GACxB,SAAAC,EAWEC,GACE,IATAC,EAAeF,EAAfE,gBACAC,EAASH,EAATG,UACAC,EAAUJ,EAAVI,WACAC,EAAWL,EAAXK,YACeC,EAAUN,EAAzB,eACAO,EAASP,EAATO,UACAC,EAAER,EAAFQ,GAIIC,EAAUC,EAXDV,EAAbW,cAW+CC,EAAOH,SAClDI,EAAYH,EAAkBR,EAAiBU,EAAOC,WAEtDC,EACJC,EAAAC,cAACC,~~EACC~~,~~CAAAC~~,WAAYf,EACZgB,gBAAiBf,EACjBgB,mBAAoB,SAACC,EAAGC,GAAO,OAAKjB,EAAYiB,EAAQ,EACxDf,UAAWK,EAAOW,WAItB,OACER,~~EAACC~~,~~cAAAQ~~,GACCvB,IAAKA,EACLM,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAF~~,GAAcmB,EAAUC,EAAuBC,aAAcnB,GAC1EG,cAAeF,EACfP,gBAAiBW,EACjBe,aAAcd,GAGpB"}
1	+ {"version":3,"file":"ModalFooterWizard.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalFooterWizard.module.scss\";\nimport { StepsGalleryHeader } from \"../../../Steps/StepsGalleryHeader\";\nimport { type ModalFooterWizardProps } from \"./ModalFooterWizard.types\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooterWizard = forwardRef(\n (\n {\n primaryButton,\n secondaryButton,\n stepCount,\n activeStep,\n onStepClick,\n \"data-testid\": dataTestId,\n className,\n id\n }: ModalFooterWizardProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n const steps = (\n <StepsGalleryHeader\n stepsCount={stepCount}\n activeStepIndex={activeStep}\n onChangeActiveStep={(_, newStep) => onStepClick(newStep)}\n className={styles.stepDots}\n />\n );\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={steps}\n />\n );\n }\n);\n\nexport default ModalFooterWizard;\n"],"names":["ModalFooterWizard","forwardRef","_ref","ref","secondaryButton","stepCount","activeStep","onStepClick","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","steps","React","createElement","StepsGalleryHeader","stepsCount","activeStepIndex","onChangeActiveStep","_","newStep","stepDots","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"uZASA,IAAMA,EAAoBC,GACxB,SAAAC,EAWEC,GACE,IATAC,EAAeF,EAAfE,gBACAC,EAASH,EAATG,UACAC,EAAUJ,EAAVI,WACAC,EAAWL,EAAXK,YACeC,EAAUN,EAAzB,eACAO,EAASP,EAATO,UACAC,EAAER,EAAFQ,GAIIC,EAAUC,EAXDV,EAAbW,cAW+CC,EAAOH,SAClDI,EAAYH,EAAkBR,EAAiBU,EAAOC,WAEtDC,EACJC,EAAAC,cAACC,EAAkB,CACjBC,WAAYf,EACZgB,gBAAiBf,EACjBgB,mBAAoB,SAACC,EAAGC,GAAO,OAAKjB,EAAYiB,EAAQ,EACxDf,UAAWK,EAAOW,WAItB,OACER,EAAAC,cAACQ,GACCvB,IAAKA,EACLM,UAAWA,EACXC,GAAIA,EAAE,cACOF,GAAcmB,EAAUC,EAAuBC,aAAcnB,GAC1EG,cAAeF,EACfP,gBAAiBW,EACjBe,aAAcd,GAGpB"}

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary",secondary:"secondary",stepDots:"stepDots"};!function(e){const n="s_id-51737ad1ac1f_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n  order: 2;\n}\n\n.secondary {\n  order: 1;\n}\n\n.stepDots {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary",secondary:"secondary",stepDots:"stepDots"};!function(e){const n="s_id-51737ad1ac1f_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n  order: 2;\n}\n\n.secondary {\n  order: 1;\n}\n\n.stepDots {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPropsForButton.js","sources":["../../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n if (!button) return undefined;\n const { tooltipProps, className, ...rest } = button;\n return {\n ...rest,\n className: tooltipProps?.content ? className : cx(className, buttonClassName),\n tooltipProps: tooltipProps?.content\n ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n : undefined\n };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"~~qFAGgB~~,~~SAAAA~~,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,~~EAASC~~,~~EAAAL~~,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,~~aAAA~~,~~EAAAA~~,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}
1	+ {"version":3,"file":"getPropsForButton.js","sources":["../../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n if (!button) return undefined;\n const { tooltipProps, className, ...rest } = button;\n return {\n ...rest,\n className: tooltipProps?.content ? className : cx(className, buttonClassName),\n tooltipProps: tooltipProps?.content\n ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n : undefined\n };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"qFAGM,SAAUA,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,EAAIC,EAAKL,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,aAAY,EAAZA,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}

package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePortalTarget.js","sources":["../../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element \| DocumentFragment => {\n const [resolvedTarget, setResolvedTarget] = useState<Element \| DocumentFragment>(document.body);\n\n useEffect(() => {\n const resolveTarget = (): Element \| DocumentFragment => {\n if (!portalTarget) {\n return document.body;\n }\n\n if (typeof portalTarget === \"string\") {\n const target = document.querySelector(portalTarget);\n if (!target) {\n warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n return document.body;\n }\n return target;\n }\n\n if (portalTarget instanceof Element \|\| portalTarget instanceof DocumentFragment) {\n return portalTarget;\n }\n\n if (portalTarget.current instanceof Element) {\n return portalTarget.current;\n }\n\n warn(\"Invalid target provided. Falling back to document.body.\");\n return document.body;\n };\n\n const target = resolveTarget();\n setResolvedTarget(target);\n }, [portalTarget]);\n\n return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(message);\n }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,~~EAAIC~~,~~yBAAAA~~,OAA0Bb,kDACvBG,SAASC,KAGpB,CAEA,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,~~MAGHa~~,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}
1	+ {"version":3,"file":"usePortalTarget.js","sources":["../../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element \| DocumentFragment => {\n const [resolvedTarget, setResolvedTarget] = useState<Element \| DocumentFragment>(document.body);\n\n useEffect(() => {\n const resolveTarget = (): Element \| DocumentFragment => {\n if (!portalTarget) {\n return document.body;\n }\n\n if (typeof portalTarget === \"string\") {\n const target = document.querySelector(portalTarget);\n if (!target) {\n warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n return document.body;\n }\n return target;\n }\n\n if (portalTarget instanceof Element \|\| portalTarget instanceof DocumentFragment) {\n return portalTarget;\n }\n\n if (portalTarget.current instanceof Element) {\n return portalTarget.current;\n }\n\n warn(\"Invalid target provided. Falling back to document.body.\");\n return document.body;\n };\n\n const target = resolveTarget();\n setResolvedTarget(target);\n }, [portalTarget]);\n\n return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(message);\n }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,EAAI,yBAAAC,OAA0Bb,kDACvBG,SAASC,KAGpB,CAEA,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,KAClB,CAEea,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o}from"react";import a from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import n from"../../../Divider/Divider.js";import c from"../ModalFooterShadow.js";import d from"../ModalLayoutScrollableContent.js";import f from"../useLayoutScrolledContent.js";var u=o((function(o,u){var p=o.children,v=o.className,S=o.id,j=o["data-testid"],y=f(),h=y.ref,E=y.isContentScrolled,C=y.isScrollable,N=y.isScrolledToEnd,A=y.onScroll,L=t.Children.toArray(p),M=e(L,2),b=M[0],g=M[1];return t.createElement(t.Fragment,null,t.createElement(m,{direction:"column",align:"start",ref:u,className:a(i.layout,v),id:S,"data-testid":j||s(l.MODAL_BASIC_LAYOUT,S)},t.createElement("div",{className:i.header},b),t.createElement(n,{className:a(i.divider,r({},i.showDivider,E)),withoutMargin:!0}),t.createElement(d,{onScroll:A,className:i.content,ref:h},g)),C&&t.createElement(c,{show:!N}))}));export{u as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import n from"../../../Divider/Divider.js";import c from"../ModalFooterShadow.js";import d from"../ModalLayoutScrollableContent.js";import f from"../useLayoutScrolledContent.js";var u=o((function(o,u){var p=o.children,v=o.className,S=o.id,j=o["data-testid"],y=f(),h=y.ref,E=y.isContentScrolled,C=y.isScrollable,N=y.isScrolledToEnd,A=y.onScroll,L=t.Children.toArray(p),M=e(L,2),b=M[0],g=M[1];return t.createElement(t.Fragment,null,t.createElement(m,{direction:"column",align:"start",ref:u,className:a(i.layout,v),id:S,"data-testid":j||l(s.MODAL_BASIC_LAYOUT,S)},t.createElement("div",{className:i.header},b),t.createElement(n,{className:a(i.divider,r({},i.showDivider,E)),withoutMargin:!0}),t.createElement(d,{onScroll:A,className:i.content,ref:h},g)),C&&t.createElement(c,{show:!N}))}));export{u as default};
 //# sourceMappingURL=ModalBasicLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"~~kkBAYMA~~,~~IAAAA~~,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,~~EACC~~,~~CAAAC~~,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,~~EAACO~~,~~cAAAW~~,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,~~eAAgB~~,~~IACrGtB~~,EAAAO,cAACgB,~~EAA6B~~,~~CAAAzB~~,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,~~EAACO~~,~~cAAAiB~~,~~EAAkB~~,~~CAAAC~~,MAAO5B,IAGjD"}
1	+ {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"+jBAYA,IAAMA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EAAI,CACHC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAAAO,cAACW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAa,IAClGtB,EAAAO,cAACgB,EAA4B,CAACzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAAAO,cAACiB,EAAiB,CAACC,MAAO5B,IAGjD"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-324b836d97d8_4_2_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n  opacity: 1;\n}\n.layout .content {\n  padding-block-end: var(--space-32);\n}");export{e as default};
+var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-324b836d97d8_4_2_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n  opacity: 1;\n}\n.layout .content {\n  padding-block-end: var(--space-32);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,~~CAAA~~,~~EAAKF,~~EAAOG,KAD3BR,EAAJQ,QAE7B"}
1	+ {"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,GAAKF,EAAOG,KAD3BR,EAAJQ,QAE7B"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper",show:"show"};!function(e){const t="s_id-c76d397ed7f2_4_2_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper.show::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper",show:"show"};!function(e){const t="s_id-c76d397ed7f2_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper.show::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"~~6HAKMA~~,~~IAAAA~~,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,~~EAAKC~~,cAAA,MAAA,~~CAAAJ~~,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}
1	+ {"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"6HAKA,IAAMA,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,EAAAC,cAAA,MAAA,CAAKJ,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={content:"content"};!function(e){const n="s_id-09bedfbbc65c_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content"};!function(e){const n="s_id-09bedfbbc65c_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import s from"classnames";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../../tests/constants.js";import o from"./ModalMediaLayout.module.scss.js";import{Flex as l}from"@vibe/layout/mockedClassNames";var i=a((function(a,i){var d=a.className,c=a.id,n=a["data-testid"],u=t.Children.toArray(a.children),f=e(u,3),p=f[0],v=f[1],N=f[2];return t.createElement(l,{ref:i,direction:"column",align:"start",className:s(o.layout,d),id:c,"data-testid":n||r(m.MODAL_MEDIA_LAYOUT,c)},t.createElement("div",{className:o.media},p),t.createElement("div",{className:o.header},v),t.createElement("div",{className:o.content},N))}));export{i as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t}from"react";import r from"classnames";import{getTestId as s}from"../../../../../testIds.js";import{ComponentDefaultTestId as m}from"../../../../tests/constants.js";import o from"./ModalMediaLayout.module.scss.js";import{Flex as l}from"@vibe/layout/mockedClassNames";var i=t((function(t,i){var d=t.className,c=t.id,n=t["data-testid"],u=a.Children.toArray(t.children),f=e(u,3),p=f[0],v=f[1],N=f[2];return a.createElement(l,{ref:i,direction:"column",align:"start",className:r(o.layout,d),id:c,"data-testid":n||s(m.MODAL_MEDIA_LAYOUT,c)},a.createElement("div",{className:o.media},p),a.createElement("div",{className:o.header},v),a.createElement("div",{className:o.content},N))}));export{i as default};
 //# sourceMappingURL=ModalMediaLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [media, header, content] = React.Children.toArray(children);\n\n return (\n <Flex\n ref={ref}\n direction=\"column\"\n align=\"start\"\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n >\n <div className={styles.media}>{media}</div>\n <div className={styles.header}>{header}</div>\n <div className={styles.content}>{content}</div>\n </Flex>\n );\n }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"~~4XAQMA~~,~~IAAAA~~,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,~~EAACS~~,~~cAAAC~~,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,~~EAAKS~~,cAAA,MAAA,~~CAAAb~~,UAAWkB,EAAON,SAAUA,GAGvC"}
1	+ {"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [media, header, content] = React.Children.toArray(children);\n\n return (\n <Flex\n ref={ref}\n direction=\"column\"\n align=\"start\"\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n >\n <div className={styles.media}>{media}</div>\n <div className={styles.header}>{header}</div>\n <div className={styles.content}>{content}</div>\n </Flex>\n );\n }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"yXAQA,IAAMA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,EAAAS,cAACC,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAON,SAAUA,GAGvC"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout",media:"media",header:"header",content:"content"};!function(e){const n="s_id-d089cc4b12c5_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .media {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout .header {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout .content {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout",media:"media",header:"header",content:"content"};!function(e){const n="s_id-d089cc4b12c5_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .media {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout .header {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout .content {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||s(o.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as o}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||o(s.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
 //# sourceMappingURL=ModalSideBySideLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [header, content, media] = React.Children.toArray(children);\n return (\n <>\n <div\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n <div className={styles.media}>{media}</div>\n </div>\n <ModalFooterShadow show />\n </>\n );\n }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"~~qaASMA~~,~~IAAAA~~,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,~~EACS~~,~~cAAAC~~,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,~~EAACS~~,~~cAAAQ~~,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,~~EAAKS~~,cAAA,MAAA,~~CAAAb~~,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,~~EAAkB~~,~~CAAAC~~,~~MAAO~~,~~IAGhC~~"}
1	+ {"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [header, content, media] = React.Children.toArray(children);\n return (\n <>\n <div\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n <div className={styles.media}>{media}</div>\n </div>\n <ModalFooterShadow show />\n </>\n );\n }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"kaASA,IAAMA,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,EAAE,cACOC,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,EAAAS,cAACQ,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,EAAiB,CAACC,MAAI,IAG7B"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout",header:"header",content:"content",media:"media"};!function(e){const n="s_id-510a2449b45a_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout .content {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout .media {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={layout:"layout",header:"header",content:"content",media:"media"};!function(e){const n="s_id-510a2449b45a_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout .content {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout .media {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { type UIEventHandler, useCallback, useEffect, useRef, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n const [isScrollable, setScrollable] = useState<boolean>(false);\n const [isScrolledToEnd, setScrolledToEnd] = useState<boolean>(false);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const checkScroll = useCallback(() => {\n const element = ref.current;\n if (element) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n setScrollable(scrollHeight > clientHeight);\n setContentScrolled(scrollTop > 0);\n setScrolledToEnd(scrollTop + clientHeight >= scrollHeight);\n }\n }, []);\n\n const onScroll: UIEventHandler<HTMLDivElement> = useCallback(() => {\n checkScroll();\n }, [checkScroll]);\n\n useEffect(() => {\n if (!window.ResizeObserver) {\n return;\n }\n\n const element = ref.current;\n if (!element) return;\n\n const resizeObserver = new ResizeObserver(() => {\n checkScroll();\n });\n\n resizeObserver.observe(element);\n\n checkScroll();\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkScroll]);\n\n return { ref, isContentScrolled, isScrollable, isScrolledToEnd, onScroll };\n};\n\nexport default useLayoutScrolledContent;\n"],"names":["useLayoutScrolledContent","_useState","useState","_useState2","_slicedToArray","isContentScrolled","setContentScrolled","_useState3","_useState4","isScrollable","setScrollable","_useState5","_useState6","isScrolledToEnd","setScrolledToEnd","ref","useRef","checkScroll","useCallback","element","current","scrollTop","scrollHeight","clientHeight","onScroll","useEffect","window","ResizeObserver","resizeObserver","observe","disconnect"],"mappings":"+JAEA,IAAMA,EAA2B,WAC/B,IAAAC,EAAgDC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjEI,EAAiBF,EAAA,GAAEG,EAAkBH,EAAA,GAC5CI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAYD,EAAA,GAAEE,EAAaF,EAAA,GAClCG,EAA4CT,GAAkB,GAAMU,EAAAR,EAAAO,EAAA,GAA7DE,EAAeD,EAAA,GAAEE,EAAgBF,EAAA,GAElCG,EAAMC,EAAuB,MAE7BC,EAAcC,GAAY,WAC9B,IAAMC,EAAUJ,EAAIK,QACpB,GAAID,EAAS,CACX,IAAQE,EAA0CF,EAA1CE,UAAWC,EAA+BH,EAA/BG,aAAcC,EAAiBJ,EAAjBI,aACjCb,EAAcY,EAAeC,GAC7BjB,EAAmBe,EAAY,GAC/BP,EAAiBO,EAAYE,GAAgBD,EAC/C,~~CACD~~,~~GAAE~~,IAEGE,EAA2CN,GAAY,WAC3DD,GACF,GAAG,CAACA,IAuBJ,OArBAQ,GAAU,WACR,GAAKC,OAAOC,eAAZ,CAIA,IAAMR,EAAUJ,EAAIK,QACpB,GAAKD,EAAL,CAEA,IAAMS,EAAiB,IAAID,gBAAe,WACxCV,GACF,IAMA,OAJAW,EAAeC,QAAQV,GAEvBF,IAEO,WACLW,EAAeE,~~aAXH~~,CAHd,CAgBF,GAAG,CAACb,IAEG,CAAEF,IAAAA,EAAKV,kBAAAA,EAAmBI,aAAAA,EAAcI,gBAAAA,EAAiBW,SAAAA,EAClE"}
1	+ {"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { type UIEventHandler, useCallback, useEffect, useRef, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n const [isScrollable, setScrollable] = useState<boolean>(false);\n const [isScrolledToEnd, setScrolledToEnd] = useState<boolean>(false);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const checkScroll = useCallback(() => {\n const element = ref.current;\n if (element) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n setScrollable(scrollHeight > clientHeight);\n setContentScrolled(scrollTop > 0);\n setScrolledToEnd(scrollTop + clientHeight >= scrollHeight);\n }\n }, []);\n\n const onScroll: UIEventHandler<HTMLDivElement> = useCallback(() => {\n checkScroll();\n }, [checkScroll]);\n\n useEffect(() => {\n if (!window.ResizeObserver) {\n return;\n }\n\n const element = ref.current;\n if (!element) return;\n\n const resizeObserver = new ResizeObserver(() => {\n checkScroll();\n });\n\n resizeObserver.observe(element);\n\n checkScroll();\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkScroll]);\n\n return { ref, isContentScrolled, isScrollable, isScrolledToEnd, onScroll };\n};\n\nexport default useLayoutScrolledContent;\n"],"names":["useLayoutScrolledContent","_useState","useState","_useState2","_slicedToArray","isContentScrolled","setContentScrolled","_useState3","_useState4","isScrollable","setScrollable","_useState5","_useState6","isScrolledToEnd","setScrolledToEnd","ref","useRef","checkScroll","useCallback","element","current","scrollTop","scrollHeight","clientHeight","onScroll","useEffect","window","ResizeObserver","resizeObserver","observe","disconnect"],"mappings":"+JAEA,IAAMA,EAA2B,WAC/B,IAAAC,EAAgDC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjEI,EAAiBF,EAAA,GAAEG,EAAkBH,EAAA,GAC5CI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAYD,EAAA,GAAEE,EAAaF,EAAA,GAClCG,EAA4CT,GAAkB,GAAMU,EAAAR,EAAAO,EAAA,GAA7DE,EAAeD,EAAA,GAAEE,EAAgBF,EAAA,GAElCG,EAAMC,EAAuB,MAE7BC,EAAcC,GAAY,WAC9B,IAAMC,EAAUJ,EAAIK,QACpB,GAAID,EAAS,CACX,IAAQE,EAA0CF,EAA1CE,UAAWC,EAA+BH,EAA/BG,aAAcC,EAAiBJ,EAAjBI,aACjCb,EAAcY,EAAeC,GAC7BjB,EAAmBe,EAAY,GAC/BP,EAAiBO,EAAYE,GAAgBD,EAC/C,CACF,GAAG,IAEGE,EAA2CN,GAAY,WAC3DD,GACF,GAAG,CAACA,IAuBJ,OArBAQ,GAAU,WACR,GAAKC,OAAOC,eAAZ,CAIA,IAAMR,EAAUJ,EAAIK,QACpB,GAAKD,EAAL,CAEA,IAAMS,EAAiB,IAAID,gBAAe,WACxCV,GACF,IAMA,OAJAW,EAAeC,QAAQV,GAEvBF,IAEO,WACLW,EAAeE,YACjB,CAZc,CAHd,CAgBF,GAAG,CAACb,IAEG,CAAEF,IAAAA,EAAKV,kBAAAA,EAAmBI,aAAAA,EAAcI,gBAAAA,EAAiBW,SAAAA,EAClE"}

package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as l,useCallback as o,useMemo as r}from"react";import{Check as s}from"@vibe/icons";import a from"../Divider/Divider.js";import{NOOP as n}from"@vibe/shared";import p from"./components/StepIndicator/StepIndicator.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../tests/constants.js";import d from"./MultiStepIndicator.module.scss.js";var f=l((function(l,f){var u=l.className,v=l.steps,y=void 0===v?[]:v,N=l.type,C=void 0===N?"primary":N,I=l.stepComponentClassName,S=l.dividerComponentClassName,b=l.fulfilledStepIcon,g=void 0===b?s:b,j=l.fulfilledStepIconType,D=void 0===j?"svg":j,T=l.isFulfilledStepDisplayNumber,h=void 0!==T&&T,E=l.onClick,_=void 0===E?n:E,k=l.textPlacement,F=void 0===k?"horizontal":k,x=l.id,P=l["data-testid"],z="vertical"===F?"regular":l.size,O=o((function(l,o){return i.createElement(i.Fragment,{key:"".concat(l.titleText,"_").concat(o)},i.createElement(p,Object.assign({},l,{stepNumber:o+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:_,isFulfilledStepDisplayNumber:h,size:z})),o!==y.length-1&&i.createElement(a,{className:t(d.divider,S,e({},d.compact,"compact"===z))}))}),[_,h,C,I,g,D,S,y.length,z]),w=o((function(e,l){return i.createElement(p,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(l),stepNumber:l+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:_,isFollowedByDivider:l!==y.length-1,stepDividerClassName:t(d.divider,S),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[_,h,C,I,g,D,S,y.length]),B=r((function(){return"vertical"===F?w:O}),[F,w,O]);return i.createElement("ol",{ref:f,id:x,"data-testid":P||m(c.MULTI_STEP_INDICATOR,x),className:t(d.wrapper,u)},y.map(B))}));export{f as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as l,useCallback as o,useMemo as r}from"react";import{Check as s}from"@vibe/icons";import a from"../Divider/Divider.js";import{NOOP as n}from"@vibe/shared";import p from"./components/StepIndicator/StepIndicator.js";import{getTestId as m}from"../../../testIds.js";import{ComponentDefaultTestId as c}from"../../tests/constants.js";import d from"./MultiStepIndicator.module.scss.js";var f=l((function(l,f){var u=l.className,v=l.steps,y=void 0===v?[]:v,N=l.type,C=void 0===N?"primary":N,I=l.stepComponentClassName,S=l.dividerComponentClassName,b=l.fulfilledStepIcon,g=void 0===b?s:b,j=l.fulfilledStepIconType,D=void 0===j?"svg":j,T=l.isFulfilledStepDisplayNumber,h=void 0!==T&&T,E=l.onClick,_=void 0===E?n:E,k=l.textPlacement,F=void 0===k?"horizontal":k,x=l.id,P=l["data-testid"],z="vertical"===F?"regular":l.size,O=o((function(l,o){return i.createElement(i.Fragment,{key:"".concat(l.titleText,"_").concat(o)},i.createElement(p,Object.assign({},l,{stepNumber:o+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:_,isFulfilledStepDisplayNumber:h,size:z})),o!==y.length-1&&i.createElement(a,{className:t(d.divider,S,e({},d.compact,"compact"===z))}))}),[_,h,C,I,g,D,S,y.length,z]),w=o((function(e,l){return i.createElement(p,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(l),stepNumber:l+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:_,isFollowedByDivider:l!==y.length-1,stepDividerClassName:t(d.divider,S),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[_,h,C,I,g,D,S,y.length]),B=r((function(){return"vertical"===F?w:O}),[F,w,O]);return i.createElement("ol",{ref:f,id:x,"data-testid":P||m(c.MULTI_STEP_INDICATOR,x),className:t(d.wrapper,u)},y.map(B))}));export{f as default};
 //# sourceMappingURL=MultiStepIndicator.js.map