npm - @vibe/core - Versions diffs - 4.5.10 → 4.5.12 - Mend

@vibe/core 4.5.10 → 4.5.12

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 (393) hide show

package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n ARROW_DOWN_KEYS,\n ARROW_UP_KEYS,\n ENTER_KEYS,\n HOME_KEYS,\n END_KEYS,\n NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex,\n isVisible,\n ref,\n useDocumentEventListeners\n}: {\n hasOpenSubMenu: boolean;\n getNextSelectableIndex: (index: number) => number;\n getPreviousSelectableIndex: (index: number) => number;\n activeItemIndex: number;\n setActiveItemIndex: (index: number) => void;\n isVisible: boolean;\n ref: React.RefObject<HTMLElement>;\n useDocumentEventListeners: boolean;\n}) {\n const onArrowKeyEvent = useCallback(\n (direction: NavDirections) => {\n let newIndex;\n\n if (hasOpenSubMenu) return false;\n\n if (direction === NavDirections.DOWN) {\n newIndex = getNextSelectableIndex(activeItemIndex);\n } else if (direction === NavDirections.UP) {\n newIndex = getPreviousSelectableIndex(activeItemIndex);\n }\n\n if (newIndex \|\| newIndex === 0) setActiveItemIndex(newIndex);\n },\n [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n );\n const onArrowUp = useCallback(() => {\n onArrowKeyEvent(NavDirections.UP);\n }, [onArrowKeyEvent]);\n\n const onArrowDown = useCallback(() => {\n onArrowKeyEvent(NavDirections.DOWN);\n }, [onArrowKeyEvent]);\n\n const onEnterClickCallback = useCallback(\n (_event: React.KeyboardEvent) => {\n if (!isVisible) return;\n\n if (activeItemIndex === -1) {\n setActiveItemIndex(0);\n }\n },\n [setActiveItemIndex, activeItemIndex, isVisible]\n );\n\n const onHomeKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const firstIndex = getNextSelectableIndex(-1);\n if (firstIndex !== -1) {\n setActiveItemIndex(firstIndex);\n }\n }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n const onEndKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const lastIndex = getPreviousSelectableIndex(0);\n if (lastIndex !== -1) {\n setActiveItemIndex(lastIndex);\n }\n }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ENTER_KEYS,\n callback: onEnterClickCallback,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHomeKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEndKey,\n ...listenerOptions\n });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"~~kSAYwB~~,SAAAA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEoB,IAArBF,GACFC,EAAmB,EAEtB,GACD,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,GAAwB,IACvB,IAAhBmB,GACFhB,EAAmBgB,EAHD,CAKrB,GAAE,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC1B,IAAfoB,GACFlB,EAAmBkB,EAHD,CAKrB,GAAE,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}
1	+ {"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n ARROW_DOWN_KEYS,\n ARROW_UP_KEYS,\n ENTER_KEYS,\n HOME_KEYS,\n END_KEYS,\n NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex,\n isVisible,\n ref,\n useDocumentEventListeners\n}: {\n hasOpenSubMenu: boolean;\n getNextSelectableIndex: (index: number) => number;\n getPreviousSelectableIndex: (index: number) => number;\n activeItemIndex: number;\n setActiveItemIndex: (index: number) => void;\n isVisible: boolean;\n ref: React.RefObject<HTMLElement>;\n useDocumentEventListeners: boolean;\n}) {\n const onArrowKeyEvent = useCallback(\n (direction: NavDirections) => {\n let newIndex;\n\n if (hasOpenSubMenu) return false;\n\n if (direction === NavDirections.DOWN) {\n newIndex = getNextSelectableIndex(activeItemIndex);\n } else if (direction === NavDirections.UP) {\n newIndex = getPreviousSelectableIndex(activeItemIndex);\n }\n\n if (newIndex \|\| newIndex === 0) setActiveItemIndex(newIndex);\n },\n [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n );\n const onArrowUp = useCallback(() => {\n onArrowKeyEvent(NavDirections.UP);\n }, [onArrowKeyEvent]);\n\n const onArrowDown = useCallback(() => {\n onArrowKeyEvent(NavDirections.DOWN);\n }, [onArrowKeyEvent]);\n\n const onEnterClickCallback = useCallback(\n (_event: React.KeyboardEvent) => {\n if (!isVisible) return;\n\n if (activeItemIndex === -1) {\n setActiveItemIndex(0);\n }\n },\n [setActiveItemIndex, activeItemIndex, isVisible]\n );\n\n const onHomeKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const firstIndex = getNextSelectableIndex(-1);\n if (firstIndex !== -1) {\n setActiveItemIndex(firstIndex);\n }\n }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n const onEndKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const lastIndex = getPreviousSelectableIndex(0);\n if (lastIndex !== -1) {\n setActiveItemIndex(lastIndex);\n }\n }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ENTER_KEYS,\n callback: onEnterClickCallback,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHomeKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEndKey,\n ...listenerOptions\n });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"qWAYwB,SAAAA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEoB,IAArBF,GACFC,EAAmB,EAEtB,GACD,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,GAAwB,IACvB,IAAhBmB,GACFhB,EAAmBgB,EAHD,CAKrB,GAAE,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC1B,IAAfoB,GACFlB,EAAmBkB,EAHD,CAKrB,GAAE,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}

package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider_3832c06f08"};!function(e){const d="s_id-b255f2c3e0ea_4_5_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_3832c06f08 {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_143f8770cc"};!function(e){const d="s_id-b255f2c3e0ea_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_143f8770cc {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as i,useCallback as s}from"react";import{GridKeyboardNavigationContext as n}from"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useMenuGridItemNavContext as r}from"./useMenuGridItemNavContext.js";import{useFocusGridItemByActiveStatus as o}from"./useFocusGridItemByActiveStatus.js";import{useFocusWithin as a}from"../../../hooks/useFocusWithin.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../../tests/testIds.js";import{useMergeRef as c}from"../../../../shared/dist/hooks/useMergeRef.js";var u=t((function(t,u){var m=t.className,v=t.id,I=t.children,x=t.index,f=t.activeItemIndex,b=void 0===f?-1:f,p=t.closeMenu,g=t.getNextSelectableIndex,h=t.getPreviousSelectableIndex,M=t.setActiveItemIndex,j=t.setSubMenuIsOpenByIndex,S=t.isUnderSubMenu,N=void 0!==S&&S,E=t.disabled,y=void 0!==E&&E,C=t.useDocumentEventListeners,G=void 0!==C&&C,O=t["data-testid"],R=i(null),P=c(u,R),A=i(),D=I&&e.Children.only(I);D||console.error("MenuGridItem can accept only a single element as first level child, this element is not valid: ",D);var F=s((function(e){j(x,e),e&&M(x)}),[x,M,j]),U=a({onFocusWithinChange:F}).focusWithinProps;o({wrapperRef:R,childRef:A,activeItemIndex:b,index:x,useDocumentEventListeners:G});var W=r({wrapperRef:R,setActiveItemIndex:M,getPreviousSelectableIndex:h,getNextSelectableIndex:g,activeItemIndex:b,isUnderSubMenu:N,closeMenu:p});return e.createElement("section",Object.assign({ref:P,className:m,id:v,"data-testid":O||d(l.MENU_GRID_ITEM,v),tabIndex:-1,role:"grid"},U),e.createElement(n.Provider,{value:W},e.cloneElement(D,Object.assign(Object.assign({},null==D?void 0:D.props),{disabled:y,ref:A}))))}));Object.assign(u,{isMenuChild:!0,isSelectable:!0});export{u as default};
+import e,{forwardRef as t,useRef as i,useCallback as n}from"react";import{useMenuGridItemNavContext as s}from"./useMenuGridItemNavContext.js";import{useFocusGridItemByActiveStatus as o}from"./useFocusGridItemByActiveStatus.js";import{useFocusWithin as r}from"../../../hooks/useFocusWithin.js";import{getTestId as a,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import{GridKeyboardNavigationContext as l}from"../../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useMergeRef as c}from"../../../../shared/dist/hooks/useMergeRef.js";var u=t((function(t,u){var m=t.className,v=t.id,I=t.children,x=t.index,b=t.activeItemIndex,f=void 0===b?-1:b,p=t.closeMenu,g=t.getNextSelectableIndex,h=t.getPreviousSelectableIndex,M=t.setActiveItemIndex,j=t.setSubMenuIsOpenByIndex,N=t.isUnderSubMenu,S=void 0!==N&&N,y=t.disabled,C=void 0!==y&&y,E=t.useDocumentEventListeners,G=void 0!==E&&E,O=t["data-testid"],R=i(null),P=c(u,R),A=i(),D=I&&e.Children.only(I);D||console.error("MenuGridItem can accept only a single element as first level child, this element is not valid: ",D);var F=n((function(e){j(x,e),e&&M(x)}),[x,M,j]),K=r({onFocusWithinChange:F}).focusWithinProps;o({wrapperRef:R,childRef:A,activeItemIndex:f,index:x,useDocumentEventListeners:G});var U=s({wrapperRef:R,setActiveItemIndex:M,getPreviousSelectableIndex:h,getNextSelectableIndex:g,activeItemIndex:f,isUnderSubMenu:S,closeMenu:p});return e.createElement("section",Object.assign({ref:P,className:m,id:v,"data-testid":O||a(d.MENU_GRID_ITEM,v),tabIndex:-1,role:"grid"},K),e.createElement(l.Provider,{value:U},e.cloneElement(D,Object.assign(Object.assign({},null==D?void 0:D.props),{disabled:C,ref:A}))))}));Object.assign(u,{isMenuChild:!0,isSelectable:!0});export{u as default};
 //# sourceMappingURL=MenuGridItem.js.map

package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuGridItem.js","sources":["../../../../../src/components/Menu/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { GridKeyboardNavigationContext } from \"~~../../GridKeyboardNavigationContext~~\";\nimport { useMenuGridItemNavContext } from \"./useMenuGridItemNavContext\";\nimport { useFocusGridItemByActiveStatus } from \"./useFocusGridItemByActiveStatus\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface MenuGridItemProps extends VibeComponentProps {\n /*\n The content of the menu grid item.\n /\n children?: ReactElement \| ReactElement[];\n /\n If true, keyboard navigation will skip this item. This prop is also passed to the child.\n /\n disabled?: boolean;\n /\n A callback function to close the wrapping menu.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n The currently active index of the wrapping menu.\n /\n activeItemIndex?: number;\n /\n Callback function to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n Function to get the next selectable index.\n /\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n /\n Function to get the previous selectable index.\n /\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n /\n The index of this menu grid item.\n /\n index?: number;\n /\n If true, this item is under a submenu instead of a top-level menu.\n /\n isUnderSubMenu?: boolean;\n /\n Callback function to open or close a submenu by its index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, event listeners will be attached to the document.\n */\n useDocumentEventListeners?: boolean;\n}\n\nconst MenuGridItem = forwardRef(\n (\n {\n className,\n id,\n children,\n index,\n activeItemIndex = -1,\n closeMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n setActiveItemIndex,\n setSubMenuIsOpenByIndex,\n isUnderSubMenu = false,\n disabled = false,\n useDocumentEventListeners = false,\n \"data-testid\": dataTestId\n }: MenuGridItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childRef = useRef();\n\n const child = children && React.Children.only(children);\n if (!child) {\n console.error(\n \"MenuGridItem can accept only a single element as first level child, this element is not valid: \",\n child\n );\n }\n\n const onFocusWithinChange = useCallback(\n (isFocusWithin: boolean) => {\n setSubMenuIsOpenByIndex(index, isFocusWithin);\n if (isFocusWithin) {\n setActiveItemIndex(index);\n }\n },\n [index, setActiveItemIndex, setSubMenuIsOpenByIndex]\n );\n const { focusWithinProps } = useFocusWithin({ onFocusWithinChange });\n\n useFocusGridItemByActiveStatus({\n wrapperRef: componentRef,\n childRef,\n activeItemIndex,\n index,\n useDocumentEventListeners\n });\n\n const keyboardContext = useMenuGridItemNavContext({\n wrapperRef: componentRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n });\n\n return (\n <section\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_GRID_ITEM, id)}\n tabIndex={-1}\n role=\"grid\"\n {...focusWithinProps}\n >\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n {React.cloneElement(child, {\n ...child?.props,\n disabled,\n ref: childRef\n })}\n </GridKeyboardNavigationContext.Provider>\n </section>\n );\n }\n);\n\nObject.assign(MenuGridItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default MenuGridItem;\n"],"names":["MenuGridItem","forwardRef","_ref","ref","className","id","children","index","_ref$activeItemIndex","activeItemIndex","closeMenu","getNextSelectableIndex","getPreviousSelectableIndex","setActiveItemIndex","setSubMenuIsOpenByIndex","_ref$isUnderSubMenu","isUnderSubMenu","_ref$disabled","disabled","_ref$useDocumentEvent","useDocumentEventListeners","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childRef","child","React","Children","only","console","error","onFocusWithinChange","useCallback","isFocusWithin","focusWithinProps","useFocusWithin","useFocusGridItemByActiveStatus","wrapperRef","keyboardContext","useMenuGridItemNavContext","createElement","Object","assign","getTestId","ComponentDefaultTestId","MENU_GRID_ITEM","tabIndex","role","GridKeyboardNavigationContext","Provider","value","cloneElement","props","isMenuChild","isSelectable"],"mappings":"~~ujBAyDMA~~,IAAAA,EAAeC,GACnB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAASR,EAATQ,UACAC,EAAsBT,EAAtBS,uBACAC,EAA0BV,EAA1BU,2BACAC,EAAkBX,EAAlBW,mBACAC,EAAuBZ,EAAvBY,wBAAuBC,EAAAb,EACvBc,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAf,EACtBgB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAjB,EAChBkB,0BAAAA,OAA4B,IAAHD,GAAQA,EAClBE,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAC7BI,EAAWH,IAEXI,EAAQrB,GAAYsB,EAAMC,SAASC,KAAKxB,GACzCqB,GACHI,QAAQC,MACN,kGACAL,GAIJ,IAAMM,EAAsBC,GAC1B,SAACC,GACCrB,EAAwBP,EAAO4B,GAC3BA,GACFtB,EAAmBN,EAEtB,GACD,CAACA,EAAOM,EAAoBC,IAEtBsB,EAAqBC,EAAe,CAAEJ,oBAAAA,IAAtCG,iBAERE,EAA+B,CAC7BC,WAAYjB,EACZI,SAAAA,EACAjB,gBAAAA,EACAF,MAAAA,EACAa,0BAAAA,IAGF,IAAMoB,EAAkBC,EAA0B,CAChDF,WAAYjB,EACZT,mBAAAA,EACAD,2BAAAA,EACAD,uBAAAA,EACAF,gBAAAA,EACAO,eAAAA,EACAN,UAAAA,IAGF,OACEkB,EAAAc,cAAA,UAAAC,OAAAC,OAAA,CACEzC,IAAKqB,EACLpB,UAAWA,EACXC,GAAIA,EAAE,cACOgB,GAAcwB,EAAUC,EAAuBC,eAAgB1C,GAC5E2C,UAAW,EACXC,KAAK,QACDb,GAEJR,EAAAc,cAACQ,EAA8BC,SAAQ,CAACC,MAAOZ,GAC5CZ,EAAMyB,aAAa1B,EACfgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,aAAA,EAAAA,EAAO2B,QACVpC,SAAAA,EACAf,IAAKuB,MAKf,IAGFiB,OAAOC,OAAO5C,EAAc,CAC1BuD,aAAa,EACbC,cAAc"}
1	+ {"version":3,"file":"MenuGridItem.js","sources":["../../../../../src/components/Menu/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { GridKeyboardNavigationContext } from \"@vibe/a11y\";\nimport { useMenuGridItemNavContext } from \"./useMenuGridItemNavContext\";\nimport { useFocusGridItemByActiveStatus } from \"./useFocusGridItemByActiveStatus\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface MenuGridItemProps extends VibeComponentProps {\n /*\n The content of the menu grid item.\n /\n children?: ReactElement \| ReactElement[];\n /\n If true, keyboard navigation will skip this item. This prop is also passed to the child.\n /\n disabled?: boolean;\n /\n A callback function to close the wrapping menu.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n The currently active index of the wrapping menu.\n /\n activeItemIndex?: number;\n /\n Callback function to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n Function to get the next selectable index.\n /\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n /\n Function to get the previous selectable index.\n /\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n /\n The index of this menu grid item.\n /\n index?: number;\n /\n If true, this item is under a submenu instead of a top-level menu.\n /\n isUnderSubMenu?: boolean;\n /\n Callback function to open or close a submenu by its index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, event listeners will be attached to the document.\n */\n useDocumentEventListeners?: boolean;\n}\n\nconst MenuGridItem = forwardRef(\n (\n {\n className,\n id,\n children,\n index,\n activeItemIndex = -1,\n closeMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n setActiveItemIndex,\n setSubMenuIsOpenByIndex,\n isUnderSubMenu = false,\n disabled = false,\n useDocumentEventListeners = false,\n \"data-testid\": dataTestId\n }: MenuGridItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childRef = useRef();\n\n const child = children && React.Children.only(children);\n if (!child) {\n console.error(\n \"MenuGridItem can accept only a single element as first level child, this element is not valid: \",\n child\n );\n }\n\n const onFocusWithinChange = useCallback(\n (isFocusWithin: boolean) => {\n setSubMenuIsOpenByIndex(index, isFocusWithin);\n if (isFocusWithin) {\n setActiveItemIndex(index);\n }\n },\n [index, setActiveItemIndex, setSubMenuIsOpenByIndex]\n );\n const { focusWithinProps } = useFocusWithin({ onFocusWithinChange });\n\n useFocusGridItemByActiveStatus({\n wrapperRef: componentRef,\n childRef,\n activeItemIndex,\n index,\n useDocumentEventListeners\n });\n\n const keyboardContext = useMenuGridItemNavContext({\n wrapperRef: componentRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n });\n\n return (\n <section\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_GRID_ITEM, id)}\n tabIndex={-1}\n role=\"grid\"\n {...focusWithinProps}\n >\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n {React.cloneElement(child, {\n ...child?.props,\n disabled,\n ref: childRef\n })}\n </GridKeyboardNavigationContext.Provider>\n </section>\n );\n }\n);\n\nObject.assign(MenuGridItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default MenuGridItem;\n"],"names":["MenuGridItem","forwardRef","_ref","ref","className","id","children","index","_ref$activeItemIndex","activeItemIndex","closeMenu","getNextSelectableIndex","getPreviousSelectableIndex","setActiveItemIndex","setSubMenuIsOpenByIndex","_ref$isUnderSubMenu","isUnderSubMenu","_ref$disabled","disabled","_ref$useDocumentEvent","useDocumentEventListeners","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childRef","child","React","Children","only","console","error","onFocusWithinChange","useCallback","isFocusWithin","focusWithinProps","useFocusWithin","useFocusGridItemByActiveStatus","wrapperRef","keyboardContext","useMenuGridItemNavContext","createElement","Object","assign","getTestId","ComponentDefaultTestId","MENU_GRID_ITEM","tabIndex","role","GridKeyboardNavigationContext","Provider","value","cloneElement","props","isMenuChild","isSelectable"],"mappings":"klBAyDMA,IAAAA,EAAeC,GACnB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAASR,EAATQ,UACAC,EAAsBT,EAAtBS,uBACAC,EAA0BV,EAA1BU,2BACAC,EAAkBX,EAAlBW,mBACAC,EAAuBZ,EAAvBY,wBAAuBC,EAAAb,EACvBc,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAf,EACtBgB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAjB,EAChBkB,0BAAAA,OAA4B,IAAHD,GAAQA,EAClBE,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAC7BI,EAAWH,IAEXI,EAAQrB,GAAYsB,EAAMC,SAASC,KAAKxB,GACzCqB,GACHI,QAAQC,MACN,kGACAL,GAIJ,IAAMM,EAAsBC,GAC1B,SAACC,GACCrB,EAAwBP,EAAO4B,GAC3BA,GACFtB,EAAmBN,EAEtB,GACD,CAACA,EAAOM,EAAoBC,IAEtBsB,EAAqBC,EAAe,CAAEJ,oBAAAA,IAAtCG,iBAERE,EAA+B,CAC7BC,WAAYjB,EACZI,SAAAA,EACAjB,gBAAAA,EACAF,MAAAA,EACAa,0BAAAA,IAGF,IAAMoB,EAAkBC,EAA0B,CAChDF,WAAYjB,EACZT,mBAAAA,EACAD,2BAAAA,EACAD,uBAAAA,EACAF,gBAAAA,EACAO,eAAAA,EACAN,UAAAA,IAGF,OACEkB,EAAAc,cAAA,UAAAC,OAAAC,OAAA,CACEzC,IAAKqB,EACLpB,UAAWA,EACXC,GAAIA,EAAE,cACOgB,GAAcwB,EAAUC,EAAuBC,eAAgB1C,GAC5E2C,UAAW,EACXC,KAAK,QACDb,GAEJR,EAAAc,cAACQ,EAA8BC,SAAQ,CAACC,MAAOZ,GAC5CZ,EAAMyB,aAAa1B,EACfgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,aAAA,EAAAA,EAAO2B,QACVpC,SAAAA,EACAf,IAAKuB,MAKf,IAGFiB,OAAOC,OAAO5C,EAAc,CAC1BuD,aAAa,EACbC,cAAc"}

package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as i,useEffect as n}from"react";import{useLastNavigationDirection as e}from"../Menu/hooks/useLastNavigationDirection.js";var o=function(o){var r=o.wrapperRef,t=o.childRef,u=o.index,a=o.activeItemIndex,c=o.useDocumentEventListeners,l=void 0!==c&&c,v=e().lastNavigationDirectionRef,d=i((function(){return u===a}),[a,u]);n((function(){var i,n,e;l||(d?null===(i=t.current)||void 0===i||i.focus():null===(e=null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.blur)||void 0===e||e.call(n))}),[t,d,v,r,l])};export{o as useFocusGridItemByActiveStatus};
+import{useMemo as i,useEffect as e}from"react";import{useLastNavigationDirection as n}from"../../../../shared/dist/hooks/useLastNavigationDirection.js";var o=function(o){var r=o.wrapperRef,t=o.childRef,u=o.index,a=o.activeItemIndex,c=o.useDocumentEventListeners,l=void 0!==c&&c,v=n().lastNavigationDirectionRef,d=i((function(){return u===a}),[a,u]);e((function(){var i,e,n;l||(d?null===(i=t.current)||void 0===i||i.focus():null===(n=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.blur)||void 0===n||n.call(e))}),[t,d,v,r,l])};export{o as useFocusGridItemByActiveStatus};
 //# sourceMappingURL=useFocusGridItemByActiveStatus.js.map

package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusGridItemByActiveStatus.js","sources":["../../../../../src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLastNavigationDirection } from \"~~../Menu~~/~~hooks/useLastNavigationDirection~~\";\n\nexport const useFocusGridItemByActiveStatus = ({\n wrapperRef,\n childRef,\n index,\n activeItemIndex,\n useDocumentEventListeners = false\n}: {\n wrapperRef: React.RefObject<HTMLElement>;\n childRef: React.RefObject<HTMLElement>;\n index: number;\n activeItemIndex: number;\n useDocumentEventListeners?: boolean;\n}) => {\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const isActive = useMemo(() => index === activeItemIndex, [activeItemIndex, index]);\n\n useEffect(() => {\n if (useDocumentEventListeners) return;\n if (isActive) {\n childRef.current?.focus();\n } else {\n wrapperRef?.current?.blur?.();\n }\n }, [childRef, isActive, lastNavigationDirectionRef, wrapperRef, useDocumentEventListeners]);\n};\n"],"names":["useFocusGridItemByActiveStatus","_ref","wrapperRef","childRef","index","activeItemIndex","_ref$useDocumentEvent","useDocumentEventListeners","lastNavigationDirectionRef","useLastNavigationDirection","isActive","useMemo","useEffect","_a","current","focus","_c","_b","blur","call"],"mappings":"~~4IAIaA~~,EAAiC,SAAHC,GAYtC,IAXHC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAeJ,EAAfI,gBAAeC,EAAAL,EACfM,0BAAAA,OAA4B,IAAHD,GAAQA,EAQzBE,EAA+BC,IAA/BD,2BACFE,EAAWC,GAAQ,WAAA,OAAMP,IAAUC,CAAe,GAAE,CAACA,EAAiBD,IAE5EQ,GAAU,qBACJL,IACAG,EACgB,QAAlBG,EAAAV,EAASW,eAAS,IAAAD,GAAAA,EAAAE,QAEO,QAAzBC,EAAmB,QAAnBC,EAAAf,aAAU,EAAVA,EAAYY,eAAO,IAAAG,OAAA,EAAAA,EAAEC,YAAI,IAAAF,GAAAA,EAAAG,KAAAF,GAE7B,GAAG,CAACd,EAAUO,EAAUF,EAA4BN,EAAYK,GAClE"}
1	+ {"version":3,"file":"useFocusGridItemByActiveStatus.js","sources":["../../../../../src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLastNavigationDirection } from \"@vibe/shared\";\n\nexport const useFocusGridItemByActiveStatus = ({\n wrapperRef,\n childRef,\n index,\n activeItemIndex,\n useDocumentEventListeners = false\n}: {\n wrapperRef: React.RefObject<HTMLElement>;\n childRef: React.RefObject<HTMLElement>;\n index: number;\n activeItemIndex: number;\n useDocumentEventListeners?: boolean;\n}) => {\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const isActive = useMemo(() => index === activeItemIndex, [activeItemIndex, index]);\n\n useEffect(() => {\n if (useDocumentEventListeners) return;\n if (isActive) {\n childRef.current?.focus();\n } else {\n wrapperRef?.current?.blur?.();\n }\n }, [childRef, isActive, lastNavigationDirectionRef, wrapperRef, useDocumentEventListeners]);\n};\n"],"names":["useFocusGridItemByActiveStatus","_ref","wrapperRef","childRef","index","activeItemIndex","_ref$useDocumentEvent","useDocumentEventListeners","lastNavigationDirectionRef","useLastNavigationDirection","isActive","useMemo","useEffect","_a","current","focus","_c","_b","blur","call"],"mappings":"4JAIaA,EAAiC,SAAHC,GAYtC,IAXHC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAeJ,EAAfI,gBAAeC,EAAAL,EACfM,0BAAAA,OAA4B,IAAHD,GAAQA,EAQzBE,EAA+BC,IAA/BD,2BACFE,EAAWC,GAAQ,WAAA,OAAMP,IAAUC,CAAe,GAAE,CAACA,EAAiBD,IAE5EQ,GAAU,qBACJL,IACAG,EACgB,QAAlBG,EAAAV,EAASW,eAAS,IAAAD,GAAAA,EAAAE,QAEO,QAAzBC,EAAmB,QAAnBC,EAAAf,aAAU,EAAVA,EAAYY,eAAO,IAAAG,OAAA,EAAAA,EAAEC,YAAI,IAAAF,GAAAA,EAAAG,KAAAF,GAE7B,GAAG,CAACd,EAAUO,EAAUF,EAA4BN,EAAYK,GAClE"}

package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as e}from"react";import{NavDirections as t}from"../../../hooks/useFullKeyboardListeners.js";import{useGridKeyboardNavigationContext as n}from"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";var r=function(r){var o=r.setActiveItemIndex,i=r.getPreviousSelectableIndex,a=r.getNextSelectableIndex,u=r.activeItemIndex,s=r.isUnderSubMenu,c=r.closeMenu,d=n([],r.wrapperRef);return e((function(){return{onOutboundNavigation:function(e,n){switch(d.onOutboundNavigation(e,n),n){case t.UP:return o(i(u));case t.DOWN:return o(a(u));case t.LEFT:s&&c({})}}}}),[d,o,i,u,a,s,c])};export{r as useMenuGridItemNavContext};
+import{useMemo as e}from"react";import{useGridKeyboardNavigationContext as t}from"../../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{NavDirections as n}from"../../../../shared/dist/constants/navDirections.js";var o=function(o){var r=o.setActiveItemIndex,a=o.getPreviousSelectableIndex,i=o.getNextSelectableIndex,s=o.activeItemIndex,c=o.isUnderSubMenu,d=o.closeMenu,u=t([],o.wrapperRef);return e((function(){return{onOutboundNavigation:function(e,t){switch(u.onOutboundNavigation(e,t),t){case n.UP:return r(a(s));case n.DOWN:return r(i(s));case n.LEFT:c&&d({})}}}}),[u,r,a,s,i,c,d])};export{o as useMenuGridItemNavContext};
 //# sourceMappingURL=useMenuGridItemNavContext.js.map

package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuGridItemNavContext.js","sources":["../../../../../src/components/Menu/MenuGridItem/useMenuGridItemNavContext.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useMemo } from \"react\";\nimport { NavDirections } from \"~~../../../hooks~~/~~useFullKeyboardListeners~~\";\nimport { useGridKeyboardNavigationContext } from \"~~../../GridKeyboardNavigationContext~~/~~GridKeyboardNavigationContext~~\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\~~nimport { type GridElementRef } from \"../../GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants\";\~~n\nexport const useMenuGridItemNavContext = ({\n wrapperRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n}: {\n wrapperRef?: GridElementRef;\n setActiveItemIndex?: (index: number) => void;\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n activeItemIndex?: number;\n isUnderSubMenu?: boolean;\n closeMenu?: (option: CloseMenuOption) => void;\n}) => {\n /\n This is an \"adapter\" between the Grid Keyboard Navigation mechanism and the Menu navigation mechanism.\n * Currently, the two mechanisms work a bit differently.\n * In the future, when the Menu component will use a GridKeyboardNavigationContext, this adapter shouldn't be needed anymore.\n */\n const innerKeyboardContext = useGridKeyboardNavigationContext([], wrapperRef);\n const keyboardContext = useMemo(\n () => ({\n onOutboundNavigation: (elementRef: React.RefObject<HTMLElement>, direction: NavDirections) => {\n innerKeyboardContext.onOutboundNavigation(elementRef, direction);\n\n switch (direction) {\n case NavDirections.UP:\n return setActiveItemIndex(getPreviousSelectableIndex(activeItemIndex));\n case NavDirections.DOWN:\n return setActiveItemIndex(getNextSelectableIndex(activeItemIndex));\n case NavDirections.LEFT:\n if (isUnderSubMenu) {\n closeMenu({});\n }\n }\n }\n }),\n [\n innerKeyboardContext,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n getNextSelectableIndex,\n isUnderSubMenu,\n closeMenu\n ]\n );\n\n return keyboardContext;\n};\n"],"names":["useMenuGridItemNavContext","_ref","setActiveItemIndex","getPreviousSelectableIndex","getNextSelectableIndex","activeItemIndex","isUnderSubMenu","closeMenu","innerKeyboardContext","useGridKeyboardNavigationContext","wrapperRef","useMemo","onOutboundNavigation","elementRef","direction","NavDirections","UP","DOWN","LEFT"],"mappings":"~~uOAOaA~~,EAA4B,SAAHC,GAgBjC,IAdHC,EAAkBD,EAAlBC,mBACAC,EAA0BF,EAA1BE,2BACAC,EAAsBH,EAAtBG,uBACAC,EAAeJ,EAAfI,gBACAC,EAAcL,EAAdK,eACAC,EAASN,EAATM,UAeMC,EAAuBC,EAAiC,GArBpDR,EAAVS,YAkDA,OA5BwBC,GACtB,WAAA,MAAO,CACLC,qBAAsB,SAACC,EAA0CC,GAG/D,OAFAN,EAAqBI,qBAAqBC,EAAYC,GAE9CA,GACN,KAAKC,EAAcC,GACjB,OAAOd,EAAmBC,EAA2BE,IACvD,KAAKU,EAAcE,KACjB,OAAOf,EAAmBE,EAAuBC,IACnD,KAAKU,EAAcG,KACbZ,GACFC,EAAU,CAAE,GAGpB,EACD,GACD,CACEC,EACAN,EACAC,EACAE,EACAD,EACAE,EACAC,GAKN"}
1	+ {"version":3,"file":"useMenuGridItemNavContext.js","sources":["../../../../../src/components/Menu/MenuGridItem/useMenuGridItemNavContext.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useMemo } from \"react\";\nimport { NavDirections } from \"@vibe/shared\";\nimport { useGridKeyboardNavigationContext, type GridElementRef } from \"@vibe/a11y\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\n\nexport const useMenuGridItemNavContext = ({\n wrapperRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n}: {\n wrapperRef?: GridElementRef;\n setActiveItemIndex?: (index: number) => void;\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n activeItemIndex?: number;\n isUnderSubMenu?: boolean;\n closeMenu?: (option: CloseMenuOption) => void;\n}) => {\n /\n This is an \"adapter\" between the Grid Keyboard Navigation mechanism and the Menu navigation mechanism.\n * Currently, the two mechanisms work a bit differently.\n * In the future, when the Menu component will use a GridKeyboardNavigationContext, this adapter shouldn't be needed anymore.\n */\n const innerKeyboardContext = useGridKeyboardNavigationContext([], wrapperRef);\n const keyboardContext = useMemo(\n () => ({\n onOutboundNavigation: (elementRef: React.RefObject<HTMLElement>, direction: NavDirections) => {\n innerKeyboardContext.onOutboundNavigation(elementRef, direction);\n\n switch (direction) {\n case NavDirections.UP:\n return setActiveItemIndex(getPreviousSelectableIndex(activeItemIndex));\n case NavDirections.DOWN:\n return setActiveItemIndex(getNextSelectableIndex(activeItemIndex));\n case NavDirections.LEFT:\n if (isUnderSubMenu) {\n closeMenu({});\n }\n }\n }\n }),\n [\n innerKeyboardContext,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n getNextSelectableIndex,\n isUnderSubMenu,\n closeMenu\n ]\n );\n\n return keyboardContext;\n};\n"],"names":["useMenuGridItemNavContext","_ref","setActiveItemIndex","getPreviousSelectableIndex","getNextSelectableIndex","activeItemIndex","isUnderSubMenu","closeMenu","innerKeyboardContext","useGridKeyboardNavigationContext","wrapperRef","useMemo","onOutboundNavigation","elementRef","direction","NavDirections","UP","DOWN","LEFT"],"mappings":"0QAMaA,EAA4B,SAAHC,GAgBjC,IAdHC,EAAkBD,EAAlBC,mBACAC,EAA0BF,EAA1BE,2BACAC,EAAsBH,EAAtBG,uBACAC,EAAeJ,EAAfI,gBACAC,EAAcL,EAAdK,eACAC,EAASN,EAATM,UAeMC,EAAuBC,EAAiC,GArBpDR,EAAVS,YAkDA,OA5BwBC,GACtB,WAAA,MAAO,CACLC,qBAAsB,SAACC,EAA0CC,GAG/D,OAFAN,EAAqBI,qBAAqBC,EAAYC,GAE9CA,GACN,KAAKC,EAAcC,GACjB,OAAOd,EAAmBC,EAA2BE,IACvD,KAAKU,EAAcE,KACjB,OAAOf,EAAmBE,EAAuBC,IACnD,KAAKU,EAAcG,KACbZ,GACFC,EAAU,CAAE,GAGpB,EACD,GACD,CACEC,EACAN,EACAC,EACAE,EACAD,EACAE,EACAC,GAKN"}

package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_4a157a60fd"};!function(e){const t="s_id-b06386a2bb6c_4_5_9";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)}(".title_4a157a60fd {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
+var e={title:"title_73a9a04408"};!function(e){const t="s_id-b06386a2bb6c_4_5_11";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)}(".title_73a9a04408 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={item:"item_83b602b3f9",splitMenuItem:"splitMenuItem_37dae3f3ca",disabled:"disabled_075a2d3a4c",focused:"focused_5ebdef217c",initialSelected:"initialSelected_dcdcc81c8d",selected:"selected_5b204836f9"};!function(e){const n="s_id-5b7b751737f9_4_5_9";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/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_83b602b3f9 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_83b602b3f9.splitMenuItem_37dae3f3ca {\n  padding: 0 0 0 var(--space-8);\n}\n.item_83b602b3f9.disabled_075a2d3a4c {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_83b602b3f9.focused_5ebdef217c:not(.disabled_075a2d3a4c) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_83b602b3f9.focused_5ebdef217c:not(.disabled_075a2d3a4c):not(:hover):not(.initialSelected_dcdcc81c8d) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_83b602b3f9.selected_5b204836f9:not(.disabled_075a2d3a4c) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_dbece749a9",splitMenuItem:"splitMenuItem_0e12cd6a09",disabled:"disabled_eb5165844d",focused:"focused_98357fbd14",initialSelected:"initialSelected_229a89e3c9",selected:"selected_20793d5889"};!function(e){const n="s_id-5b7b751737f9_4_5_11";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/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_dbece749a9 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_dbece749a9.splitMenuItem_0e12cd6a09 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_dbece749a9.disabled_eb5165844d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_dbece749a9.focused_98357fbd14:not(.disabled_eb5165844d) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_dbece749a9.focused_98357fbd14:not(.disabled_eb5165844d):not(:hover):not(.initialSelected_229a89e3c9) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_dbece749a9.selected_20793d5889:not(.disabled_eb5165844d) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_8513babfff",rightIcon:"rightIcon_d2db9dd09c",withBackgroundColor:"withBackgroundColor_ea6f1a9364",disabled:"disabled_97fa487239",icon:"icon_6d29f74952",selected:"selected_c6b564905e"};!function(e){const n="s_id-031e2c862ceb_4_5_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_8513babfff {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_8513babfff.rightIcon_d2db9dd09c {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_8513babfff.withBackgroundColor_ea6f1a9364 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_8513babfff.withBackgroundColor_ea6f1a9364.disabled_97fa487239 {\n  opacity: 0.4;\n}\n.iconWrapper_8513babfff.withBackgroundColor_ea6f1a9364 .icon_6d29f74952 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_8513babfff.disabled_97fa487239 .icon_6d29f74952 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_8513babfff .icon_6d29f74952 {\n  color: var(--icon-color);\n}\n.iconWrapper_8513babfff .icon_6d29f74952.selected_c6b564905e {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_711e9724b5",rightIcon:"rightIcon_270119c98d",withBackgroundColor:"withBackgroundColor_b30902c09e",disabled:"disabled_4ac9965b64",icon:"icon_278d346a89",selected:"selected_f548361c10"};!function(e){const n="s_id-031e2c862ceb_4_5_11";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_711e9724b5 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_711e9724b5.rightIcon_270119c98d {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_711e9724b5.withBackgroundColor_b30902c09e {\n  border-radius: var(--space-4);\n}\n.iconWrapper_711e9724b5.withBackgroundColor_b30902c09e.disabled_4ac9965b64 {\n  opacity: 0.4;\n}\n.iconWrapper_711e9724b5.withBackgroundColor_b30902c09e .icon_278d346a89 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_711e9724b5.disabled_4ac9965b64 .icon_278d346a89 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_711e9724b5 .icon_278d346a89 {\n  color: var(--icon-color);\n}\n.iconWrapper_711e9724b5 .icon_278d346a89.selected_f548361c10 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_e253b4c809",divider:"divider_9650721677",splitSubMenuIcon:"splitSubMenuIcon_fac040e25c",subMenuIcon:"subMenuIcon_20ed25acac",disabled:"disabled_075a2d3a4c",splitMenuItemIconButton:"splitMenuItemIconButton_6b69a2d555"};!function(e){const n="s_id-b28b9c0c92bb_4_5_9";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,c.firstChild?c.insertBefore(t,c.firstChild):c.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_e253b4c809 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_e253b4c809 .divider_9650721677 {\n  height: 19px;\n}\n.subMenuIconWrapper_e253b4c809 .splitSubMenuIcon_fac040e25c {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_e253b4c809 .subMenuIcon_20ed25acac,\n.subMenuIconWrapper_e253b4c809 .splitSubMenuIcon_fac040e25c {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_e253b4c809 .subMenuIcon_20ed25acac.disabled_075a2d3a4c,\n.subMenuIconWrapper_e253b4c809 .splitSubMenuIcon_fac040e25c.disabled_075a2d3a4c {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_e253b4c809 .splitMenuItemIconButton_6b69a2d555 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_23c7707aa3",divider:"divider_37e55fbf98",splitSubMenuIcon:"splitSubMenuIcon_b4f2998d6a",subMenuIcon:"subMenuIcon_14f03abc36",disabled:"disabled_eb5165844d",splitMenuItemIconButton:"splitMenuItemIconButton_1c510671a0"};!function(e){const n="s_id-b28b9c0c92bb_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_23c7707aa3 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_23c7707aa3 .divider_37e55fbf98 {\n  height: 19px;\n}\n.subMenuIconWrapper_23c7707aa3 .splitSubMenuIcon_b4f2998d6a {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_23c7707aa3 .subMenuIcon_14f03abc36,\n.subMenuIconWrapper_23c7707aa3 .splitSubMenuIcon_b4f2998d6a {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_23c7707aa3 .subMenuIcon_14f03abc36.disabled_eb5165844d,\n.subMenuIconWrapper_23c7707aa3 .splitSubMenuIcon_b4f2998d6a.disabled_eb5165844d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_23c7707aa3 .splitMenuItemIconButton_1c510671a0 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_d0aeb139b0",buttonComponent:"buttonComponent_91e387bab7",content:"content_3a5b569172"};!function(e){const t="s_id-5b38a66d7d32_4_5_9";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)}(".itemButton_d0aeb139b0 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_d0aeb139b0 .buttonComponent_91e387bab7 {\n  width: 100%;\n}\n\n.itemButton_d0aeb139b0 .buttonComponent_91e387bab7 .content_3a5b569172 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_823c934fea",buttonComponent:"buttonComponent_c172a50999",content:"content_5171775af9"};!function(e){const t="s_id-5b38a66d7d32_4_5_11";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)}(".itemButton_823c934fea {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_823c934fea .buttonComponent_c172a50999 {\n  width: 100%;\n}\n\n.itemButton_823c934fea .buttonComponent_c172a50999 .content_5171775af9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={title:"title_0f065ecdfa",titleCaption:"titleCaption_b59094f42e",titleCaptionCenter:"titleCaptionCenter_b358088872",titleCaptionBottom:"titleCaptionBottom_f9909ab923",titleCaptionTop:"titleCaptionTop_e9cb2f82c7"};!function(t){const e="s_id-6a10a614e4d8_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_0f065ecdfa {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_b59094f42e {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_b358088872 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_f9909ab923,\n.titleCaptionTop_e9cb2f82c7 {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_f9909ab923 {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_b358088872::before,\n.titleCaptionCenter_b358088872::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--space-8);\n}');export{t as default};
+var t={title:"title_fe045f7651",titleCaption:"titleCaption_8b9c6d433a",titleCaptionCenter:"titleCaptionCenter_9f2253bc0c",titleCaptionBottom:"titleCaptionBottom_de1c03832b",titleCaptionTop:"titleCaptionTop_754d6b0bbd"};!function(t){const e="s_id-6a10a614e4d8_4_5_11";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_fe045f7651 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_8b9c6d433a {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_9f2253bc0c {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_de1c03832b,\n.titleCaptionTop_754d6b0bbd {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_de1c03832b {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_9f2253bc0c::before,\n.titleCaptionCenter_9f2253bc0c::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--space-8);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

package/dist/src/components/MenuButton/MenuButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_2c66112bf9","focus-visible":"focus-visible_a3a9d0fd78",active:"active_3b22031479",sizeXxs:"sizeXxs_b6df047f9f",sizeXs:"sizeXs_4d8dd3c04d",sizeSmall:"sizeSmall_f7c952cdaa",sizeMedium:"sizeMedium_03c6776500",sizeLarge:"sizeLarge_aad229ea96",disabled:"disabled_05ad15b3d8",text:"text_91e387bab7",innerText:"innerText_274ed54e47"};!function(n){const o="s_id-fe45efde1a3d_4_5_9";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_2c66112bf9 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_2c66112bf9:focus-visible, .wrapper_2c66112bf9.focus-visible_a3a9d0fd78 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_2c66112bf9:focus:not(.focus-visible_a3a9d0fd78) {\n  outline: none;\n}\n.wrapper_2c66112bf9:focus-visible, .wrapper_2c66112bf9.focus-visible_a3a9d0fd78 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_2c66112bf9:focus:not(.focus-visible_a3a9d0fd78) {\n  outline: none;\n}\n.wrapper_2c66112bf9:focus,\n.wrapper_2c66112bf9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_2c66112bf9:active {\n  transform: scale(0.95);\n}\n.active_3b22031479 {\n  background-color: var(--primary-selected-color);\n}\n.active_3b22031479:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_3b22031479:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_b6df047f9f {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_4d8dd3c04d {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_f7c952cdaa {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_03c6776500 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_aad229ea96 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_05ad15b3d8 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_05ad15b3d8:hover {\n  background-color: transparent;\n}\n.text_91e387bab7 {\n  width: 100%;\n}\n.innerText_274ed54e47 {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_7559503ebb","focus-visible":"focus-visible_74b0ed67b2",active:"active_a370bdd0f3",sizeXxs:"sizeXxs_1cd2d77944",sizeXs:"sizeXs_cd8f9fe0ce",sizeSmall:"sizeSmall_c476ded23a",sizeMedium:"sizeMedium_a5fb9ea7c8",sizeLarge:"sizeLarge_2531365a43",disabled:"disabled_c84badd6ce",text:"text_c172a50999",innerText:"innerText_2466729546"};!function(n){const e="s_id-fe45efde1a3d_4_5_11";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_7559503ebb {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_7559503ebb:focus-visible, .wrapper_7559503ebb.focus-visible_74b0ed67b2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_7559503ebb:focus:not(.focus-visible_74b0ed67b2) {\n  outline: none;\n}\n.wrapper_7559503ebb:focus-visible, .wrapper_7559503ebb.focus-visible_74b0ed67b2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_7559503ebb:focus:not(.focus-visible_74b0ed67b2) {\n  outline: none;\n}\n.wrapper_7559503ebb:focus,\n.wrapper_7559503ebb:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_7559503ebb:active {\n  transform: scale(0.95);\n}\n.active_a370bdd0f3 {\n  background-color: var(--primary-selected-color);\n}\n.active_a370bdd0f3:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_a370bdd0f3:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_1cd2d77944 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_cd8f9fe0ce {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_c476ded23a {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_a5fb9ea7c8 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_2531365a43 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_c84badd6ce {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_c84badd6ce:hover {\n  background-color: transparent;\n}\n.text_c172a50999 {\n  width: 100%;\n}\n.innerText_2466729546 {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_6e256cebfe",overlay:"overlay_602711c2c3",centerPop:"centerPop_aa72b3ddc7",anchorPop:"anchorPop_aa72b3ddc7",modal:"modal_bf2939dc4d",fixedPosition:"fixedPosition_e6d5058ac2",withHeaderAction:"withHeaderAction_544f75ad5e",sizeSmall:"sizeSmall_7a2506200d",sizeMedium:"sizeMedium_34da37cb0f",sizeLarge:"sizeLarge_68cd131bd3",sizeFullView:"sizeFullView_7c5462476a",containerEnter:"containerEnter_82fb18ed4f",fullView:"fullView_57d9fd43dd",containerEnterActive:"containerEnterActive_acfcdc9950",centerPopIn:"centerPopIn_1a3380ab89",anchorPopIn:"anchorPopIn_5f42fd1173",fullViewIn:"fullViewIn_dc932fb637",containerExitActive:"containerExitActive_9fa96cda06",centerPopOut:"centerPopOut_198a5b39fe",anchorPopOut:"anchorPopOut_6ad17ece36",fullViewOut:"fullViewOut_8a864dab8b"};!function(n){const a="s_id-72e80303fba3_4_5_9";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_6e256cebfe {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_602711c2c3 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_aa72b3ddc7 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_aa72b3ddc7 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_bf2939dc4d {\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_bf2939dc4d.fixedPosition_e6d5058ac2 {\n  position: fixed;\n}\n\n.modal_bf2939dc4d.withHeaderAction_544f75ad5e {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_bf2939dc4d.sizeSmall_7a2506200d {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_bf2939dc4d.sizeMedium_34da37cb0f {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_bf2939dc4d.sizeLarge_68cd131bd3 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_bf2939dc4d.sizeFullView_7c5462476a {\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_bf2939dc4d.sizeSmall_7a2506200d {\n    --modal-width: 480px;\n  }\n  .modal_bf2939dc4d.sizeMedium_34da37cb0f {\n    --modal-width: 580px;\n  }\n  .modal_bf2939dc4d.sizeLarge_68cd131bd3 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_bf2939dc4d.sizeSmall_7a2506200d {\n    --modal-width: 520px;\n  }\n  .modal_bf2939dc4d.sizeMedium_34da37cb0f {\n    --modal-width: 620px;\n  }\n  .modal_bf2939dc4d.sizeLarge_68cd131bd3 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_bf2939dc4d.sizeFullView_7c5462476a {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_82fb18ed4f .overlay_602711c2c3 {\n  opacity: 0;\n}\n\n.containerEnter_82fb18ed4f .centerPop_aa72b3ddc7 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_82fb18ed4f .anchorPop_aa72b3ddc7 {\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_82fb18ed4f .fullView_57d9fd43dd {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_acfcdc9950 .overlay_602711c2c3 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_acfcdc9950 .centerPop_aa72b3ddc7 {\n  animation: centerPopIn_1a3380ab89 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_acfcdc9950 .anchorPop_aa72b3ddc7 {\n  animation: anchorPopIn_5f42fd1173 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_acfcdc9950 .fullView_57d9fd43dd {\n  animation: fullViewIn_dc932fb637 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_9fa96cda06 .overlay_602711c2c3 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_9fa96cda06 .centerPop_aa72b3ddc7 {\n  animation: centerPopOut_198a5b39fe 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_9fa96cda06 .anchorPop_aa72b3ddc7 {\n  animation: anchorPopOut_6ad17ece36 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_9fa96cda06 .fullView_57d9fd43dd {\n  animation: fullViewOut_8a864dab8b 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_1a3380ab89 {\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_198a5b39fe {\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_5f42fd1173 {\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_6ad17ece36 {\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_dc932fb637 {\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_8a864dab8b {\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_65c852ef8f",overlay:"overlay_7ee318536b",centerPop:"centerPop_8cb16c2e8d",anchorPop:"anchorPop_8cb16c2e8d",modal:"modal_657d43ed55",fixedPosition:"fixedPosition_493f3e6f04",withHeaderAction:"withHeaderAction_ac28bb1ef1",sizeSmall:"sizeSmall_dc43f37fba",sizeMedium:"sizeMedium_7844760cb0",sizeLarge:"sizeLarge_b783553b50",sizeFullView:"sizeFullView_b248f85ccd",containerEnter:"containerEnter_e60c6c2601",fullView:"fullView_3cec7c33cc",containerEnterActive:"containerEnterActive_7aae01e598",centerPopIn:"centerPopIn_8afa5417d7",anchorPopIn:"anchorPopIn_6398495a4c",fullViewIn:"fullViewIn_723953535e",containerExitActive:"containerExitActive_10d80e17c0",centerPopOut:"centerPopOut_b59959d45e",anchorPopOut:"anchorPopOut_7b6d64f28a",fullViewOut:"fullViewOut_1694d561f8"};!function(n){const e="s_id-72e80303fba3_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_65c852ef8f {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_7ee318536b {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_8cb16c2e8d {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_8cb16c2e8d {\n  transform: translate(-50%, -50%);\n}\n\n.modal_657d43ed55 {\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_657d43ed55.fixedPosition_493f3e6f04 {\n  position: fixed;\n}\n\n.modal_657d43ed55.withHeaderAction_ac28bb1ef1 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_657d43ed55.sizeSmall_dc43f37fba {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_657d43ed55.sizeMedium_7844760cb0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_657d43ed55.sizeLarge_b783553b50 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_657d43ed55.sizeFullView_b248f85ccd {\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_657d43ed55.sizeSmall_dc43f37fba {\n    --modal-width: 480px;\n  }\n  .modal_657d43ed55.sizeMedium_7844760cb0 {\n    --modal-width: 580px;\n  }\n  .modal_657d43ed55.sizeLarge_b783553b50 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_657d43ed55.sizeSmall_dc43f37fba {\n    --modal-width: 520px;\n  }\n  .modal_657d43ed55.sizeMedium_7844760cb0 {\n    --modal-width: 620px;\n  }\n  .modal_657d43ed55.sizeLarge_b783553b50 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_657d43ed55.sizeFullView_b248f85ccd {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_e60c6c2601 .overlay_7ee318536b {\n  opacity: 0;\n}\n\n.containerEnter_e60c6c2601 .centerPop_8cb16c2e8d {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_e60c6c2601 .anchorPop_8cb16c2e8d {\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_e60c6c2601 .fullView_3cec7c33cc {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_7aae01e598 .overlay_7ee318536b {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_7aae01e598 .centerPop_8cb16c2e8d {\n  animation: centerPopIn_8afa5417d7 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7aae01e598 .anchorPop_8cb16c2e8d {\n  animation: anchorPopIn_6398495a4c 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7aae01e598 .fullView_3cec7c33cc {\n  animation: fullViewIn_723953535e 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_10d80e17c0 .overlay_7ee318536b {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_10d80e17c0 .centerPop_8cb16c2e8d {\n  animation: centerPopOut_b59959d45e 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_10d80e17c0 .anchorPop_8cb16c2e8d {\n  animation: anchorPopOut_7b6d64f28a 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_10d80e17c0 .fullView_3cec7c33cc {\n  animation: fullViewOut_1694d561f8 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_8afa5417d7 {\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_b59959d45e {\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_6398495a4c {\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_7b6d64f28a {\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_723953535e {\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_1694d561f8 {\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/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_daa8915025",title:"title_91e387bab7",descriptionIcon:"descriptionIcon_f441ad482d"};!function(e){const n="s_id-348c193d77fe_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_daa8915025 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_daa8915025 .title_91e387bab7 {\n  width: 100%;\n}\n.header_daa8915025 .descriptionIcon_f441ad482d {\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_4fbf3b9570",title:"title_c172a50999",descriptionIcon:"descriptionIcon_02030ce8a6"};!function(e){const n="s_id-348c193d77fe_4_5_11";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_4fbf3b9570 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_4fbf3b9570 .title_c172a50999 {\n  width: 100%;\n}\n.header_4fbf3b9570 .descriptionIcon_02030ce8a6 {\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/src/components/Modal/ModalMedia/ModalMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={media:"media_8a48edd225"};!function(e){const t="s_id-17d5de3a21d7_4_5_9";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_8a48edd225 {\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_4038616639"};!function(e){const t="s_id-17d5de3a21d7_4_5_11";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_4038616639 {\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/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actions:"actions_d33dbb7929"};!function(e){const n="s_id-6417b75cafa5_4_5_9";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_d33dbb7929 {\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_367d3b84cc"};!function(e){const n="s_id-6417b75cafa5_4_5_11";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_367d3b84cc {\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/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={footer:"footer_5614d9e682"};!function(e){const t="s_id-5c7b28cf0c05_4_5_9";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_5614d9e682 {\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_2905a0f8ba"};!function(e){const t="s_id-5c7b28cf0c05_4_5_11";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_2905a0f8ba {\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/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_c55461ac14",secondary:"secondary_f6ce2d382c",stepDots:"stepDots_1b657b25cd"};!function(e){const n="s_id-51737ad1ac1f_4_5_9";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)}(".primary_c55461ac14 {\n  order: 2;\n}\n\n.secondary_f6ce2d382c {\n  order: 1;\n}\n\n.stepDots_1b657b25cd {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_1f5c89ac25",secondary:"secondary_d85e769be5",stepDots:"stepDots_dff99ec641"};!function(e){const n="s_id-51737ad1ac1f_4_5_11";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)}(".primary_1f5c89ac25 {\n  order: 2;\n}\n\n.secondary_d85e769be5 {\n  order: 1;\n}\n\n.stepDots_dff99ec641 {\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/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_4d5685aa14",header:"header_4aa97241e3",divider:"divider_5541b3b291",showDivider:"showDivider_6c9183559a",content:"content_cab3237ba9"};!function(e){const a="s_id-324b836d97d8_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".layout_4d5685aa14 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_4d5685aa14 .header_4aa97241e3 {\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_4d5685aa14 .divider_5541b3b291 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_4d5685aa14 .divider_5541b3b291.showDivider_6c9183559a {\n  opacity: 1;\n}\n.layout_4d5685aa14 .content_cab3237ba9 {\n  padding-block-end: var(--space-32);\n}");export{e as default};
+var e={layout:"layout_ec2bbd6f4c",header:"header_7796e7ed59",divider:"divider_f251beb465",showDivider:"showDivider_22acbc2cf6",content:"content_0e6ff18502"};!function(e){const n="s_id-324b836d97d8_4_5_11";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_ec2bbd6f4c {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_ec2bbd6f4c .header_7796e7ed59 {\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_ec2bbd6f4c .divider_f251beb465 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_ec2bbd6f4c .divider_f251beb465.showDivider_22acbc2cf6 {\n  opacity: 1;\n}\n.layout_ec2bbd6f4c .content_0e6ff18502 {\n  padding-block-end: var(--space-32);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_31beb0c960",show:"show_bfd639caf1"};!function(e){const t="s_id-c76d397ed7f2_4_5_9";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_31beb0c960::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_31beb0c960.show_bfd639caf1::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_f1c97708fe",show:"show_3e063d987e"};!function(e){const t="s_id-c76d397ed7f2_4_5_11";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_f1c97708fe::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_f1c97708fe.show_3e063d987e::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={content:"content_a75a31294d"};!function(e){const n="s_id-09bedfbbc65c_4_5_9";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_a75a31294d {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_a75a31294d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_a75a31294d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_e2f5789d1a"};!function(e){const n="s_id-09bedfbbc65c_4_5_11";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_e2f5789d1a {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_e2f5789d1a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_e2f5789d1a::-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/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_4d5685aa14",media:"media_12cf165d86",header:"header_dc523e5fc5",content:"content_a63bcdb760"};!function(e){const n="s_id-d089cc4b12c5_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4d5685aa14 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_4d5685aa14 .media_12cf165d86 {\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_4d5685aa14 .header_dc523e5fc5 {\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_4d5685aa14 .content_a63bcdb760 {\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_ec2bbd6f4c",media:"media_f78de38bb7",header:"header_07d6e37923",content:"content_18571cf72b"};!function(e){const n="s_id-d089cc4b12c5_4_5_11";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)}(".layout_ec2bbd6f4c {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_ec2bbd6f4c .media_f78de38bb7 {\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_ec2bbd6f4c .header_07d6e37923 {\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_ec2bbd6f4c .content_18571cf72b {\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/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_6e9f34dadd",header:"header_77ae719c2b",content:"content_4b4f5c7a97",media:"media_94a1b50e33"};!function(e){const n="s_id-510a2449b45a_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_6e9f34dadd {\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_6e9f34dadd .header_77ae719c2b {\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_6e9f34dadd .content_4b4f5c7a97 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout_6e9f34dadd .media_94a1b50e33 {\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_4df1f3840b",header:"header_facc6d77f4",content:"content_0ad051ca1d",media:"media_695ea7e025"};!function(e){const n="s_id-510a2449b45a_4_5_11";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_4df1f3840b {\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_4df1f3840b .header_facc6d77f4 {\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_4df1f3840b .content_0ad051ca1d {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--space-32);\n}\n.layout_4df1f3840b .media_695ea7e025 {\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/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_9bf7e37b09",divider:"divider_39fa4cb7e4",compact:"compact_8725534fe5"};!function(e){const n="s_id-234f8f4cd160_4_5_9";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_9bf7e37b09 {\n  display: flex;\n}\n.wrapper_9bf7e37b09 .divider_39fa4cb7e4 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_9bf7e37b09 .divider_39fa4cb7e4.compact_8725534fe5 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={wrapper:"wrapper_b450f348cf",divider:"divider_4f0f4a096c",compact:"compact_8caad2bfef"};!function(e){const n="s_id-234f8f4cd160_4_5_11";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_b450f348cf {\n  display: flex;\n}\n.wrapper_b450f348cf .divider_4f0f4a096c {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_b450f348cf .divider_4f0f4a096c.compact_8caad2bfef {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { Divider } from \"@vibe/divider\";\n\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}
1	+ {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { Divider } from \"@vibe/divider\";\n\nimport { HiddenText } from \"@vibe/a11y\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"gtCAqBA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAyBjCC,EAAsD,SAArCC,GAMlB,IAHHC,EAAiBD,EAAjBC,kBACAC,EAAqBF,EAArBE,sBAGA,MAAkB,cANZF,EAANG,QAC4BH,EAA5BI,6BAcEC,gCAXQL,EAAVM,YAGED,EAACE,cAAAC,GACCC,KAAMR,EACNS,UAAWC,EAAWC,EAAOC,8BAC7BC,KAAMZ,EACNa,kBACa,EAAA,eAAA,GAKnB,EA6DMC,EAA8C,SAAjCC,GAiBM,IAhBvBC,EAAsBD,EAAtBC,uBAAsBC,EAAAF,EACtBX,WAAAA,OAAa,IAAHa,EAAG,EAACA,EAAAC,EAAAH,EACdd,OAAAA,OAAS,IAAHiB,EAAG,UAASA,EAAAC,EAAAJ,EAClBK,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAAAE,EAAAN,EAC1BO,aAAAA,OAAe,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC9BH,KAAAA,OAAO,IAAHW,EAAG,UAASA,EAAAC,EAAAT,EAChBhB,kBAAAA,OAAoB0B,IAAHD,EAAGC,EAAKD,EAAAE,EAAAX,EACzBf,sBAAAA,OAAwB,IAAH0B,EAAG,MAAKA,EAAAC,EAAAZ,EAC7Bb,6BAAAA,OAA+B,IAAHyB,GAAQA,EAAAC,EAAAb,EACpCc,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACdiB,oBAAAA,OAAsB,IAAHD,GAAQA,EAC3BE,EAAoBlB,EAApBkB,qBAAoBC,EAAAnB,EACpBoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAErB,EAAFqB,GAAEC,EAAAtB,EACFuB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,GAAUxB,EAAzB,eAGAyB,GAAoEC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA5EI,GAA0BF,GAAA,GAAEG,GAA6BH,GAAA,GAG1DI,GAAeC,EAAO,MACtBC,GAAUD,EAAwB,MAClCE,GAAgBF,EAAO9C,GAGvBiD,GAA8BC,GAAY,WAC9CN,IAA8B,EAChC,GAAG,CAACA,KAEEO,GAA+BD,GAAY,WAC/CN,IAA8B,EAChC,GAAG,CAACA,KAEEQ,GAAqBF,GAAY,WAAA,OAAMF,GAAcK,UAAYrD,CAAM,GAAE,CAACgD,GAAehD,IAEzFsD,GAAcJ,GAAY,WAC1BtB,GAASA,EAAQzB,EACvB,GAAG,CAACyB,EAASzB,IAGboD,EAAiB,CACfC,UAAW,eACXC,SAAUN,GACVO,IAAKb,KAGPc,EAAY,CACVC,KAAMpE,EACNiE,SAAUH,GACVI,IAAKb,KAIPgB,GAAU,WACJT,MACFH,IAEH,GAAE,CAACjD,EAAQoD,GAAoBH,KAGhCY,GAAU,WACRb,GAAcK,QAAUrD,CAC1B,GAAG,CAACA,IAEJ,IAAM8D,GAAYC,GAAQ,WACxB,MAAA,QAAAC,OAAe7D,EAAU,MAAA6D,OAAK7C,EAAS6C,OAAAA,OAAM3C,EAAY2C,cAAAA,OAAahE,EACvE,GAAE,CAACA,EAAQmB,EAAWhB,EAAYkB,IAE7B4C,GAA0B,SAACC,GAC/B,MAAO,CACLC,EAAS1D,EAAQ2D,EAAUF,GAAU,cACrCC,EAAS1D,EAAQ2D,EAASJ,QAAAA,OAASrD,GAAIqD,OAAGE,KAC1CC,EAAS1D,EAAQ2D,EAASJ,UAAAA,OAAWhE,GAAMgE,OAAGE,KAC9CC,EAAS1D,EAAQ2D,EAASJ,QAAAA,OAAS3B,GAAI2B,OAAGE,OAI9C,OACEhE,EAACE,cAAAiE,EACC,CAAAC,UAAW,EACXC,YAAY,KACZhE,UAAWiE,EAAEC,WAAAC,EAAAA,EAAIT,GAAwB,KAAGD,OAAA,CAAEjD,EAAsB4D,EAAAA,EAAAA,EAAA,CAAA,EACjElE,EAAOmE,cAAgBjC,IACvBlC,EAAOoE,UAAYjD,GACnBnB,EAAOqE,sBAAwB5C,mBAEtB4B,GACZlC,QAAS0B,GACI,cAAAhB,IAAcyC,EAAUC,EAAuBC,eAAgB9C,IAE5EjC,EAAKE,cAAA,MAAA,CAAAG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,iCAC5C/D,EACEE,cAAA,MAAA,CAAAG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,wBACzCP,IAAKb,GACLyB,SAAU,EACVY,KAAK,UAELhF,EAAAE,cAAC+E,EAAgB,CAACC,KAAK,UACrBlF,EAACE,cAAAiF,EACC,CAAAC,IAAKtF,EACL+C,QAASA,GACTvC,WAAY,CACV+E,MAAO9E,EAAO+E,UACdC,YAAahF,EAAOiF,gBACpBC,KAAMlF,EAAOmF,SACbC,WAAYpF,EAAOqF,gBAErBC,eAAgB,SAAAC,SACC,QAAfC,EAAAlD,GAAQM,eAAO,IAAA4C,GAAAA,EAAEC,iBAAiB,gBAAiBF,GAAM,EAC3D,GAEA9F,EAAAE,cAAA,OAAA,CAAMsD,IAAKX,GAASxC,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,+BAC3D/D,EAACE,cAAAR,EACC,CAAAE,kBAAmBA,EACnBC,sBAAuBA,EACvBE,6BAA8BA,EAC9BE,WAAYA,EACZH,OAAQA,QAMjB+B,GAAuBG,GAAchC,EAACE,cAAA+F,GAAQ5F,UAAWiE,EAAG/D,EAAO2F,QAASpE,MAE/E9B,EAAKE,cAAA,MAAA,CAAAG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,uBAC5C/D,EAAKE,cAAA,MAAA,CAAAG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,8BAC5C/D,EAAAE,cAACiG,EAAU,CAACC,KAAMtG,QAClBE,EAAAE,cAAA,OAAA,CAAMG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,oCAAoC9C,IAE3E,YAATkB,EACCnC,EAAME,cAAA,OAAA,CAAAG,UAAWiE,EAAEC,WAAA,EAAAC,EAAIT,GAAwB,uCAAuC5C,GACpF,MAIZ"}

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

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_cb8b6d1209",textContainer:"textContainer_8845491a52",sizeCompactTextContainer:"sizeCompactTextContainer_f44fc7a5e6",textContainerTitle:"textContainerTitle_acc0a246d1",visuallyHidden:"visuallyHidden_9c36d287db",textContainerTitleText:"textContainerTitleText_ce4943f3f5",textContainerSubtitleText:"textContainerSubtitleText_7ad7db8606",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_bd54703767",textPlacementVertical:"textPlacementVertical_1a0f50d8fa",numberDividerContainer:"numberDividerContainer_a9f6ec9d5f",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_846a65136c",divider:"divider_4d0b8c9236",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_88b569751a",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_925d148457",clickable:"clickable_cb63bf2039",withAnimation:"withAnimation_a12d3a75df",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_73366968dd",swapEnter:"swapEnter_7049b46cc1",swapEnterActive:"swapEnterActive_09f9a15a34",swapExit:"swapExit_ad3c698dc4",swapExitActive:"swapExitActive_45f82015d8",numberContainer:"numberContainer_b97fc72b15",numberContainerText:"numberContainerText_3e2b527e6c",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_d12a868e9c",typePrimaryNumberContainer:"typePrimaryNumberContainer_23e3d53e4b",typeDangerNumberContainer:"typeDangerNumberContainer_b09c32452a",typeSuccessNumberContainer:"typeSuccessNumberContainer_3f2a48cd87",typeDarkNumberContainer:"typeDarkNumberContainer_9057881593",statusActiveNumberContainer:"statusActiveNumberContainer_b31475714a",sizeCompactNumberContainer:"sizeCompactNumberContainer_38f79810cf",statusPendingNumberContainer:"statusPendingNumberContainer_0f86fdb85f","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_e3501bd31d"};!function(n){const e="s_id-f6545f2945fe_4_5_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_cb8b6d1209 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer_8845491a52 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n.sizeCompactTextContainer_f44fc7a5e6 {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_acc0a246d1 {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n.textContainerTitle_acc0a246d1 .visuallyHidden_9c36d287db {\n  display: none;\n}\n.textContainerTitleText_ce4943f3f5 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_7ad7db8606 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_bd54703767 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_1a0f50d8fa {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_1a0f50d8fa .textContainer_8845491a52 {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n.textPlacementVertical_1a0f50d8fa .numberDividerContainer_a9f6ec9d5f {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_846a65136c {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical_1a0f50d8fa .numberDividerContainer_a9f6ec9d5f .divider_4d0b8c9236 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_88b569751a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_88b569751a.statusActiveNumberDividerContainer_925d148457 {\n  width: 40px;\n}\n.indicator_cb8b6d1209.clickable_cb63bf2039 {\n  cursor: pointer;\n}\n.withAnimation_a12d3a75df {\n  animation: stepIndicatiorCirclePopElastic_73366968dd var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_7049b46cc1 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_09f9a15a34 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit_ad3c698dc4 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_45f82015d8 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer_b97fc72b15 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_3e2b527e6c {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_d12a868e9c {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_23e3d53e4b {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_23e3d53e4b:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_b09c32452a {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_b09c32452a:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_3f2a48cd87 {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_3f2a48cd87:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_9057881593 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_9057881593:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_b31475714a {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_b31475714a.typeDangerNumberContainer_b09c32452a {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_b31475714a.typeSuccessNumberContainer_3f2a48cd87 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_b31475714a.typeDarkNumberContainer_9057881593 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_38f79810cf {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_0f86fdb85f {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer_0f86fdb85f:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_0f86fdb85f.typeDangerNumberContainer_b09c32452a:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_0f86fdb85f.typeSuccessNumberContainer_3f2a48cd87:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_0f86fdb85f.typeDarkNumberContainer_9057881593:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_e3501bd31d {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var e={indicator:"indicator_691e54afed",textContainer:"textContainer_e4f72aed45",sizeCompactTextContainer:"sizeCompactTextContainer_c351b4a523",textContainerTitle:"textContainerTitle_8cdb3dc0b3",visuallyHidden:"visuallyHidden_785a1e91ac",textContainerTitleText:"textContainerTitleText_97e7e66c4a",textContainerSubtitleText:"textContainerSubtitleText_069b04fc07",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_17846c069a",textPlacementVertical:"textPlacementVertical_9a7f7cc2ff",numberDividerContainer:"numberDividerContainer_9ba5ca4bc7",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_812aed8a72",divider:"divider_ef53b74b66",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_7ea2be15a2",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_a8f36a112e",clickable:"clickable_36fc2adfbf",withAnimation:"withAnimation_6078a7b67e",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_3f55138b46",swapEnter:"swapEnter_8d798f3413",swapEnterActive:"swapEnterActive_42aeac6ba2",swapExit:"swapExit_7eef8772fa",swapExitActive:"swapExitActive_f54c365c9a",numberContainer:"numberContainer_24f78772fe",numberContainerText:"numberContainerText_d146a7cf26",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_4dd583ac8e",typePrimaryNumberContainer:"typePrimaryNumberContainer_582b910105",typeDangerNumberContainer:"typeDangerNumberContainer_8706bf5363",typeSuccessNumberContainer:"typeSuccessNumberContainer_f205f6bc4c",typeDarkNumberContainer:"typeDarkNumberContainer_21de5ce520",statusActiveNumberContainer:"statusActiveNumberContainer_f4f5ccf476",sizeCompactNumberContainer:"sizeCompactNumberContainer_4cb36080e3",statusPendingNumberContainer:"statusPendingNumberContainer_e67e73048d","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_34684efeff"};!function(e){const n="s_id-f6545f2945fe_4_5_11";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_691e54afed {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer_e4f72aed45 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n.sizeCompactTextContainer_c351b4a523 {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_8cdb3dc0b3 {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n.textContainerTitle_8cdb3dc0b3 .visuallyHidden_785a1e91ac {\n  display: none;\n}\n.textContainerTitleText_97e7e66c4a {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_069b04fc07 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_17846c069a {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_9a7f7cc2ff {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_9a7f7cc2ff .textContainer_e4f72aed45 {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n.textPlacementVertical_9a7f7cc2ff .numberDividerContainer_9ba5ca4bc7 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_812aed8a72 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical_9a7f7cc2ff .numberDividerContainer_9ba5ca4bc7 .divider_ef53b74b66 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_7ea2be15a2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_7ea2be15a2.statusActiveNumberDividerContainer_a8f36a112e {\n  width: 40px;\n}\n.indicator_691e54afed.clickable_36fc2adfbf {\n  cursor: pointer;\n}\n.withAnimation_6078a7b67e {\n  animation: stepIndicatiorCirclePopElastic_3f55138b46 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_8d798f3413 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_42aeac6ba2 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit_7eef8772fa {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_f54c365c9a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer_24f78772fe {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_d146a7cf26 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_4dd583ac8e {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_582b910105 {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_582b910105:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_8706bf5363 {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_8706bf5363:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_f205f6bc4c {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_f205f6bc4c:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_21de5ce520 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_21de5ce520:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_f4f5ccf476 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_f4f5ccf476.typeDangerNumberContainer_8706bf5363 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_f4f5ccf476.typeSuccessNumberContainer_f205f6bc4c {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_f4f5ccf476.typeDarkNumberContainer_21de5ce520 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_4cb36080e3 {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_e67e73048d {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer_e67e73048d:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_e67e73048d.typeDangerNumberContainer_8706bf5363:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_e67e73048d.typeSuccessNumberContainer_f205f6bc4c:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_e67e73048d.typeDarkNumberContainer_21de5ce520:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_34684efeff {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/NumberField/NumberField.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numberField:"numberField_91e387bab7",label:"label_b0b45f82dd",leftIcon:"leftIcon_19cd5f479b"};!function(e){const n="s_id-043e6276934a_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_91e387bab7 {\n  width: 100%;\n}\n.numberField_91e387bab7 .label_b0b45f82dd {\n  padding-bottom: 0;\n}\n.numberField_91e387bab7 .leftIcon_19cd5f479b {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_c172a50999",label:"label_fefb8994f9",leftIcon:"leftIcon_19df2f4547"};!function(e){const n="s_id-043e6276934a_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_c172a50999 {\n  width: 100%;\n}\n.numberField_c172a50999 .label_fefb8994f9 {\n  padding-bottom: 0;\n}\n.numberField_c172a50999 .leftIcon_19df2f4547 {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton_922044fb2d",large:"large_ad66a247a0",icon:"icon_8b0b6c39d5",medium:"medium_1868da8ea1",small:"small_42c85b24ed"};!function(n){const e="s_id-eb36452422c9_4_5_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_922044fb2d.large_ad66a247a0 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_922044fb2d.large_ad66a247a0 .icon_8b0b6c39d5 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_922044fb2d.medium_1868da8ea1 {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_922044fb2d.medium_1868da8ea1 .icon_8b0b6c39d5 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_922044fb2d.small_42c85b24ed {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_922044fb2d.small_42c85b24ed .icon_8b0b6c39d5 {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var e={spinButton:"spinButton_05e269c360",large:"large_c796739a94",icon:"icon_d95928d124",medium:"medium_4d8b6aa8f0",small:"small_5f8108bc43"};!function(e){const n="s_id-eb36452422c9_4_5_11";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)}(".spinButton_05e269c360.large_c796739a94 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_05e269c360.large_c796739a94 .icon_d95928d124 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_05e269c360.medium_4d8b6aa8f0 {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_05e269c360.medium_4d8b6aa8f0 .icon_d95928d124 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_05e269c360.small_5f8108bc43 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_05e269c360.small_5f8108bc43 .icon_d95928d124 {\n  width: 14px;\n  height: 14px;\n}");export{e as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map