npm - @vibe/core - Versions diffs - 3.70.2-alpha-23478.0 → 3.70.3 - Mend

@vibe/core 3.70.2-alpha-23478.0 → 3.70.3

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

Files changed (1085) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type SubIcon, type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\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 tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\ninterface AvatarStaticProps {\n types: typeof AvatarTypeEnum;\n sizes: typeof AvatarSizeEnum;\n colors: typeof ElementAllowedColorEnum;\n backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum,\n colors: ElementAllowedColorEnum,\n backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"+2BAqHA,IA6JeA,EAAAA,GA7JA,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACAC,EAASd,EAATc,UAASC,EAAAf,EACTgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAkB,IAAHD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAwB,IAAHD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,GAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACtD,GAAE,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,EAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAErB,GAAE,CAACA,EAAWD,EAAcG,IAEvB+B,GAAkBT,GAAQ,WAC9B,IAAMU,EAAS,GA8Bf,OA7BKC,EAAMxB,IACTuB,EAAOE,KACLC,uBAAKC,IAAI,iBAAiBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOE,eAC3DL,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAKM,cAAA,MAAA,CAAArD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,gBAAAA,GAAsBG,UAG3C,EAFC,CAGV,GAAE,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EACEM,cAAA,MAAA,CAAAxD,GAAIA,gBACSmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,GACI,YAAAkC,EAAgBH,QAE3BpB,EAACM,cAAAkB,GACCC,cAAezC,EACf0C,eAAgB,CACd1C,QAAS8B,GACT3C,SAAU,KACVlB,UAAWkD,EAAOwB,mBAGpB3B,EAAAM,cAACsB,EAAQnC,OAAAC,OAAA,CAAAmC,YAAa,CAAC,QAAS,cAAeC,YAAa,CAAC,OAAQ,eAAmBtC,IACtFQ,EAAAM,cAAA,MAAA,CACErD,UAAWiD,EACTC,EAAO4B,OACPC,EAAS7B,EAAQ8B,EAAU,WAAajF,IAAMkF,EAAAA,EAAAA,EAAA,CAAA,EAE3C/B,EAAOjC,SAAWA,GAClBiC,EAAOlC,OAASA,GAChBkC,EAAOxB,cAAgBA,GAE1BzB,GACD,cACYmB,EACbF,SAAU0C,GACVS,MAAK7B,OAAAC,OAAA,CAAA,EAAOR,KAEZc,EAAAM,cAAC6B,EAAa,CACZnF,KAAMA,EACNM,KAAMA,EACNC,IAAKA,EACLC,KAAMA,EACNC,KAAMA,EACNE,UAAWA,EACXG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX,GASwF,CACtFwC,MAAOC,EACPC,MAAOC,EACPC,OAAQC,EACRC,iBAAkBD"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\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 tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\ninterface AvatarStaticProps {\n types: typeof AvatarTypeEnum;\n sizes: typeof AvatarSizeEnum;\n colors: typeof ElementAllowedColorEnum;\n backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum,\n colors: ElementAllowedColorEnum,\n backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"+2BAsHA,IA6JeA,EAAAA,GA7JA,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACAC,EAASd,EAATc,UAASC,EAAAf,EACTgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAkB,IAAHD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAwB,IAAHD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,GAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACtD,GAAE,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,EAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAErB,GAAE,CAACA,EAAWD,EAAcG,IAEvB+B,GAAkBT,GAAQ,WAC9B,IAAMU,EAAS,GA8Bf,OA7BKC,EAAMxB,IACTuB,EAAOE,KACLC,uBAAKC,IAAI,iBAAiBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOE,eAC3DL,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAKM,cAAA,MAAA,CAAArD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,gBAAAA,GAAsBG,UAG3C,EAFC,CAGV,GAAE,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EACEM,cAAA,MAAA,CAAAxD,GAAIA,gBACSmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,GACI,YAAAkC,EAAgBH,QAE3BpB,EAACM,cAAAkB,GACCC,cAAezC,EACf0C,eAAgB,CACd1C,QAAS8B,GACT3C,SAAU,KACVlB,UAAWkD,EAAOwB,mBAGpB3B,EAAAM,cAACsB,EAAQnC,OAAAC,OAAA,CAAAmC,YAAa,CAAC,QAAS,cAAeC,YAAa,CAAC,OAAQ,eAAmBtC,IACtFQ,EAAAM,cAAA,MAAA,CACErD,UAAWiD,EACTC,EAAO4B,OACPC,EAAS7B,EAAQ8B,EAAU,WAAajF,IAAMkF,EAAAA,EAAAA,EAAA,CAAA,EAE3C/B,EAAOjC,SAAWA,GAClBiC,EAAOlC,OAASA,GAChBkC,EAAOxB,cAAgBA,GAE1BzB,GACD,cACYmB,EACbF,SAAU0C,GACVS,MAAK7B,OAAAC,OAAA,CAAA,EAAOR,KAEZc,EAAAM,cAAC6B,EAAa,CACZnF,KAAMA,EACNM,KAAMA,EACNC,IAAKA,EACLC,KAAMA,EACNC,KAAMA,EACNE,UAAWA,EACXG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX,GASwF,CACtFwC,MAAOC,EACPC,MAAOC,EACPC,OAAQC,EACRC,iBAAkBD"}

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

@@ -1,2 +1,2 @@
-var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-dccf983c2f60_3_70_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.xs {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
+var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-dccf983c2f60_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.xs {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import i from"classnames";import m from"../Icon/CustomSvgIcon/CustomSvgIcon.js";import{AvatarSize as c}from"./AvatarConstants.js";import l from"./AvatarBadge.module.scss.js";import n from"../Icon/Icon.js";import{withStaticPropsWithoutForwardRef as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var p=d((function(c){var d=c.src,p=c.icon,f=c.tabIndex,j=void 0===f?0:f,u=c.className,v=c.size,I=void 0===v?"large":v,b=c.id,g=c["data-testid"],A=s(c,["src","icon","tabIndex","className","size","id","data-testid"]),C=i(e(l,o("badge--"+I)),u),N=g||r(a.AVATAR_BADGE,b);return p?t.createElement(n,Object.assign({icon:p,className:C},A,{"data-testid":N})):d?t.createElement(m,Object.assign({src:d,className:C,clickable:-1===j},A,{"data-testid":N})):null}),{sizes:c});export{p as default};
+import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import i from"classnames";import{AvatarSize as m}from"./AvatarConstants.js";import c from"./AvatarBadge.module.scss.js";import{withStaticPropsWithoutForwardRef as n}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"../../../components/icon/dist/Icon/Icon.js";import l from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";var p=n((function(m){var n=m.src,p=m.icon,f=m.tabIndex,j=void 0===f?0:f,u=m.className,v=m.size,I=void 0===v?"large":v,b=m.id,g=m["data-testid"],A=s(m,["src","icon","tabIndex","className","size","id","data-testid"]),C=i(e(c,o("badge--"+I)),u),N=g||r(a.AVATAR_BADGE,b);return p?t.createElement(d,Object.assign({icon:p,className:C},A,{"data-testid":N})):n?t.createElement(l,Object.assign({src:n,className:C,clickable:-1===j},A,{"data-testid":N})):null}),{sizes:m});export{p as default};
 //# sourceMappingURL=AvatarBadge.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport CustomSvgIcon from \"~~../Icon~~/~~CustomSvgIcon/CustomSvgIcon~~\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport ~~Icon~~ from \"~~../Icon/Icon~~\";\nimport { type ~~VibeComponentProps, type~~ SubIcon, ~~withStaticPropsWithoutForwardRef~~ } from \"~~../../types~~\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\ninterface AvatarBadgeStaticProps {\n sizes: typeof AvatarSizeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarBadgeProps, AvatarBadgeStaticProps>(AvatarBadge, {\n sizes: AvatarSizeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"~~4kBA~~+BA,IA0BeA,EAAAA,GA1BK,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,GAMuG,CACrGW,MAAOC"}
1	+ {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\ninterface AvatarBadgeStaticProps {\n sizes: typeof AvatarSizeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarBadgeProps, AvatarBadgeStaticProps>(AvatarBadge, {\n sizes: AvatarSizeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"koBA+BA,IA0BeA,EAAAA,GA1BK,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,GAMuG,CACrGW,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{camelCase as t}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import r from"classnames";import o from"react";import{AvatarSize as i,AvatarType as m}from"./AvatarConstants.js";import l from"../Icon/Icon.js";import{withStaticPropsWithoutForwardRef as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import n from"./AvatarContent.module.scss.js";var d=c((function(i){var m=i.type,c=void 0===m?"text":m,d=i.src,p=i.icon,f=i.text,u=i.ariaLabel,A=i.role,N=i.size,T=void 0===N?"large":N,v=i.textClassName,j=void 0===v?"":v,C=i.id,E=i["data-testid"],x=r(e(n,t("content_"+c)),e(n,t("content_"+c+"--"+T)));switch(c){case"img":return o.createElement("img",{role:A,alt:u,src:d,className:x,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"icon":return o.createElement(l,{icon:p,"aria-label":u,className:x,ariaHidden:!1,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"text":return o.createElement("span",{"aria-label":u,role:A,className:r(x,j),id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)},f);default:return null}}),{sizes:i,types:m});export{d as default};
+import{camelCase as t}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import r from"classnames";import o from"react";import{AvatarSize as i,AvatarType as m}from"./AvatarConstants.js";import{withStaticPropsWithoutForwardRef as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import n from"./AvatarContent.module.scss.js";import c from"../../../components/icon/dist/Icon/Icon.js";var d=l((function(i){var m=i.type,l=void 0===m?"text":m,d=i.src,p=i.icon,f=i.text,u=i.ariaLabel,A=i.role,N=i.size,T=void 0===N?"large":N,v=i.textClassName,j=void 0===v?"":v,C=i.id,E=i["data-testid"],x=r(e(n,t("content_"+l)),e(n,t("content_"+l+"--"+T)));switch(l){case"img":return o.createElement("img",{role:A,alt:u,src:d,className:x,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"icon":return o.createElement(c,{icon:p,"aria-label":u,className:x,ariaHidden:!1,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"text":return o.createElement("span",{"aria-label":u,role:A,className:r(x,j),id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)},f);default:return null}}),{sizes:i,types:m});export{d as default};
 //# sourceMappingURL=AvatarContent.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarContent.js","sources":["../../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport Icon from \"~~../Icon~~/~~Icon~~\";\nimport { type ~~SubIcon, type~~ VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n ariaLabel?: string;\n /\n The icon displayed when the type is set to `icon`.\n /\n icon?: SubIcon;\n /\n Class name applied to the text content.\n /\n textClassName?: string;\n /\n The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\nconst AvatarContent = ({\n type = \"text\",\n src,\n icon,\n text,\n ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n ariaHidden={false}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\ninterface AvatarContentStaticProps {\n sizes: typeof AvatarSizeEnum;\n types: typeof AvatarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarContentProps, AvatarContentStaticProps>(AvatarContent, {\n sizes: AvatarSizeEnum,\n types: AvatarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","sizes","AvatarSizeEnum","types","AvatarTypeEnum"],"mappings":"~~mfA8CA~~,IA8DeA,EAAAA,GA9DO,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,GAO6G,CAC3GsB,MAAOC,EACPC,MAAOC"}
1	+ {"version":3,"file":"AvatarContent.js","sources":["../../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n ariaLabel?: string;\n /\n The icon displayed when the type is set to `icon`.\n /\n icon?: SubIcon;\n /\n Class name applied to the text content.\n /\n textClassName?: string;\n /\n The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\nconst AvatarContent = ({\n type = \"text\",\n src,\n icon,\n text,\n ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n ariaHidden={false}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\ninterface AvatarContentStaticProps {\n sizes: typeof AvatarSizeEnum;\n types: typeof AvatarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarContentProps, AvatarContentStaticProps>(AvatarContent, {\n sizes: AvatarSizeEnum,\n types: AvatarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","sizes","AvatarSizeEnum","types","AvatarTypeEnum"],"mappings":"8gBA8CA,IA8DeA,EAAAA,GA9DO,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,GAO6G,CAC3GsB,MAAOC,EACPC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_70_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_70_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-7f36163b89a3_3_70_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-7f36163b89a3_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-f3cc0fae9cc4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n\n.tooltipContainer {\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:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-f3cc0fae9cc4_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n\n.tooltipContainer {\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:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-700dae3ddae4_3_70_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::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-700dae3ddae4_3_70_2";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::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_70_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 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_70_2";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 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-8dc268c8a1a1_3_70_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper {\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.small {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper.large {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper.rightThinnerPadding {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper:has(.input:active, .input:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper:has(.input:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper:has(.input:read-only) .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper:has(.input: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:has(.input:disabled) .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:has(.input:active, .input:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):has(.input:active, .input:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper.readOnly {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper.readOnly .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper.disabled {\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.disabled .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper.error {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper .input {\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 .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper .input:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-8dc268c8a1a1_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper {\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.small {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper.large {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper.rightThinnerPadding {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper:has(.input:active, .input:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper:has(.input:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper:has(.input:read-only) .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper:has(.input: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:has(.input:disabled) .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:has(.input:active, .input:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):has(.input:active, .input:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper.readOnly {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper.readOnly .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper.disabled {\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.disabled .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper.error {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper .input {\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 .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper .input:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-b5d224c4ed03_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-b5d224c4ed03_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_70_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 {\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.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_70_2";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 {\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.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\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/mocked_classnames/src/components/BaseListItem/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseListItem.module.scss.js";import a from"../Icon/Icon.js";import s from"../Text/Text.js";function c(c,o,m){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(a,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(s,{type:m,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
+import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseListItem.module.scss.js";import a from"../Text/Text.js";import s from"../../../components/icon/dist/Icon/Icon.js";function c(c,o,n){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(s,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(a,{type:n,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
 //# sourceMappingURL=utils.js.map

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

	@@ -1 +1 @@
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"}
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 \"@vibe/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":"uMAQgBA,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/mocked_classnames/src/components/Box/Box.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-1ea68be2c9b7_3_70_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 {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-1ea68be2c9b7_3_70_2";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 {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type ~~SubIcon, type~~ VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"~~0UAyCA~~,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}
1	+ {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UA0CA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
+var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type ~~SubIcon, type~~ VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"~~wcA4CA~~,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
1	+ {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA6CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper"};!function(e){const n="s_id-fc5ae89c4b65_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper"};!function(e){const n="s_id-fc5ae89c4b65_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,r.className),id:d,"data-testid":p||s(a.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
+import t from"react";import a from"classnames";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../packages/icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:a(o.breadcrumbsBar,r.className),id:d,"data-testid":p||e(s.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(a,e){return t.isValidElement(a)?[e>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(a,Object.assign(Object.assign({},null==a?void 0:a.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"~~meAyBA~~,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"4eAyBA,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_70_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as i,useRef as r,useState as s,useCallback as l,useMemo as a,useEffect as n}from"react";import{camelCase as u}from"es-toolkit";import d from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as h}from"../../tests/testIds.js";import{ComponentDefaultTestId as y,ComponentVibeId as B}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,C=i.name,T=void 0===C?"":C,g=i.disabled,N=void 0!==g&&g,P=i.value,x=void 0===P?"":P,M=i.onSelect,O=i.size,S=void 0===O?"small":O,U=i.kind,D=void 0===U?"secondary":U,W=i.groupAriaLabel,z=void 0===W?"":W,E=i.tooltipPosition,G=i.tooltipHideDelay,H=i.tooltipShowDelay,I=i.tooltipContainerSelector,_=i.tooltipMoveBy,w=i.blurOnMouseUp,A=void 0===w||w,L=i.id,R=i["data-testid"],F=i.fullWidth,q=void 0!==F&&F,J=r(),K=f(m,J),Q=s(x),V=t(Q,2),X=V[0],Y=V[1],Z=c(x),$=l((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,T))}),[M,N,T]),tt=function(t){return(null==t?void 0:t.value)===X},ot=a((function(){return k.find((function(t){return tt(t)}))}),[k,X]),et=a((function(){return k.map((function(t,i){var r=tt(t),s=0===i,l=i===k.length-1,a=tt(k[i+1]);return e.createElement(v,{key:t.value,size:S,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:E,tooltipHideDelay:G,tooltipShowDelay:H,tooltipContainerSelector:I,tooltipMoveBy:_,blurOnMouseUp:A,fullWidth:q,className:d(j.button,j.optionText,o(o(o(o(o(o({},j.selected,r),j.disabled,N),j.buttonDisabled,t.disabled),j.fullWidth,q),j.startBorder,s),j.endBorder,l||!a)),activeButtonClassName:j.activeButton},t.text)}))}),[k,X,S,E,G,H,I,_,A,N,q,$]);return n((function(){x!==Z&&x!==X&&Y(x)}),[x,Z,X,Y]),e.createElement("div",{className:d(j.buttonGroup,b,p(j,u("kind-"+D)),o({},j.disabled,N)),id:L,"data-testid":R||h(y.BUTTON_GROUP,L),"data-vibe":B.BUTTON_GROUP,ref:K},e.createElement("div",{role:"group","aria-label":z,className:d(j.buttonsContainer,o({},j.fullWidth,q)),"aria-disabled":N},et),ot&&ot.subText&&e.createElement("div",{className:d(j.subTextContainer)},ot.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
+import{slicedToArray as t,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as i,useRef as r,useState as s,useCallback as l,useMemo as n,useEffect as a}from"react";import{camelCase as u}from"es-toolkit";import d from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../../hooks/usePrevious/index.js";import c from"../../hooks/useMergeRef.js";import{ButtonWrapper as f}from"./ButtonWrapper.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as b}from"../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as y}from"../../tests/constants.js";import B from"./ButtonGroup.module.scss.js";import j from"../../../components/button/dist/Button/Button.js";var k=v(i((function(i,v){var j=i.className,k=i.options,C=i.name,T=void 0===C?"":C,g=i.disabled,N=void 0!==g&&g,P=i.value,x=void 0===P?"":P,M=i.onSelect,O=i.size,S=void 0===O?"small":O,U=i.kind,D=void 0===U?"secondary":U,W=i.groupAriaLabel,z=void 0===W?"":W,E=i.tooltipPosition,G=i.tooltipHideDelay,H=i.tooltipShowDelay,I=i.tooltipContainerSelector,_=i.tooltipMoveBy,w=i.blurOnMouseUp,A=void 0===w||w,L=i.id,R=i["data-testid"],F=i.fullWidth,q=void 0!==F&&F,J=r(),K=c(v,J),Q=s(x),V=t(Q,2),X=V[0],Y=V[1],Z=m(x),$=l((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,T))}),[M,N,T]),tt=function(t){return(null==t?void 0:t.value)===X},ot=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),et=n((function(){return k.map((function(t,i){var r=tt(t),s=0===i,l=i===k.length-1,n=tt(k[i+1]);return e.createElement(f,{key:t.value,size:S,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:E,tooltipHideDelay:G,tooltipShowDelay:H,tooltipContainerSelector:I,tooltipMoveBy:_,blurOnMouseUp:A,fullWidth:q,className:d(B.button,B.optionText,o(o(o(o(o(o({},B.selected,r),B.disabled,N),B.buttonDisabled,t.disabled),B.fullWidth,q),B.startBorder,s),B.endBorder,l||!n)),activeButtonClassName:B.activeButton},t.text)}))}),[k,X,S,E,G,H,I,_,A,N,q,$]);return a((function(){x!==Z&&x!==X&&Y(x)}),[x,Z,X,Y]),e.createElement("div",{className:d(B.buttonGroup,j,p(B,u("kind-"+D)),o({},B.disabled,N)),id:L,"data-testid":R||b(h.BUTTON_GROUP,L),"data-vibe":y.BUTTON_GROUP,ref:K},e.createElement("div",{role:"group","aria-label":z,className:d(B.buttonsContainer,o({},B.fullWidth,q)),"aria-disabled":N},et),ot&&ot.subText&&e.createElement("div",{className:d(B.subTextContainer)},ot.subText))})),{sizes:j.sizes,kinds:j.kinds});export{k as default};
 //# sourceMappingURL=ButtonGroup.js.map