npm - @vibe/core - Versions diffs - 3.58.1 → 3.58.2 - Mend

@vibe/core 3.58.1 → 3.58.2

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

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n /*\n The type of avatars displayed in the tooltip.\n /\n type?: AvatarType;\n /\n The counter element and focus placeholders.\n /\n children?: ReactElement[];\n /\n The list of avatars displayed inside the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n Ref for the element before the tooltip content, used for keyboard navigation.\n /\n focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n /\n Ref for the element after the tooltip content, used for keyboard navigation.\n /\n focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n /\n Ref for the counter container element.\n */\n counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n counterContainerRef,\n children = [],\n avatars = [],\n type,\n className,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false\n}) => {\n const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n const tooltipContentContainerRef = useRef(null);\n const tooltipContent = useMemo(\n () =>\n counterTooltipCustomProps?.content \|\| (\n <AvatarGroupCounterTooltipContent\n avatars={avatars}\n type={type}\n className={className}\n isVirtualizedList={counterTooltipIsVirtualizedList}\n tooltipContentContainerRef={tooltipContentContainerRef}\n />\n ),\n [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n );\n\n useTooltipContentTabNavigation({\n counterContainerRef,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n setIsKeyboardTooltipVisible,\n isKeyboardTooltipVisible\n });\n\n // Tooltip props\n const onHide = useCallback(() => {\n setIsKeyboardTooltipVisible(false);\n }, []);\n\n if (!avatars?.length && !counterTooltipCustomProps?.content) {\n return <>{children}</>;\n }\n return (\n <Tooltip\n open={isKeyboardTooltipVisible}\n hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n onTooltipHide={onHide}\n {...(counterTooltipCustomProps \|\| {})}\n content={tooltipContent}\n >\n {children}\n </Tooltip>\n );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"iaA4CA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { type ReactElement, type RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n /*\n The type of avatars displayed in the tooltip.\n /\n type?: AvatarType;\n /\n The counter element and focus placeholders.\n /\n children?: ReactElement[];\n /\n The list of avatars displayed inside the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n Ref for the element before the tooltip content, used for keyboard navigation.\n /\n focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n /\n Ref for the element after the tooltip content, used for keyboard navigation.\n /\n focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n /\n Ref for the counter container element.\n */\n counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n counterContainerRef,\n children = [],\n avatars = [],\n type,\n className,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false\n}) => {\n const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n const tooltipContentContainerRef = useRef(null);\n const tooltipContent = useMemo(\n () =>\n counterTooltipCustomProps?.content \|\| (\n <AvatarGroupCounterTooltipContent\n avatars={avatars}\n type={type}\n className={className}\n isVirtualizedList={counterTooltipIsVirtualizedList}\n tooltipContentContainerRef={tooltipContentContainerRef}\n />\n ),\n [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n );\n\n useTooltipContentTabNavigation({\n counterContainerRef,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n setIsKeyboardTooltipVisible,\n isKeyboardTooltipVisible\n });\n\n // Tooltip props\n const onHide = useCallback(() => {\n setIsKeyboardTooltipVisible(false);\n }, []);\n\n if (!avatars?.length && !counterTooltipCustomProps?.content) {\n return <>{children}</>;\n }\n return (\n <Tooltip\n open={isKeyboardTooltipVisible}\n hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n onTooltipHide={onHide}\n {...(counterTooltipCustomProps \|\| {})}\n content={tooltipContent}\n >\n {children}\n </Tooltip>\n );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"iaA4CA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { ReactElement, Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../Flex/Flex\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n /*\n The type of avatars displayed inside the tooltip.\n /\n type?: AvatarType;\n /\n The avatars shown in the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n isVirtualizedList?: boolean;\n /\n Ref for the tooltip content container.\n */\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n avatars = [],\n type,\n className,\n isVirtualizedList = false,\n tooltipContentContainerRef\n}) => {\n const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n return avatarProps?.tooltipProps?.content \|\| avatarProps?.ariaLabel;\n }, []);\n\n const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n const avatarItems = avatars.map(avatar => ({\n value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n }));\n const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n const tooltipContainerAriaLabel = !displayAsGrid\n ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n : undefined;\n return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n }, [avatars, getTooltipContent]);\n\n const renderedItems = useMemo(\n () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n [avatarItems, displayAsGrid, type]\n );\n\n if (isVirtualizedList) {\n return (\n <AvatarGroupCounterTooltipContentVirtualizedList\n avatarRenderer={avatarRenderer}\n tooltipContentContainerRef={tooltipContentContainerRef}\n tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n avatarItems={avatarItems}\n type={type}\n />\n );\n }\n\n const flexProps = {\n ref: tooltipContentContainerRef,\n tabIndex: -1,\n role: \"treegrid\",\n ariaLabel: tooltipContainerAriaLabel,\n className: displayAsGrid\n ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n direction: displayAsGrid ? Flex.directions.ROW : Flex.directions.COLUMN,\n gap: displayAsGrid ? Flex.gaps.XS : Flex.gaps.SMALL,\n wrap: displayAsGrid\n };\n\n return <Flex {...flexProps}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","ariaLabel","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","Flex","directions","ROW","COLUMN","gap","gaps","XS","SMALL","wrap"],"mappings":"wTA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAaI,UAC3D,GAAE,IAEHC,EAAkEC,GAAQ,WACxE,IAAMC,EAAcf,EAAQgB,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBhB,EAAkBW,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAAC1B,EAASM,IATLS,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAW1B,EAAMsB,KAAe,GACnG,CAACR,EAAaQ,EAAetB,IAG/B,GAAIG,EACF,OACE4B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChB1B,2BAA4BA,EAC5BqB,0BAA2BA,EAC3BX,YAAaA,EACbd,KAAMA,IAKZ,IAAMkC,EAAY,CAChBC,IAAK/B,EACLgC,UAAW,EACXC,KAAM,WACN1B,UAAWc,EACXxB,UAAWqB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBzC,GACrFqC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBxC,GAC5D0C,UAAWrB,EAAgBsB,EAAKC,WAAWC,IAAMF,EAAKC,WAAWE,OACjEC,IAAK1B,EAAgBsB,EAAKK,KAAKC,GAAKN,EAAKK,KAAKE,MAC9CC,KAAM9B,GAGR,OAAOS,gBAACa,EAAI1B,OAAAC,OAAA,GAAKe,GAAYN,EAC/B"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { type ReactElement, type Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../Flex/Flex\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n /*\n The type of avatars displayed inside the tooltip.\n /\n type?: AvatarType;\n /\n The avatars shown in the tooltip.\n /\n avatars?: ReactElement<AvatarProps>[];\n /\n If true, the tooltip uses a virtualized list for performance optimization.\n /\n isVirtualizedList?: boolean;\n /\n Ref for the tooltip content container.\n */\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n avatars = [],\n type,\n className,\n isVirtualizedList = false,\n tooltipContentContainerRef\n}) => {\n const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n return avatarProps?.tooltipProps?.content \|\| avatarProps?.ariaLabel;\n }, []);\n\n const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n const avatarItems = avatars.map(avatar => ({\n value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n }));\n const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n const tooltipContainerAriaLabel = !displayAsGrid\n ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n : undefined;\n return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n }, [avatars, getTooltipContent]);\n\n const renderedItems = useMemo(\n () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n [avatarItems, displayAsGrid, type]\n );\n\n if (isVirtualizedList) {\n return (\n <AvatarGroupCounterTooltipContentVirtualizedList\n avatarRenderer={avatarRenderer}\n tooltipContentContainerRef={tooltipContentContainerRef}\n tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n avatarItems={avatarItems}\n type={type}\n />\n );\n }\n\n const flexProps = {\n ref: tooltipContentContainerRef,\n tabIndex: -1,\n role: \"treegrid\",\n ariaLabel: tooltipContainerAriaLabel,\n className: displayAsGrid\n ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n direction: displayAsGrid ? Flex.directions.ROW : Flex.directions.COLUMN,\n gap: displayAsGrid ? Flex.gaps.XS : Flex.gaps.SMALL,\n wrap: displayAsGrid\n };\n\n return <Flex {...flexProps}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","ariaLabel","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","Flex","directions","ROW","COLUMN","gap","gaps","XS","SMALL","wrap"],"mappings":"wTA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAaI,UAC3D,GAAE,IAEHC,EAAkEC,GAAQ,WACxE,IAAMC,EAAcf,EAAQgB,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBhB,EAAkBW,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAAC1B,EAASM,IATLS,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAW1B,EAAMsB,KAAe,GACnG,CAACR,EAAaQ,EAAetB,IAG/B,GAAIG,EACF,OACE4B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChB1B,2BAA4BA,EAC5BqB,0BAA2BA,EAC3BX,YAAaA,EACbd,KAAMA,IAKZ,IAAMkC,EAAY,CAChBC,IAAK/B,EACLgC,UAAW,EACXC,KAAM,WACN1B,UAAWc,EACXxB,UAAWqB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBzC,GACrFqC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBxC,GAC5D0C,UAAWrB,EAAgBsB,EAAKC,WAAWC,IAAMF,EAAKC,WAAWE,OACjEC,IAAK1B,EAAgBsB,EAAKK,KAAKC,GAAKN,EAAKK,KAAKE,MAC9CC,KAAM9B,GAGR,OAAOS,gBAACa,EAAI1B,OAAAC,OAAA,GAAKe,GAAYN,EAC/B"}

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_e1eadedf2f",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_d5faaff423",tooltipContainer:"tooltipContainer_639ce3a19c","focus-visible":"focus-visible_9f1bc6a3fe",tooltipGridContainer:"tooltipGridContainer_256bf88ed8",scrollableContainer:"scrollableContainer_cf94d4ea4d"};!function(e){const t="s_id-f3cc0fae9cc4_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tooltipAvatarItemTitle_e1eadedf2f {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_d5faaff423 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_639ce3a19c {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_639ce3a19c:focus, .tooltipContainer_639ce3a19c:focus-visible, .tooltipContainer_639ce3a19c.focus-visible_9f1bc6a3fe { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_256bf88ed8 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_cf94d4ea4d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_cf94d4ea4d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_0f6545d125",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_0da3699128",tooltipContainer:"tooltipContainer_05a9a71e81","focus-visible":"focus-visible_ff9cb422b7",tooltipGridContainer:"tooltipGridContainer_42d9d18ebc",scrollableContainer:"scrollableContainer_feeef3e364"};!function(e){const t="s_id-f3cc0fae9cc4_3_58_1";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)}(".tooltipAvatarItemTitle_0f6545d125 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_0da3699128 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_05a9a71e81 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_05a9a71e81:focus, .tooltipContainer_05a9a71e81:focus-visible, .tooltipContainer_05a9a71e81.focus-visible_ff9cb422b7 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_42d9d18ebc {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_feeef3e364::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_feeef3e364::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, Ref, useMemo } from \"react\";\nimport { VirtualizedList, VirtualizedListItem } from \"../VirtualizedList\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n maxItemsWithoutScroll: 10,\n itemLineHeight: 34,\n itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n /*\n The list of avatars displayed in the virtualized tooltip.\n /\n avatarItems?: AvatarItem[];\n /\n Function to render each avatar item.\n /\n avatarRenderer?: (\n item: AvatarItem,\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n ) => ReactElement;\n /\n The ARIA label of the tooltip container.\n /\n tooltipContainerAriaLabel?: string;\n /\n Ref for the tooltip content container.\n /\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n /\n The type of avatars in the tooltip.\n /\n type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n const virtualizedItems: VirtualizedListItem[] = useMemo(\n () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n [avatarItems]\n );\n\n const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n const virtualizedListStyle = {\n height: LIST_OPTIONS.itemLineHeight minCount,\n minWidth: LIST_OPTIONS.itemLineWidth\n };\n\n return (\n <div\n className={styles.virtualizedTooltipContainer}\n aria-label={tooltipContainerAriaLabel}\n ref={tooltipContentContainerRef}\n tabIndex={-1}\n >\n <VirtualizedList\n items={virtualizedItems}\n itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n avatarRenderer(item.value as AvatarItem, index, style, type, false)\n }\n role=\"treegrid\"\n scrollableClassName={styles.scrollableContainer}\n getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n style={virtualizedListStyle}\n />\n </div>\n );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAQA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAoCXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, type Ref, useMemo } from \"react\";\nimport { VirtualizedList, type VirtualizedListItem } from \"../VirtualizedList\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n maxItemsWithoutScroll: 10,\n itemLineHeight: 34,\n itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n /*\n The list of avatars displayed in the virtualized tooltip.\n /\n avatarItems?: AvatarItem[];\n /\n Function to render each avatar item.\n /\n avatarRenderer?: (\n item: AvatarItem,\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n ) => ReactElement;\n /\n The ARIA label of the tooltip container.\n /\n tooltipContainerAriaLabel?: string;\n /\n Ref for the tooltip content container.\n /\n tooltipContentContainerRef?: Ref<HTMLDivElement>;\n /\n The type of avatars in the tooltip.\n /\n type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n const virtualizedItems: VirtualizedListItem[] = useMemo(\n () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n [avatarItems]\n );\n\n const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n const virtualizedListStyle = {\n height: LIST_OPTIONS.itemLineHeight minCount,\n minWidth: LIST_OPTIONS.itemLineWidth\n };\n\n return (\n <div\n className={styles.virtualizedTooltipContainer}\n aria-label={tooltipContainerAriaLabel}\n ref={tooltipContentContainerRef}\n tabIndex={-1}\n >\n <VirtualizedList\n items={virtualizedItems}\n itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n avatarRenderer(item.value as AvatarItem, index, style, type, false)\n }\n role=\"treegrid\"\n scrollableClassName={styles.scrollableContainer}\n getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n style={virtualizedListStyle}\n />\n </div>\n );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAQA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAoCXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_53e183f791",virtualizedTooltipContainer:"virtualizedTooltipContainer_66c893177d","focus-visible":"focus-visible_9f1bc6a3fe"};!function(e){const i="s_id-700dae3ddae4_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_53e183f791::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_53e183f791::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_66c893177d {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_66c893177d:focus, .virtualizedTooltipContainer_66c893177d:focus-visible, .virtualizedTooltipContainer_66c893177d.focus-visible_9f1bc6a3fe { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_47831876a4",virtualizedTooltipContainer:"virtualizedTooltipContainer_fc8e671bbf","focus-visible":"focus-visible_ff9cb422b7"};!function(e){const i="s_id-700dae3ddae4_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_47831876a4::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_47831876a4::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_fc8e671bbf {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_fc8e671bbf:focus, .virtualizedTooltipContainer_fc8e671bbf:focus-visible, .virtualizedTooltipContainer_fc8e671bbf.focus-visible_ff9cb422b7 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport Flex from \"../Flex/Flex\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" ariaLabelledby={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n ariaLabel={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size={Avatar.sizes.SMALL}\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","sizes","SMALL","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"4kBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAACS,cAAAK,mBACKtB,EAAW,CACfuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,eAAAA,EAAaF,MAC3BkB,UAAW,EACXW,KAAML,EAAOM,MAAMC,MACnBC,UAAWC,EAAuCC,4BAElDjC,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASwB,UAAWC,EAAuCE,wBACjEjC,EAAYkC,kBAO3B"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { type CSSProperties, type RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport Flex from \"../Flex/Flex\";\nimport Avatar, { type AvatarProps } from \"../Avatar/Avatar\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" ariaLabelledby={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n ariaLabel={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size={Avatar.sizes.SMALL}\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","sizes","SMALL","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"4kBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAACS,cAAAK,mBACKtB,EAAW,CACfuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,eAAAA,EAAaF,MAC3BkB,UAAW,EACXW,KAAML,EAAOM,MAAMC,MACnBC,UAAWC,EAAuCC,4BAElDjC,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASwB,UAAWC,EAAuCE,wBACjEjC,EAAYkC,kBAO3B"}

package/dist/src/components/AvatarGroup/AvatarGroupHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupHelper.ts"],"sourcesContent":["import React from \"react\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\n\nexport const avatarOnClick = (event: React.MouseEvent \| React.KeyboardEvent, avatarProps: AvatarProps) => {\n avatarProps?.onClick?.(event, avatarProps.id);\n};\n"],"names":["avatarOnClick","event","avatarProps","_a","onClick","call","id"],"mappings":"AAGO,IAAMA,EAAgB,SAACC,EAA+CC,SACpD,QAAvBC,EAAAD,aAAW,EAAXA,EAAaE,eAAU,IAAAD,GAAAA,EAAAE,KAAAH,EAAAD,EAAOC,EAAYI,GAC5C"}
1	+ {"version":3,"file":"AvatarGroupHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupHelper.ts"],"sourcesContent":["import type React from \"react\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\n\nexport const avatarOnClick = (event: React.MouseEvent \| React.KeyboardEvent, avatarProps: AvatarProps) => {\n avatarProps?.onClick?.(event, avatarProps.id);\n};\n"],"names":["avatarOnClick","event","avatarProps","_a","onClick","call","id"],"mappings":"AAGO,IAAMA,EAAgB,SAACC,EAA+CC,SACpD,QAAvBC,EAAAD,aAAW,EAAXA,EAAaE,eAAU,IAAAD,GAAAA,EAAAE,KAAAH,EAAAD,EAAOC,EAAYI,GAC5C"}

package/dist/src/components/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport {\n BadgeAlignments as BadgeAlignmentsEnum,\n BadgeAnchor as BadgeAnchorEnum,\n BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { BadgeAlignments, BadgeAnchor, BadgeType } from \"./Badge.types\";\nimport Indicator, { IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\ninterface BadgeStaticProps {\n types: typeof BadgeTypeEnum;\n alignments: typeof BadgeAlignmentsEnum;\n anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n types: BadgeTypeEnum,\n alignments: BadgeAlignmentsEnum,\n anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","createElement","badgeWrapper","getTestId","ComponentDefaultTestId","BADGE","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"6rBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,EAAKC,cAAA,MAAA,CAAAzB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOO,aAAcnB,GAAYC,GAAIA,GACrEE,EACDc,EAAKC,cAAA,MAAA,CAAAlB,UAAWU,EAA8B,cAAAR,GAAckB,EAAUC,EAAuBC,MAAOrB,IACxF,cAATP,EACCuB,EAACC,cAAAK,EAAUC,OAAAC,OAAA,CAAAT,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACS,EAAOF,OAAAC,OAAA,CAACT,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEuB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport {\n BadgeAlignments as BadgeAlignmentsEnum,\n BadgeAnchor as BadgeAnchorEnum,\n BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { type CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\ninterface BadgeStaticProps {\n types: typeof BadgeTypeEnum;\n alignments: typeof BadgeAlignmentsEnum;\n anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n types: BadgeTypeEnum,\n alignments: BadgeAlignmentsEnum,\n anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","createElement","badgeWrapper","getTestId","ComponentDefaultTestId","BADGE","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"6rBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,EAAKC,cAAA,MAAA,CAAAzB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOO,aAAcnB,GAAYC,GAAIA,GACrEE,EACDc,EAAKC,cAAA,MAAA,CAAAlB,UAAWU,EAA8B,cAAAR,GAAckB,EAAUC,EAAuBC,MAAOrB,IACxF,cAATP,EACCuB,EAACC,cAAAK,EAAUC,OAAAC,OAAA,CAAAT,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACS,EAAOF,OAAAC,OAAA,CAACT,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEuB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}

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

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_9f99f75616",badge:"badge_8ee5452fd0",outside:"outside_13c1f6edb4",topEnd:"topEnd_359a839061",rectangular:"rectangular_e42bc297c6",circular:"circular_53ff5cb57e",topStart:"topStart_f011208f18",bottomEnd:"bottomEnd_547a95ed67",bottomStart:"bottomStart_67a5dea511"};!function(e){const t="s_id-b5dca6298ea9_3_58_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_9f99f75616 {\n  position: relative;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0:not(.outside_13c1f6edb4) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topEnd_359a839061.rectangular_e42bc297c6 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topEnd_359a839061.outside_13c1f6edb4 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topEnd_359a839061.circular_53ff5cb57e {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topStart_f011208f18.rectangular_e42bc297c6 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topStart_f011208f18.outside_13c1f6edb4 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.topStart_f011208f18.circular_53ff5cb57e {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomEnd_547a95ed67.rectangular_e42bc297c6 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomEnd_547a95ed67.outside_13c1f6edb4 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomEnd_547a95ed67.circular_53ff5cb57e {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomStart_67a5dea511.rectangular_e42bc297c6 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomStart_67a5dea511.outside_13c1f6edb4 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_9f99f75616 .badge_8ee5452fd0.bottomStart_67a5dea511.circular_53ff5cb57e {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var e={badgeWrapper:"badgeWrapper_60e41d08f2",badge:"badge_f53a461d91",outside:"outside_74f2b1d5f3",topEnd:"topEnd_c324cdb4f8",rectangular:"rectangular_d4f0e233fd",circular:"circular_c3df6c06ec",topStart:"topStart_659865ec17",bottomEnd:"bottomEnd_04a8d0c9a4",bottomStart:"bottomStart_bde0fe8bf1"};!function(e){const t="s_id-b5dca6298ea9_3_58_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_60e41d08f2 {\n  position: relative;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91:not(.outside_74f2b1d5f3) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topEnd_c324cdb4f8.rectangular_d4f0e233fd {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topEnd_c324cdb4f8.outside_74f2b1d5f3 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topEnd_c324cdb4f8.circular_c3df6c06ec {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topStart_659865ec17.rectangular_d4f0e233fd {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topStart_659865ec17.outside_74f2b1d5f3 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.topStart_659865ec17.circular_c3df6c06ec {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomEnd_04a8d0c9a4.rectangular_d4f0e233fd {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomEnd_04a8d0c9a4.outside_74f2b1d5f3 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomEnd_04a8d0c9a4.circular_c3df6c06ec {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomStart_bde0fe8bf1.rectangular_d4f0e233fd {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomStart_bde0fe8bf1.outside_74f2b1d5f3 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_60e41d08f2 .badge_f53a461d91.bottomStart_bde0fe8bf1.circular_c3df6c06ec {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /*\n The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\ninterface IndicatorStaticProps {\n colors: typeof IndicatorColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<IndicatorProps, IndicatorStaticProps>(Indicator, {\n colors: IndicatorColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"4YAgBA,IAaeA,EAAAA,GAbG,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,GAMiG,CAC/FW,OAAQC"}
1	+ {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /*\n The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\ninterface IndicatorStaticProps {\n colors: typeof IndicatorColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<IndicatorProps, IndicatorStaticProps>(Indicator, {\n colors: IndicatorColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"4YAgBA,IAaeA,EAAAA,GAbG,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,GAMiG,CAC/FW,OAAQC"}

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_5dbc874cce",primary:"primary_2576b46b61",notification:"notification_fe0822d4ee"};!function(e){const i="s_id-d6448d74722f_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_5dbc874cce {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_5dbc874cce.primary_2576b46b61 {\n  background-color: var(--primary-color);\n}\n.indicator_5dbc874cce.notification_fe0822d4ee {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_e05e5dc21f",primary:"primary_315f81d67a",notification:"notification_d5bf00b458"};!function(e){const i="s_id-d6448d74722f_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_e05e5dc21f {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_e05e5dc21f.primary_315f81d67a {\n  background-color: var(--primary-color);\n}\n.indicator_e05e5dc21f.notification_d5bf00b458 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/src/components/BaseInput/BaseInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseInput.module.scss\";\nimport { BaseInputProps } from \"./BaseInput.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nconst BaseInput = forwardRef(\n (\n {\n size = \"medium\",\n renderLeft,\n renderRight,\n success,\n error,\n wrapperRole,\n inputRole,\n className,\n inputClassName,\n ...props\n }: BaseInputProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassNames = cx(\n styles.wrapper,\n {\n [styles.rightThinnerPadding]: !renderRight,\n [styles.error]: error,\n [styles.success]: success,\n [styles.readOnly]: props.readOnly,\n [styles.disabled]: props.disabled\n },\n getStyle(styles, size),\n className\n );\n\n return (\n <div className={wrapperClassNames} role={wrapperRole}>\n {renderLeft}\n <input\n {...props}\n ref={ref}\n className={cx(styles.input, inputClassName)}\n aria-invalid={error}\n role={inputRole}\n />\n {renderRight}\n </div>\n );\n }\n);\n\nexport default BaseInput;\n"],"names":["BaseInput","forwardRef","_a","ref","size","_a$size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName","props","__rest","wrapperClassNames","cx","styles","wrapper","_defineProperty","rightThinnerPadding","readOnly","disabled","getStyle","React","role","createElement","Object","assign","input"],"mappings":"qTAMMA,IAAAA,EAAYC,GAChB,SACEC,EAYAC,WAXEC,KAAAA,OAAO,IAAHC,EAAG,SAAQA,EACfC,IAAAA,WACAC,IAAAA,YACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,eACGC,EAVLC,EAAAb,EAAA,CAAA,OAAA,aAAA,cAAA,UAAA,QAAA,cAAA,YAAA,YAAA,mBAcMc,EAAoBC,EACxBC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,qBAAuBd,GAC9BW,EAAOT,MAAQA,GACfS,EAAOV,QAAUA,GACjBU,EAAOI,SAAWR,EAAMQ,UACxBJ,EAAOK,SAAWT,EAAMS,UAE3BC,EAASN,EAAQd,GACjBQ,GAGF,OACEa,uBAAKb,UAAWI,EAAmBU,KAAMhB,GACtCJ,EACDmB,EACME,cAAA,QAAAC,OAAAC,OAAA,CAAA,EAAAf,GACJX,IAAKA,EACLS,UAAWK,EAAGC,EAAOY,MAAOjB,GAAe,eAC7BJ,EACdiB,KAAMf,KAEPJ,EAGP"}
1	+ {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseInput.module.scss\";\nimport { type BaseInputProps } from \"./BaseInput.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nconst BaseInput = forwardRef(\n (\n {\n size = \"medium\",\n renderLeft,\n renderRight,\n success,\n error,\n wrapperRole,\n inputRole,\n className,\n inputClassName,\n ...props\n }: BaseInputProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassNames = cx(\n styles.wrapper,\n {\n [styles.rightThinnerPadding]: !renderRight,\n [styles.error]: error,\n [styles.success]: success,\n [styles.readOnly]: props.readOnly,\n [styles.disabled]: props.disabled\n },\n getStyle(styles, size),\n className\n );\n\n return (\n <div className={wrapperClassNames} role={wrapperRole}>\n {renderLeft}\n <input\n {...props}\n ref={ref}\n className={cx(styles.input, inputClassName)}\n aria-invalid={error}\n role={inputRole}\n />\n {renderRight}\n </div>\n );\n }\n);\n\nexport default BaseInput;\n"],"names":["BaseInput","forwardRef","_a","ref","size","_a$size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName","props","__rest","wrapperClassNames","cx","styles","wrapper","_defineProperty","rightThinnerPadding","readOnly","disabled","getStyle","React","role","createElement","Object","assign","input"],"mappings":"qTAMMA,IAAAA,EAAYC,GAChB,SACEC,EAYAC,WAXEC,KAAAA,OAAO,IAAHC,EAAG,SAAQA,EACfC,IAAAA,WACAC,IAAAA,YACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,eACGC,EAVLC,EAAAb,EAAA,CAAA,OAAA,aAAA,cAAA,UAAA,QAAA,cAAA,YAAA,YAAA,mBAcMc,EAAoBC,EACxBC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,qBAAuBd,GAC9BW,EAAOT,MAAQA,GACfS,EAAOV,QAAUA,GACjBU,EAAOI,SAAWR,EAAMQ,UACxBJ,EAAOK,SAAWT,EAAMS,UAE3BC,EAASN,EAAQd,GACjBQ,GAGF,OACEa,uBAAKb,UAAWI,EAAmBU,KAAMhB,GACtCJ,EACDmB,EACME,cAAA,QAAAC,OAAAC,OAAA,CAAA,EAAAf,GACJX,IAAKA,EACLS,UAAWK,EAAGC,EAAOY,MAAOjB,GAAe,eAC7BJ,EACdiB,KAAMf,KAEPJ,EAGP"}

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_3ad0a7e275",small:"small_d03919cfec",medium:"medium_6add8063b8",large:"large_f148ed7cfd",rightThinnerPadding:"rightThinnerPadding_73f6cc848c",input:"input_3906561ad3",success:"success_bf5fa8aed8",readOnly:"readOnly_bf794b51f5",disabled:"disabled_a5d6496edb",error:"error_6847e61b74"};!function(r){const a="s_id-8dc268c8a1a1_3_58_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".wrapper_3ad0a7e275 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_3ad0a7e275.small_d03919cfec {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_3ad0a7e275.medium_6add8063b8 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_3ad0a7e275.large_f148ed7cfd {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_3ad0a7e275.rightThinnerPadding_73f6cc848c {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_3ad0a7e275:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_3ad0a7e275:has(.input_3906561ad3:active, .input_3906561ad3:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3:read-only) .input_3906561ad3 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3:disabled) .input_3906561ad3 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8:has(.input_3906561ad3:active, .input_3906561ad3:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3ad0a7e275:has(.input_3906561ad3[aria-invalid=true]):has(.input_3906561ad3:active, .input_3906561ad3:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_3ad0a7e275:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3ad0a7e275.readOnly_bf794b51f5 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3ad0a7e275.readOnly_bf794b51f5 .input_3906561ad3 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3ad0a7e275.disabled_a5d6496edb {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3ad0a7e275.disabled_a5d6496edb .input_3906561ad3 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275.success_bf5fa8aed8:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3ad0a7e275.error_6847e61b74 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3ad0a7e275.error_6847e61b74:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3ad0a7e275.error_6847e61b74:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_3ad0a7e275 .input_3906561ad3 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_3ad0a7e275 .input_3906561ad3::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_3ad0a7e275 .input_3906561ad3:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_d41dde9d10",small:"small_968cd27078",medium:"medium_2ad52a5a81",large:"large_eb7ce6a3fd",rightThinnerPadding:"rightThinnerPadding_eeaefb40a5",input:"input_32525a5acb",success:"success_58f65d6ef5",readOnly:"readOnly_1662582c28",disabled:"disabled_e908526cf3",error:"error_9ce02fabb7"};!function(r){const e="s_id-8dc268c8a1a1_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_d41dde9d10 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_d41dde9d10.small_968cd27078 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_d41dde9d10.medium_2ad52a5a81 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_d41dde9d10.large_eb7ce6a3fd {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_d41dde9d10.rightThinnerPadding_eeaefb40a5 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_d41dde9d10:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_d41dde9d10:has(.input_32525a5acb:active, .input_32525a5acb:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb:read-only) .input_32525a5acb {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb:disabled) .input_32525a5acb {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5:has(.input_32525a5acb:active, .input_32525a5acb:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d41dde9d10:has(.input_32525a5acb[aria-invalid=true]):has(.input_32525a5acb:active, .input_32525a5acb:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_d41dde9d10:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_d41dde9d10.readOnly_1662582c28 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_d41dde9d10.readOnly_1662582c28 .input_32525a5acb {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_d41dde9d10.disabled_e908526cf3 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_d41dde9d10.disabled_e908526cf3 .input_32525a5acb {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10.success_58f65d6ef5:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d41dde9d10.error_9ce02fabb7 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d41dde9d10.error_9ce02fabb7:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d41dde9d10.error_9ce02fabb7:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_d41dde9d10 .input_32525a5acb {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_d41dde9d10 .input_32525a5acb::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_d41dde9d10 .input_32525a5acb:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/src/components/BaseList/BaseList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseListItem from \"../BaseListItem/BaseListItem\";\nimport styles from \"./BaseList.module.scss\";\nimport { BaseListProps } from \"./BaseList.types\";\nimport { Flex } from \"../Flex\";\nimport { TextType } from \"../Text\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\nimport { Divider } from \"../Divider\";\n\nconst BaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: BaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseListItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseListItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default BaseList as <Item extends Record<string, unknown>>(\n props: BaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["BaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseListItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"2UAUMA,IAAAA,EAAWC,GACf,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAAaC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAG1FxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
1	+ {"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseListItem from \"../BaseListItem/BaseListItem\";\nimport styles from \"./BaseList.module.scss\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport { Flex } from \"../Flex\";\nimport { type TextType } from \"../Text\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\nimport { Divider } from \"../Divider\";\n\nconst BaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: BaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseListItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseListItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default BaseList as <Item extends Record<string, unknown>>(\n props: BaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["BaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseListItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"2UAUMA,IAAAA,EAAWC,GACf,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAAaC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAG1FxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_e46a760572",groupTitle:"groupTitle_4589c17dd1",sticky:"sticky_00f81a1424"};!function(e){const n="s_id-b5d224c4ed03_3_58_0";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)}(".wrapper_e46a760572 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_e46a760572 .groupTitle_4589c17dd1 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_e46a760572 .groupTitle_4589c17dd1.sticky_00f81a1424 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_e46a760572 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_5bc1f56ab3",groupTitle:"groupTitle_3f2296e294",sticky:"sticky_5a89f5216e"};!function(e){const n="s_id-b5d224c4ed03_3_58_1";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)}(".wrapper_5bc1f56ab3 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_5bc1f56ab3 .groupTitle_3f2296e294 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_5bc1f56ab3 .groupTitle_3f2296e294.sticky_5a89f5216e {\n  position: sticky;\n  top: 0;\n}\n.wrapper_5bc1f56ab3 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

package/dist/src/components/BaseListItem/BaseListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseListItem.js","sources":["../../../../src/components/BaseListItem/BaseListItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseListItem.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { BaseListItemData, BaseListItemProps } from \"./BaseListItem.types\";\nimport { Tooltip } from \"../Tooltip\";\nimport { TextType } from \"../Text\";\nimport { renderSideElement } from \"./utils\";\n\nconst BaseListItem = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n className,\n id,\n component = \"li\",\n size = \"medium\",\n selected = false,\n readOnly = false,\n highlighted = false,\n role,\n index: _index,\n dir = \"auto\",\n itemRenderer,\n itemProps = {},\n item = {} as BaseListItemData<Item>\n }: BaseListItemProps<Item>,\n ref: React.Ref<HTMLElement>\n ) => {\n const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n const listItemClassNames = useMemo(\n () =>\n cx(\n styles.wrapper,\n {\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n [styles.highlighted]: highlighted,\n [styles.readOnly]: readOnly\n },\n getStyle(styles, size),\n className\n ),\n [selected, disabled, highlighted, readOnly, size, className]\n );\n\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n const Element = component as React.ElementType;\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps?.content} position={dir === \"rtl\" ? \"right\" : \"left\"}>\n <Element id={id} ref={ref} className={listItemClassNames} role={role} {...itemProps} aria-selected={selected}>\n {itemRenderer ? (\n itemRenderer(item)\n ) : (\n <>\n {startElement && renderSideElement(startElement, disabled, textVariant)}\n <Text type={textVariant} color=\"inherit\">\n {label}\n </Text>\n {endElement && (\n <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n )}\n </>\n )}\n </Element>\n </Tooltip>\n );\n }\n);\n\nexport default BaseListItem as <Item extends Record<string, unknown>>(\n props: BaseListItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","Fragment","renderSideElement","Text","type","color"],"mappings":"mYAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAA4B,EAAAA,EAIrCE,EAAsFD,EAA9EE,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEH,EAAlEI,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDL,EAAhDK,aAAcC,EAAkCN,EAAlCM,WAAUC,EAAwBP,EAAtBQ,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,KAEXF,EAAOxB,SAAWA,GAClBwB,EAAOR,SAAWA,GAClBQ,EAAOpB,YAAcA,GACrBoB,EAAOtB,SAAWA,GAErByB,EAASH,EAAQ1B,GACjBL,EACD,GACH,CAACO,EAAUgB,EAAUZ,EAAaF,EAAUJ,EAAML,IAG9CmC,EAAiC,UAAT9B,EAAmB,QAAU,QACrD+B,EAAUjC,EAEhB,OACEkC,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKd,EAAY,CAAEe,QAASf,aAAY,EAAZA,EAAce,QAASC,SAAkB,QAAR7B,EAAgB,QAAU,SAC7FuB,EAAAC,cAACF,EAAOI,OAAAC,OAAA,CAACxC,GAAIA,EAAIF,IAAKA,EAAKC,UAAW4B,EAAoBhB,KAAMA,GAAUK,mBAA0BV,IACjGQ,EACCA,EAAaI,GAEbkB,EAAAC,cAAAD,EAAAO,SAAA,KACGpB,GAAgBqB,EAAkBrB,EAAcD,EAAUY,GAC3DE,EAACC,cAAAQ,EAAK,CAAAC,KAAMZ,EAAaa,MAAM,WAC5B3B,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKtC,UAAW+B,EAAON,YAAaoB,EAAkBpB,EAAYF,EAAUY,MAO1F"}
1	+ {"version":3,"file":"BaseListItem.js","sources":["../../../../src/components/BaseListItem/BaseListItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseListItem.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { type BaseListItemData, type BaseListItemProps } from \"./BaseListItem.types\";\nimport { Tooltip } from \"../Tooltip\";\nimport { type TextType } from \"../Text\";\nimport { renderSideElement } from \"./utils\";\n\nconst BaseListItem = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n className,\n id,\n component = \"li\",\n size = \"medium\",\n selected = false,\n readOnly = false,\n highlighted = false,\n role,\n index: _index,\n dir = \"auto\",\n itemRenderer,\n itemProps = {},\n item = {} as BaseListItemData<Item>\n }: BaseListItemProps<Item>,\n ref: React.Ref<HTMLElement>\n ) => {\n const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n const listItemClassNames = useMemo(\n () =>\n cx(\n styles.wrapper,\n {\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n [styles.highlighted]: highlighted,\n [styles.readOnly]: readOnly\n },\n getStyle(styles, size),\n className\n ),\n [selected, disabled, highlighted, readOnly, size, className]\n );\n\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n const Element = component as React.ElementType;\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps?.content} position={dir === \"rtl\" ? \"right\" : \"left\"}>\n <Element id={id} ref={ref} className={listItemClassNames} role={role} {...itemProps} aria-selected={selected}>\n {itemRenderer ? (\n itemRenderer(item)\n ) : (\n <>\n {startElement && renderSideElement(startElement, disabled, textVariant)}\n <Text type={textVariant} color=\"inherit\">\n {label}\n </Text>\n {endElement && (\n <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n )}\n </>\n )}\n </Element>\n </Tooltip>\n );\n }\n);\n\nexport default BaseListItem as <Item extends Record<string, unknown>>(\n props: BaseListItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","Fragment","renderSideElement","Text","type","color"],"mappings":"mYAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAA4B,EAAAA,EAIrCE,EAAsFD,EAA9EE,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEH,EAAlEI,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDL,EAAhDK,aAAcC,EAAkCN,EAAlCM,WAAUC,EAAwBP,EAAtBQ,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,KAEXF,EAAOxB,SAAWA,GAClBwB,EAAOR,SAAWA,GAClBQ,EAAOpB,YAAcA,GACrBoB,EAAOtB,SAAWA,GAErByB,EAASH,EAAQ1B,GACjBL,EACD,GACH,CAACO,EAAUgB,EAAUZ,EAAaF,EAAUJ,EAAML,IAG9CmC,EAAiC,UAAT9B,EAAmB,QAAU,QACrD+B,EAAUjC,EAEhB,OACEkC,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKd,EAAY,CAAEe,QAASf,aAAY,EAAZA,EAAce,QAASC,SAAkB,QAAR7B,EAAgB,QAAU,SAC7FuB,EAAAC,cAACF,EAAOI,OAAAC,OAAA,CAACxC,GAAIA,EAAIF,IAAKA,EAAKC,UAAW4B,EAAoBhB,KAAMA,GAAUK,mBAA0BV,IACjGQ,EACCA,EAAaI,GAEbkB,EAAAC,cAAAD,EAAAO,SAAA,KACGpB,GAAgBqB,EAAkBrB,EAAcD,EAAUY,GAC3DE,EAACC,cAAAQ,EAAK,CAAAC,KAAMZ,EAAaa,MAAM,WAC5B3B,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKtC,UAAW+B,EAAON,YAAaoB,EAAkBpB,EAAYF,EAAUY,MAO1F"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_9ef7d00af9",highlighted:"highlighted_e533d4ca8b",disabled:"disabled_4147688d0b",readOnly:"readOnly_72c0fb3d16",selected:"selected_e0d4bb760b",small:"small_6253d78b77",medium:"medium_1bc23653fe",large:"large_c2fa227da7",avatar:"avatar_28bf33f244",icon:"icon_d5faaff423",indent:"indent_0f75ca1794",endElement:"endElement_8da643fa02"};!function(e){const a="s_id-410c7e21b012_3_58_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_9ef7d00af9 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_9ef7d00af9.highlighted_e533d4ca8b {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_9ef7d00af9.disabled_4147688d0b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_9ef7d00af9.readOnly_72c0fb3d16 {\n  cursor: default;\n}\n.wrapper_9ef7d00af9.selected_e0d4bb760b {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_9ef7d00af9.selected_e0d4bb760b.highlighted_e533d4ca8b {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_9ef7d00af9.small_6253d78b77 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_9ef7d00af9.medium_1bc23653fe {\n  padding: 9px 12px;\n}\n.wrapper_9ef7d00af9.large_c2fa227da7 {\n  padding: 13px 12px;\n}\n.wrapper_9ef7d00af9 .avatar_28bf33f244,\n.wrapper_9ef7d00af9 .icon_d5faaff423 {\n  flex-shrink: 0;\n}\n.wrapper_9ef7d00af9 .indent_0f75ca1794 {\n  width: 20px;\n}\n.wrapper_9ef7d00af9 .endElement_8da643fa02 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_48f41fc404",highlighted:"highlighted_676956092f",disabled:"disabled_3c9ccc7b8b",readOnly:"readOnly_5845d41219",selected:"selected_eb28933297",small:"small_93c84218da",medium:"medium_c55ccb9a41",large:"large_1f3210f90a",avatar:"avatar_4e700b7164",icon:"icon_0da3699128",indent:"indent_31ccefe953",endElement:"endElement_8be332ddc5"};!function(e){const n="s_id-410c7e21b012_3_58_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_48f41fc404 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_48f41fc404.highlighted_676956092f {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_48f41fc404.disabled_3c9ccc7b8b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_48f41fc404.readOnly_5845d41219 {\n  cursor: default;\n}\n.wrapper_48f41fc404.selected_eb28933297 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_48f41fc404.selected_eb28933297.highlighted_676956092f {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_48f41fc404.small_93c84218da {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_48f41fc404.medium_c55ccb9a41 {\n  padding: 9px 12px;\n}\n.wrapper_48f41fc404.large_1f3210f90a {\n  padding: 13px 12px;\n}\n.wrapper_48f41fc404 .avatar_4e700b7164,\n.wrapper_48f41fc404 .icon_0da3699128 {\n  flex-shrink: 0;\n}\n.wrapper_48f41fc404 .indent_31ccefe953 {\n  width: 20px;\n}\n.wrapper_48f41fc404 .endElement_8be332ddc5 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

package/dist/src/components/BaseListItem/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/BaseListItem/utils.tsx"],"sourcesContent":["import { EndElement, StartElement } from \"./BaseListItem.types\";\nimport { TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseListItem.module.scss\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"4KAQgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/BaseListItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseListItem.types\";\nimport { type TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseListItem.module.scss\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"4KAQgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

package/dist/src/components/Box/Box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n BackgroundColor as BackgroundColorEnum,\n BorderColor as BorderColorEnum,\n BoxTextColor as BoxTextColorEnum,\n Margin as MarginEnum,\n MarginBottom as MarginBottomEnum,\n MarginEnd as MarginEndEnum,\n MarginStart as MarginStartEnum,\n MarginTop as MarginTopEnum,\n MarginX as MarginXEnum,\n MarginY as MarginYEnum,\n Padding as PaddingEnum,\n PaddingBottom as PaddingBottomEnum,\n PaddingEnd as PaddingEndEnum,\n PaddingStart as PaddingStartEnum,\n PaddingTop as PaddingTopEnum,\n PaddingX as PaddingXEnum,\n PaddingY as PaddingYEnum,\n Rounded as RoundedEnum,\n Shadow as ShadowEnum,\n SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n /*\n The HTML element or custom component used as the root.\n /\n elementType?: keyof JSX.IntrinsicElements \| string;\n /\n The content inside the box.\n /\n children?: ElementContent;\n /\n If true, the box is disabled.\n /\n disabled?: boolean;\n /\n If true, applies a border to the box.\n /\n border?: boolean;\n /\n The color of the border.\n /\n borderColor?: BorderColor;\n /\n The border radius of the box.\n /\n rounded?: RoundedSize;\n /\n The shadow style applied to the box.\n /\n shadow?: Shadow;\n /\n The margin applied to all sides.\n /\n margin?: BoxSize;\n /\n The horizontal margin.\n /\n marginX?: BoxSize;\n /\n The vertical margin.\n /\n marginY?: BoxSize;\n /\n The top margin.\n /\n marginTop?: BoxSize;\n /\n The end (right in LTR, left in RTL) margin.\n /\n marginEnd?: BoxSize;\n /\n The bottom margin.\n /\n marginBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) margin.\n /\n marginStart?: BaseBoxSize;\n /\n The padding applied to all sides.\n /\n padding?: BaseBoxSize;\n /\n The horizontal padding.\n /\n paddingX?: BaseBoxSize;\n /\n The vertical padding.\n /\n paddingY?: BaseBoxSize;\n /\n The top padding.\n /\n paddingTop?: BaseBoxSize;\n /\n The end (right in LTR, left in RTL) padding.\n /\n paddingEnd?: BaseBoxSize;\n /\n The bottom padding.\n /\n paddingBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) padding.\n /\n paddingStart?: BaseBoxSize;\n /\n The background color of the box.\n /\n backgroundColor?: BackgroundColor;\n /\n The text color inside the box.\n /\n textColor?: BoxTextColor;\n /\n If true, the box content is scrollable.\n /\n scrollable?: boolean;\n /\n Inline styles applied to the box.\n */\n style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n (\n {\n className,\n id,\n elementType = \"div\",\n children,\n disabled,\n border,\n scrollable,\n style,\n \"data-testid\": dataTestId,\n ...props\n }: BoxProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const getClassNames = (styles: Record<string, string>, props: Record<string, any \| undefined>) => {\n return Object.keys(props)\n .filter(prop => props[prop])\n .map(prop => {\n const value = props[prop];\n const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n })\n .filter(Boolean);\n };\n\n return React.createElement(\n elementType,\n {\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BOX, id),\n ref: mergedRef,\n className: cx(\n styles.box,\n className,\n { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n ...getClassNames(styles, props)\n ),\n id: id,\n style\n },\n children\n );\n }\n);\n\ninterface BoxStaticProps {\n borderColors: typeof BorderColorEnum;\n roundeds: typeof RoundedEnum;\n shadows: typeof ShadowEnum;\n margins: typeof MarginEnum;\n marginXs: typeof MarginXEnum;\n marginYs: typeof MarginYEnum;\n marginTops: typeof MarginTopEnum;\n marginEnds: typeof MarginEndEnum;\n marginBottoms: typeof MarginBottomEnum;\n marginStarts: typeof MarginStartEnum;\n paddings: typeof PaddingEnum;\n paddingXs: typeof PaddingXEnum;\n paddingYs: typeof PaddingYEnum;\n paddingTops: typeof PaddingTopEnum;\n paddingEnds: typeof PaddingEndEnum;\n paddingBottoms: typeof PaddingBottomEnum;\n paddingStarts: typeof PaddingStartEnum;\n backgroundColors: typeof BackgroundColorEnum;\n textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n borderColors: BorderColorEnum,\n roundeds: RoundedEnum,\n shadows: ShadowEnum,\n margins: MarginEnum,\n marginXs: MarginXEnum,\n marginYs: MarginYEnum,\n marginTops: MarginTopEnum,\n marginEnds: MarginEndEnum,\n marginBottoms: MarginBottomEnum,\n marginStarts: MarginStartEnum,\n paddings: PaddingEnum,\n paddingXs: PaddingXEnum,\n paddingYs: PaddingYEnum,\n paddingTops: PaddingTopEnum,\n paddingEnds: PaddingEndEnum,\n paddingBottoms: PaddingBottomEnum,\n paddingStarts: PaddingStartEnum,\n backgroundColors: BackgroundColorEnum,\n textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"~~q5BAuIA~~,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}
1	+ {"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n BackgroundColor as BackgroundColorEnum,\n BorderColor as BorderColorEnum,\n BoxTextColor as BoxTextColorEnum,\n Margin as MarginEnum,\n MarginBottom as MarginBottomEnum,\n MarginEnd as MarginEndEnum,\n MarginStart as MarginStartEnum,\n MarginTop as MarginTopEnum,\n MarginX as MarginXEnum,\n MarginY as MarginYEnum,\n Padding as PaddingEnum,\n PaddingBottom as PaddingBottomEnum,\n PaddingEnd as PaddingEndEnum,\n PaddingStart as PaddingStartEnum,\n PaddingTop as PaddingTopEnum,\n PaddingX as PaddingXEnum,\n PaddingY as PaddingYEnum,\n Rounded as RoundedEnum,\n Shadow as ShadowEnum,\n SizePrefixMapping\n} from \"./BoxConstants\";\nimport {\n type BackgroundColor,\n type BorderColor,\n type BaseBoxSize,\n type BoxSize,\n type BoxTextColor,\n type RoundedSize,\n type Shadow\n} from \"./Box.types\";\nimport { type VibeComponentProps, withStaticProps, type ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n /*\n The HTML element or custom component used as the root.\n /\n elementType?: keyof JSX.IntrinsicElements \| string;\n /\n The content inside the box.\n /\n children?: ElementContent;\n /\n If true, the box is disabled.\n /\n disabled?: boolean;\n /\n If true, applies a border to the box.\n /\n border?: boolean;\n /\n The color of the border.\n /\n borderColor?: BorderColor;\n /\n The border radius of the box.\n /\n rounded?: RoundedSize;\n /\n The shadow style applied to the box.\n /\n shadow?: Shadow;\n /\n The margin applied to all sides.\n /\n margin?: BoxSize;\n /\n The horizontal margin.\n /\n marginX?: BoxSize;\n /\n The vertical margin.\n /\n marginY?: BoxSize;\n /\n The top margin.\n /\n marginTop?: BoxSize;\n /\n The end (right in LTR, left in RTL) margin.\n /\n marginEnd?: BoxSize;\n /\n The bottom margin.\n /\n marginBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) margin.\n /\n marginStart?: BaseBoxSize;\n /\n The padding applied to all sides.\n /\n padding?: BaseBoxSize;\n /\n The horizontal padding.\n /\n paddingX?: BaseBoxSize;\n /\n The vertical padding.\n /\n paddingY?: BaseBoxSize;\n /\n The top padding.\n /\n paddingTop?: BaseBoxSize;\n /\n The end (right in LTR, left in RTL) padding.\n /\n paddingEnd?: BaseBoxSize;\n /\n The bottom padding.\n /\n paddingBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) padding.\n /\n paddingStart?: BaseBoxSize;\n /\n The background color of the box.\n /\n backgroundColor?: BackgroundColor;\n /\n The text color inside the box.\n /\n textColor?: BoxTextColor;\n /\n If true, the box content is scrollable.\n /\n scrollable?: boolean;\n /\n Inline styles applied to the box.\n */\n style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n (\n {\n className,\n id,\n elementType = \"div\",\n children,\n disabled,\n border,\n scrollable,\n style,\n \"data-testid\": dataTestId,\n ...props\n }: BoxProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const getClassNames = (styles: Record<string, string>, props: Record<string, any \| undefined>) => {\n return Object.keys(props)\n .filter(prop => props[prop])\n .map(prop => {\n const value = props[prop];\n const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n })\n .filter(Boolean);\n };\n\n return React.createElement(\n elementType,\n {\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BOX, id),\n ref: mergedRef,\n className: cx(\n styles.box,\n className,\n { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n ...getClassNames(styles, props)\n ),\n id: id,\n style\n },\n children\n );\n }\n);\n\ninterface BoxStaticProps {\n borderColors: typeof BorderColorEnum;\n roundeds: typeof RoundedEnum;\n shadows: typeof ShadowEnum;\n margins: typeof MarginEnum;\n marginXs: typeof MarginXEnum;\n marginYs: typeof MarginYEnum;\n marginTops: typeof MarginTopEnum;\n marginEnds: typeof MarginEndEnum;\n marginBottoms: typeof MarginBottomEnum;\n marginStarts: typeof MarginStartEnum;\n paddings: typeof PaddingEnum;\n paddingXs: typeof PaddingXEnum;\n paddingYs: typeof PaddingYEnum;\n paddingTops: typeof PaddingTopEnum;\n paddingEnds: typeof PaddingEndEnum;\n paddingBottoms: typeof PaddingBottomEnum;\n paddingStarts: typeof PaddingStartEnum;\n backgroundColors: typeof BackgroundColorEnum;\n textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n borderColors: BorderColorEnum,\n roundeds: RoundedEnum,\n shadows: ShadowEnum,\n margins: MarginEnum,\n marginXs: MarginXEnum,\n marginYs: MarginYEnum,\n marginTops: MarginTopEnum,\n marginEnds: MarginEndEnum,\n marginBottoms: MarginBottomEnum,\n marginStarts: MarginStartEnum,\n paddings: PaddingEnum,\n paddingXs: PaddingXEnum,\n paddingYs: PaddingYEnum,\n paddingTops: PaddingTopEnum,\n paddingEnds: PaddingEndEnum,\n paddingBottoms: PaddingBottomEnum,\n paddingStarts: PaddingStartEnum,\n backgroundColors: BackgroundColorEnum,\n textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"q5BA+IA,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

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

@@ -1,2 +1,2 @@
-var n={box:"box_e3b4172e82",scrollable:"scrollable_268c5cb6f0",opacityDisabled:"opacityDisabled_6a78b67d4a",border:"border_c3a80e3538",borderColorUiBorderColor:"borderColorUiBorderColor_4f57d0bb30",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_8b43eeefa6",rounded0:"rounded0_4b1f0a3a87",roundedSmall:"roundedSmall_470ee91862",roundedMedium:"roundedMedium_bd901aaa21",roundedBig:"roundedBig_7aab6c0bbe",shadowXs:"shadowXs_3172282da8",shadowSmall:"shadowSmall_b11e18a581",shadowMedium:"shadowMedium_d4a092060b",shadowLarge:"shadowLarge_9d346319a1",m0:"m0_9078da5829",mXs:"mXs_737e798e3d",mSmall:"mSmall_146e612535",mMedium:"mMedium_11f785bad1",mLarge:"mLarge_e6b4aeb18e",mXl:"mXl_828866040b",mXxl:"mXxl_83f6ed63a6",mXxxl:"mXxxl_a71898fd4d",mAuto:"mAuto_d0a48e12ae",mx0:"mx0_fd818b1eaa",mxXs:"mxXs_981ff3899d",mxSmall:"mxSmall_9b0dd4595d",mxMedium:"mxMedium_e247e8d134",mxLarge:"mxLarge_9cc020c2a8",mxXl:"mxXl_3bd6438006",mxXxl:"mxXxl_79d6d8ddb6",mxXxxl:"mxXxxl_f13f8020cb",mxAuto:"mxAuto_0384ec44f4",my0:"my0_07fd821a7b",myXs:"myXs_5bde3e06a6",mySmall:"mySmall_4841ac4a49",myMedium:"myMedium_4b210f4876",myLarge:"myLarge_aef91e0901",myXl:"myXl_4022ad892d",myXxl:"myXxl_bae817e895",myXxxl:"myXxxl_9f56ae4d5a",myAuto:"myAuto_845c1de521",mt0:"mt0_c915eb0582",mtXs:"mtXs_d75199858b",mtSmall:"mtSmall_b6798b995c",mtMedium:"mtMedium_6cf4e06977",mtLarge:"mtLarge_5cd0a324be",mtXl:"mtXl_195eeacf61",mtXxl:"mtXxl_af1176a795",mtXxxl:"mtXxxl_c048c5e285",mtAuto:"mtAuto_c3ddcf359d",me0:"me0_d4cbcaae30",meXs:"meXs_67b549f7e4",meSmall:"meSmall_b83207f2c7",meMedium:"meMedium_68461f6a8c",meLarge:"meLarge_07f817838e",meXl:"meXl_2727e30b38",meXxl:"meXxl_a8db1e31ee",meXxxl:"meXxxl_7341ae7d4a",meAuto:"meAuto_8147e397fa",mb0:"mb0_9473409d92",mbXs:"mbXs_e0a1190910",mbSmall:"mbSmall_c9d783b847",mbMedium:"mbMedium_82d9c070d9",mbLarge:"mbLarge_cd355ac3f4",mbXl:"mbXl_d8d42b2d07",mbXxl:"mbXxl_075bd50cb0",mbXxxl:"mbXxxl_72b627f0bc",mbAuto:"mbAuto_34666c1fc3",ms0:"ms0_4ee6c8b9ef",msXs:"msXs_ffe347d7d9",msSmall:"msSmall_e3dc420287",msMedium:"msMedium_09b047ed5d",msLarge:"msLarge_8f80f90827",msXl:"msXl_0053ce4871",msXxl:"msXxl_f5b54ff114",msXxxl:"msXxxl_c0eff32156",msAuto:"msAuto_b9a65c5820",p0:"p0_019acb908c",pXs:"pXs_f67978f4c2",pSmall:"pSmall_eaf4b26f24",pMedium:"pMedium_0ab5d6947f",pLarge:"pLarge_b8634c34d1",pXl:"pXl_bda1c9ff50",pXxl:"pXxl_e5334d496b",pXxxl:"pXxxl_d479e60cc6",px0:"px0_7263fda159",pxXs:"pxXs_33bcecc283",pxSmall:"pxSmall_060db0b9a1",pxMedium:"pxMedium_091095c8cf",pxLarge:"pxLarge_4fe142f59f",pxXl:"pxXl_ecc7a482ba",pxXxl:"pxXxl_5af2754295",pxXxxl:"pxXxxl_550ec681cf",py0:"py0_ab582caec9",pyXs:"pyXs_52e535b87e",pySmall:"pySmall_fbc99a305e",pyMedium:"pyMedium_3998e5a3e6",pyLarge:"pyLarge_ddefe04456",pyXl:"pyXl_099e7fa511",pyXxl:"pyXxl_e286b08671",pyXxxl:"pyXxxl_0e95a90f1c",pt0:"pt0_1316e8ea2d",ptXs:"ptXs_d315774385",ptSmall:"ptSmall_5ff0ca55b3",ptMedium:"ptMedium_a2ef9c54d8",ptLarge:"ptLarge_5debeb3211",ptXl:"ptXl_370b488d06",ptXxl:"ptXxl_bef61b4b6d",ptXxxl:"ptXxxl_f8517861a0",pe0:"pe0_17290c99c2",peXs:"peXs_28465ee626",peSmall:"peSmall_d954f610fa",peMedium:"peMedium_ac782cb11e",peLarge:"peLarge_fb5fde0918",peXl:"peXl_55a0e76ac9",peXxl:"peXxl_3a1b9954ca",peXxxl:"peXxxl_0ed60b1c8b",pb0:"pb0_18b08baa67",pbXs:"pbXs_af7533cb0d",pbSmall:"pbSmall_a8cb8caedc",pbMedium:"pbMedium_a689e36fc0",pbLarge:"pbLarge_d39ddd63e9",pbXl:"pbXl_fc3d695e0b",pbXxl:"pbXxl_fd4bf7be2c",pbXxxl:"pbXxxl_ea06169103",ps0:"ps0_a7dff9f2c7",psXs:"psXs_cc47203def",psSmall:"psSmall_7e06d03ed4",psMedium:"psMedium_b4d371095d",psLarge:"psLarge_6db0511269",psXl:"psXl_2bc0deda61",psXxl:"psXxl_73a66cdd71",psXxxl:"psXxxl_6d12bd373d",textPrimaryTextColor:"textPrimaryTextColor_0db6b8bddf",textTextColorOnInverted:"textTextColorOnInverted_e037e55e27",textSecondaryTextColor:"textSecondaryTextColor_5f315fc468",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8f7c4bc201",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_6cfe912380",bgGreyBackgroundColor:"bgGreyBackgroundColor_2752469c4e",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_4109593ad7",bgInvertedColorBackground:"bgInvertedColorBackground_eb705262fa"};!function(n){const a="s_id-1ea68be2c9b7_3_58_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_e3b4172e82 {\n  overflow: hidden;\n}\n.box_e3b4172e82.scrollable_268c5cb6f0 {\n  overflow: auto;\n}\n.box_e3b4172e82.scrollable_268c5cb6f0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_e3b4172e82.scrollable_268c5cb6f0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_6a78b67d4a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_c3a80e3538 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_4f57d0bb30 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_8b43eeefa6 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_4b1f0a3a87 {\n  border-radius: 0 !important;\n}\n.roundedSmall_470ee91862 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_bd901aaa21 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_7aab6c0bbe {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_3172282da8 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_b11e18a581 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_d4a092060b {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_9d346319a1 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_9078da5829 {\n  margin: 0 !important;\n}\n.mXs_737e798e3d {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_146e612535 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_11f785bad1 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_e6b4aeb18e {\n  margin: var(--spacing-large) !important;\n}\n.mXl_828866040b {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_83f6ed63a6 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_a71898fd4d {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_d0a48e12ae {\n  margin: auto !important;\n}\n.mx0_fd818b1eaa {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_981ff3899d {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_9b0dd4595d {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_e247e8d134 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_9cc020c2a8 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_3bd6438006 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_79d6d8ddb6 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f13f8020cb {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_0384ec44f4 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_07fd821a7b {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_5bde3e06a6 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_4841ac4a49 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_4b210f4876 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_aef91e0901 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_4022ad892d {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_bae817e895 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_9f56ae4d5a {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_845c1de521 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_c915eb0582 {\n  margin-top: 0 !important;\n}\n.mtXs_d75199858b {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_b6798b995c {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_6cf4e06977 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_5cd0a324be {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_195eeacf61 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_af1176a795 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_c048c5e285 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_c3ddcf359d {\n  margin-top: auto !important;\n}\n.me0_d4cbcaae30 {\n  margin-inline-end: 0 !important;\n}\n.meXs_67b549f7e4 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b83207f2c7 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_68461f6a8c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_07f817838e {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_2727e30b38 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_a8db1e31ee {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_7341ae7d4a {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_8147e397fa {\n  margin-inline-end: auto !important;\n}\n.mb0_9473409d92 {\n  margin-bottom: 0 !important;\n}\n.mbXs_e0a1190910 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_c9d783b847 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_82d9c070d9 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_cd355ac3f4 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_d8d42b2d07 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_075bd50cb0 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_72b627f0bc {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_34666c1fc3 {\n  margin-bottom: auto !important;\n}\n.ms0_4ee6c8b9ef {\n  margin-inline-start: 0 !important;\n}\n.msXs_ffe347d7d9 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_e3dc420287 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_09b047ed5d {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_8f80f90827 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_0053ce4871 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_f5b54ff114 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_c0eff32156 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_b9a65c5820 {\n  margin-inline-start: auto !important;\n}\n.p0_019acb908c {\n  padding: 0 !important;\n}\n.pXs_f67978f4c2 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_eaf4b26f24 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_0ab5d6947f {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_b8634c34d1 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_bda1c9ff50 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_e5334d496b {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_d479e60cc6 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_7263fda159 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_33bcecc283 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_060db0b9a1 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_091095c8cf {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_4fe142f59f {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_ecc7a482ba {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_5af2754295 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_550ec681cf {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_ab582caec9 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_52e535b87e {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_fbc99a305e {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_3998e5a3e6 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_ddefe04456 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_099e7fa511 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_e286b08671 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_0e95a90f1c {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_1316e8ea2d {\n  padding-top: 0 !important;\n}\n.ptXs_d315774385 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_5ff0ca55b3 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_a2ef9c54d8 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_5debeb3211 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_370b488d06 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_bef61b4b6d {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_f8517861a0 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_17290c99c2 {\n  padding-inline-end: 0 !important;\n}\n.peXs_28465ee626 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_d954f610fa {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_ac782cb11e {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_fb5fde0918 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_55a0e76ac9 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_3a1b9954ca {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_0ed60b1c8b {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_18b08baa67 {\n  padding-bottom: 0 !important;\n}\n.pbXs_af7533cb0d {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_a8cb8caedc {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_a689e36fc0 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_d39ddd63e9 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_fc3d695e0b {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_fd4bf7be2c {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_ea06169103 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_a7dff9f2c7 {\n  padding-inline-start: 0 !important;\n}\n.psXs_cc47203def {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_7e06d03ed4 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_b4d371095d {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_6db0511269 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_2bc0deda61 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_73a66cdd71 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_6d12bd373d {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_0db6b8bddf {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_e037e55e27 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_5f315fc468 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8f7c4bc201 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_6cfe912380 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_2752469c4e {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_4109593ad7 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_eb705262fa {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_e8f7b2d136",scrollable:"scrollable_973948d1c2",opacityDisabled:"opacityDisabled_ccf9c88e84",border:"border_172580b09a",borderColorUiBorderColor:"borderColorUiBorderColor_40ff4a6e7d",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_f64460ccac",rounded0:"rounded0_6a7baf198a",roundedSmall:"roundedSmall_7e54e9312c",roundedMedium:"roundedMedium_9a00311dbb",roundedBig:"roundedBig_7fc763c3f1",shadowXs:"shadowXs_39cf1a2e6f",shadowSmall:"shadowSmall_f68f1b5199",shadowMedium:"shadowMedium_afab9329b0",shadowLarge:"shadowLarge_8710b53037",m0:"m0_d4de3a8bf0",mXs:"mXs_66a8cb457e",mSmall:"mSmall_91bcb22112",mMedium:"mMedium_caf2786353",mLarge:"mLarge_e39011d3f7",mXl:"mXl_90c5dc5d7e",mXxl:"mXxl_deaad9fa5c",mXxxl:"mXxxl_88fb674680",mAuto:"mAuto_170f210ffa",mx0:"mx0_6dc18a1e04",mxXs:"mxXs_69b01697b3",mxSmall:"mxSmall_bf71aa5557",mxMedium:"mxMedium_9bbfb0d9df",mxLarge:"mxLarge_510cd4db6c",mxXl:"mxXl_e93d19f084",mxXxl:"mxXxl_ce24845dfa",mxXxxl:"mxXxxl_b823cdd64d",mxAuto:"mxAuto_3591d8a87f",my0:"my0_4e33d19978",myXs:"myXs_d256d342d7",mySmall:"mySmall_ccdc1034d7",myMedium:"myMedium_e2ad381e97",myLarge:"myLarge_003753aaa8",myXl:"myXl_732c822f6e",myXxl:"myXxl_23fea13d96",myXxxl:"myXxxl_8f417424d3",myAuto:"myAuto_88f1f93253",mt0:"mt0_6515590172",mtXs:"mtXs_71c2d2d77c",mtSmall:"mtSmall_78c09991ef",mtMedium:"mtMedium_7a5f79b9ad",mtLarge:"mtLarge_673b987df0",mtXl:"mtXl_26aae9c35c",mtXxl:"mtXxl_8a922f6769",mtXxxl:"mtXxxl_a687c79e83",mtAuto:"mtAuto_1f88ea9e73",me0:"me0_dd15761c80",meXs:"meXs_d98aa2f955",meSmall:"meSmall_b7c9be1d2e",meMedium:"meMedium_457caaf665",meLarge:"meLarge_6316a8afa1",meXl:"meXl_f11bf65678",meXxl:"meXxl_72de462880",meXxxl:"meXxxl_58789fa2c4",meAuto:"meAuto_9538066163",mb0:"mb0_feaf006779",mbXs:"mbXs_a57bfb8594",mbSmall:"mbSmall_5065aa9793",mbMedium:"mbMedium_f02ddec61c",mbLarge:"mbLarge_02dea88cfd",mbXl:"mbXl_a71320edaf",mbXxl:"mbXxl_61c0de9fc1",mbXxxl:"mbXxxl_5fc1783164",mbAuto:"mbAuto_78533edcdb",ms0:"ms0_1ca13c6e57",msXs:"msXs_df0ceda854",msSmall:"msSmall_4f0845230d",msMedium:"msMedium_f6f05e820b",msLarge:"msLarge_668361bd7d",msXl:"msXl_afb53bdc28",msXxl:"msXxl_1c1f576599",msXxxl:"msXxxl_99a1db2199",msAuto:"msAuto_0bb7ec24f0",p0:"p0_d11ac566ed",pXs:"pXs_add2b6d8b4",pSmall:"pSmall_d70479d573",pMedium:"pMedium_ef3a718ee0",pLarge:"pLarge_58e354376a",pXl:"pXl_cd907aec06",pXxl:"pXxl_92409071e4",pXxxl:"pXxxl_44a519d67d",px0:"px0_4cc926d02b",pxXs:"pxXs_bb6cdd1258",pxSmall:"pxSmall_426b345792",pxMedium:"pxMedium_cb9581eab6",pxLarge:"pxLarge_1bd7b277c3",pxXl:"pxXl_2cc37b2ade",pxXxl:"pxXxl_3839ec109a",pxXxxl:"pxXxxl_b7e9c58d29",py0:"py0_3a0bdb7825",pyXs:"pyXs_2f51566541",pySmall:"pySmall_e3cf6be2d1",pyMedium:"pyMedium_86e5334eab",pyLarge:"pyLarge_70ffafcb7d",pyXl:"pyXl_566f269f6f",pyXxl:"pyXxl_9224350ac8",pyXxxl:"pyXxxl_f93bde461e",pt0:"pt0_49ac89b26a",ptXs:"ptXs_8fde48243a",ptSmall:"ptSmall_44cec20bc4",ptMedium:"ptMedium_4b3a5dbc94",ptLarge:"ptLarge_4ae96ec1ef",ptXl:"ptXl_d9d46cf5f0",ptXxl:"ptXxl_c2f38e8875",ptXxxl:"ptXxxl_e2fce36dbc",pe0:"pe0_943f355371",peXs:"peXs_f25e9cb45d",peSmall:"peSmall_3623744ba4",peMedium:"peMedium_acffa32382",peLarge:"peLarge_b5a44f0278",peXl:"peXl_cdfe69f78a",peXxl:"peXxl_ee17507899",peXxxl:"peXxxl_b937fd44ee",pb0:"pb0_e3c3c07f91",pbXs:"pbXs_6dddefa235",pbSmall:"pbSmall_a0b1059b6c",pbMedium:"pbMedium_42454cd511",pbLarge:"pbLarge_0ab5e0a545",pbXl:"pbXl_4aa0d59411",pbXxl:"pbXxl_d5e2921299",pbXxxl:"pbXxxl_e980f80c39",ps0:"ps0_c35739f60e",psXs:"psXs_39ad4ade17",psSmall:"psSmall_85b0fb09ba",psMedium:"psMedium_0fb1b87630",psLarge:"psLarge_ff04893833",psXl:"psXl_7426c7cd31",psXxl:"psXxl_9d6ce02589",psXxxl:"psXxxl_7cb9830f78",textPrimaryTextColor:"textPrimaryTextColor_409e512025",textTextColorOnInverted:"textTextColorOnInverted_ea1ca98873",textSecondaryTextColor:"textSecondaryTextColor_8b49988a96",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_12c48d3134",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ba8ac8d710",bgGreyBackgroundColor:"bgGreyBackgroundColor_123a950dda",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_6eb087c069",bgInvertedColorBackground:"bgInvertedColorBackground_fada0f9f83"};!function(n){const a="s_id-1ea68be2c9b7_3_58_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_e8f7b2d136 {\n  overflow: hidden;\n}\n.box_e8f7b2d136.scrollable_973948d1c2 {\n  overflow: auto;\n}\n.box_e8f7b2d136.scrollable_973948d1c2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_e8f7b2d136.scrollable_973948d1c2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_ccf9c88e84 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_172580b09a {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_40ff4a6e7d {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_f64460ccac {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_6a7baf198a {\n  border-radius: 0 !important;\n}\n.roundedSmall_7e54e9312c {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_9a00311dbb {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_7fc763c3f1 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_39cf1a2e6f {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f68f1b5199 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_afab9329b0 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_8710b53037 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_d4de3a8bf0 {\n  margin: 0 !important;\n}\n.mXs_66a8cb457e {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_91bcb22112 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_caf2786353 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_e39011d3f7 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_90c5dc5d7e {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_deaad9fa5c {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_88fb674680 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_170f210ffa {\n  margin: auto !important;\n}\n.mx0_6dc18a1e04 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_69b01697b3 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_bf71aa5557 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_9bbfb0d9df {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_510cd4db6c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_e93d19f084 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_ce24845dfa {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_b823cdd64d {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_3591d8a87f {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_4e33d19978 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_d256d342d7 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_ccdc1034d7 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_e2ad381e97 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_003753aaa8 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_732c822f6e {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_23fea13d96 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_8f417424d3 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_88f1f93253 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_6515590172 {\n  margin-top: 0 !important;\n}\n.mtXs_71c2d2d77c {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_78c09991ef {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_7a5f79b9ad {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_673b987df0 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_26aae9c35c {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_8a922f6769 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_a687c79e83 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_1f88ea9e73 {\n  margin-top: auto !important;\n}\n.me0_dd15761c80 {\n  margin-inline-end: 0 !important;\n}\n.meXs_d98aa2f955 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b7c9be1d2e {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_457caaf665 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_6316a8afa1 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_f11bf65678 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_72de462880 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_58789fa2c4 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_9538066163 {\n  margin-inline-end: auto !important;\n}\n.mb0_feaf006779 {\n  margin-bottom: 0 !important;\n}\n.mbXs_a57bfb8594 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_5065aa9793 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_f02ddec61c {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_02dea88cfd {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_a71320edaf {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_61c0de9fc1 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_5fc1783164 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_78533edcdb {\n  margin-bottom: auto !important;\n}\n.ms0_1ca13c6e57 {\n  margin-inline-start: 0 !important;\n}\n.msXs_df0ceda854 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_4f0845230d {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_f6f05e820b {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_668361bd7d {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_afb53bdc28 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_1c1f576599 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_99a1db2199 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_0bb7ec24f0 {\n  margin-inline-start: auto !important;\n}\n.p0_d11ac566ed {\n  padding: 0 !important;\n}\n.pXs_add2b6d8b4 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_d70479d573 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_ef3a718ee0 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_58e354376a {\n  padding: var(--spacing-large) !important;\n}\n.pXl_cd907aec06 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_92409071e4 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_44a519d67d {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_4cc926d02b {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_bb6cdd1258 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_426b345792 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_cb9581eab6 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_1bd7b277c3 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_2cc37b2ade {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_3839ec109a {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b7e9c58d29 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_3a0bdb7825 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_2f51566541 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_e3cf6be2d1 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_86e5334eab {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_70ffafcb7d {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_566f269f6f {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_9224350ac8 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_f93bde461e {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_49ac89b26a {\n  padding-top: 0 !important;\n}\n.ptXs_8fde48243a {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_44cec20bc4 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_4b3a5dbc94 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_4ae96ec1ef {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_d9d46cf5f0 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_c2f38e8875 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_e2fce36dbc {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_943f355371 {\n  padding-inline-end: 0 !important;\n}\n.peXs_f25e9cb45d {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_3623744ba4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_acffa32382 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_b5a44f0278 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_cdfe69f78a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ee17507899 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b937fd44ee {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_e3c3c07f91 {\n  padding-bottom: 0 !important;\n}\n.pbXs_6dddefa235 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_a0b1059b6c {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_42454cd511 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_0ab5e0a545 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_4aa0d59411 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_d5e2921299 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_e980f80c39 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_c35739f60e {\n  padding-inline-start: 0 !important;\n}\n.psXs_39ad4ade17 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_85b0fb09ba {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_0fb1b87630 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_ff04893833 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7426c7cd31 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_9d6ce02589 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_7cb9830f78 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_409e512025 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_ea1ca98873 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_8b49988a96 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_12c48d3134 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ba8ac8d710 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_123a950dda {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_6eb087c069 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_fada0f9f83 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map