npm - @vibe/core - Versions diffs - 3.35.0 → 3.36.0 - Mend

@vibe/core 3.35.0 → 3.36.0

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

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

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

package/dist/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 \"lodash-es\";\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 { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n src?: string;\n type?: AvatarType;\n size?: AvatarSize;\n role?: ~~string;\~~n ~~ariaLabel~~?: string;\n /** we ~~support~~ ~~two~~ ~~types~~ of ~~icons~~ - ~~SVG~~ ~~and~~ ~~FONT~~ ~~(classname)~~ so ~~this~~ ~~prop~~ is ~~either~~ ~~the~~ ~~name~~ of ~~the~~ ~~icon~~ or the ~~component~~ */\n ~~icon~~?: ~~SubIcon~~;\n ~~textClassName?:~~ ~~string;\~~n text?: string;\n}\n\nexport const AvatarContent: React.FC<AvatarContentProps> & {\n sizes?: typeof AvatarSizeEnum;\n types?: typeof AvatarTypeEnum;\n} = ({\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\nObject.assign(AvatarContent, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum\n});\n"],"names":["AvatarContent","_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","Object","assign","types","AvatarTypeEnum","sizes","AvatarSizeEnum"],"mappings":"~~6XAuBaA~~,EAGT,SAHsBC,GAcD,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,EAEAsB,OAAOC,OAAO7B,EAAe,CAC3B8B,MAAOC,EACPC,MAAOC"}
1	+ {"version":3,"file":"AvatarContent.js","sources":["../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps } 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\nexport const AvatarContent: React.FC<AvatarContentProps> & {\n sizes?: typeof AvatarSizeEnum;\n types?: typeof AvatarTypeEnum;\n} = ({\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\nObject.assign(AvatarContent, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum\n});\n"],"names":["AvatarContent","_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","Object","assign","types","AvatarTypeEnum","sizes","AvatarSizeEnum"],"mappings":"6XA8CaA,EAGT,SAHsBC,GAcD,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,EAEAsB,OAAOC,OAAO7B,EAAe,CAC3B8B,MAAOC,EACPC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_f527c429b2",contentText:"contentText_a5463db083",contentTextLarge:"contentTextLarge_2a2b1e6064",contentTextMedium:"contentTextMedium_09eac6ef8f",contentTextSmall:"contentTextSmall_6b5028c9d8",contentTextXs:"contentTextXs_5d2f4787ce",contentIconLarge:"contentIconLarge_a8e9594683",contentIconMedium:"contentIconMedium_74820f1b25",contentIconSmall:"contentIconSmall_35d7054f00"};!function(n){const t="s_id-50188146c7c7_3_34_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_f527c429b2 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_a5463db083 {\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_2a2b1e6064 {\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_09eac6ef8f {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_6b5028c9d8 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_5d2f4787ce {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_a8e9594683 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_74820f1b25 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_35d7054f00 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_14bd160efd",contentText:"contentText_c9c691ef7b",contentTextLarge:"contentTextLarge_ace696bd1a",contentTextMedium:"contentTextMedium_6eccb3bffb",contentTextSmall:"contentTextSmall_508ccd787c",contentTextXs:"contentTextXs_2384a52b32",contentIconLarge:"contentIconLarge_6df9d54fb4",contentIconMedium:"contentIconMedium_f2d5bf1100",contentIconSmall:"contentIconSmall_eb4ab0afb6"};!function(n){const t="s_id-50188146c7c7_3_35_0";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_14bd160efd {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_c9c691ef7b {\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_ace696bd1a {\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_6eccb3bffb {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_508ccd787c {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_2384a52b32 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_6df9d54fb4 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_f2d5bf1100 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_eb4ab0afb6 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n avatarClassName?: string;\n /*\n ~~Array~~ of ~~`Avatar`~~ ~~components\~~n /\n children?: ReactElement<AvatarProps> \| ReactElement<AvatarProps>[];\n size?: AvatarSize;\n type?: ~~AvatarType;\~~n ~~max~~?: ~~number~~;\n /\n 4 ~~`Counter.props`~~ ~~for~~ ~~customization~~ + ~~ariaLabelItemsName~~ ~~for~~ ~~specifying~~ ~~the~~ ~~\"items\"~~ ~~name~~ in ~~aria~~ ~~label\~~n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](/?path=/docs/components-tooltip--docs).\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n ~~Using~~ counter ~~default~~ tooltip virtualized list for ~~rendering only visible items (~~performance optimization)\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n If true, the component ~~will~~ be disabled and non interactive\n */\n disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n className,\n avatarClassName,\n id,\n children,\n size,\n type,\n max = 5,\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n disabled\n}) => {\n const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n if (!children) {\n return {};\n }\n const childrenArray = Array.isArray(children) ? children : [children];\n return {\n displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n return React.cloneElement(avatar, {\n key: index,\n ...avatar?.props,\n size: size \|\| avatar?.props?.size,\n type: type \|\| avatar?.props?.type,\n className: cx(styles.avatarContainer, avatarClassName),\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n disabled\n });\n }),\n counterTooltipAvatars: childrenArray.slice(max)\n };\n }, [avatarClassName, children, disabled, max, size, type]);\n\n if (!children) {\n return null;\n }\n\n return (\n <div className={cx(styles.avatarGroupContainer, className)} id={id}>\n {displayAvatars}\n <AvatarGroupCounter\n counterTooltipAvatars={counterTooltipAvatars}\n counterProps={counterProps}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n size={size}\n type={type}\n disabled={disabled}\n />\n </div>\n );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","AvatarGroupCounter"],"mappings":"~~uMAsCA~~,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAAa,cAAA,MAAA,CAAKpC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,GAC7DgB,EACDK,EAAAa,cAACE,EAAkB,CACjBH,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}
1	+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n /*\n Class name applied to each avatar.\n /\n avatarClassName?: string;\n /\n The avatars displayed in the group.\n /\n children?: ReactElement<AvatarProps> \| ReactElement<AvatarProps>[];\n /\n The size of the avatars in the group.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the group.\n /\n type?: AvatarType;\n /\n The maximum number of avatars displayed before showing a counter.\n /\n max?: number;\n /\n Props for customizing the counter display.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n If true, the component is disabled and non-interactive.\n */\n disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n className,\n avatarClassName,\n id,\n children,\n size,\n type,\n max = 5,\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n disabled\n}) => {\n const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n if (!children) {\n return {};\n }\n const childrenArray = Array.isArray(children) ? children : [children];\n return {\n displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n return React.cloneElement(avatar, {\n key: index,\n ...avatar?.props,\n size: size \|\| avatar?.props?.size,\n type: type \|\| avatar?.props?.type,\n className: cx(styles.avatarContainer, avatarClassName),\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n disabled\n });\n }),\n counterTooltipAvatars: childrenArray.slice(max)\n };\n }, [avatarClassName, children, disabled, max, size, type]);\n\n if (!children) {\n return null;\n }\n\n return (\n <div className={cx(styles.avatarGroupContainer, className)} id={id}>\n {displayAvatars}\n <AvatarGroupCounter\n counterTooltipAvatars={counterTooltipAvatars}\n counterProps={counterProps}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n size={size}\n type={type}\n disabled={disabled}\n />\n </div>\n );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","AvatarGroupCounter"],"mappings":"uMAkDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAAa,cAAA,MAAA,CAAKpC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,GAC7DgB,EACDK,EAAAa,cAACE,EAAkB,CACjBH,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n ~~Array~~ of ~~Avatar~~ ~~elements\~~n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n ~~AvatarGroupCounterVisualProps:~~ ~~props~~ for counter\n /\n counterProps?: AvatarGroupCounterVisualProps;\n counterTooltipCustomProps?: Partial<TooltipProps>;\n counterTooltipIsVirtualizedList?: boolean;\n size?: AvatarSize;\n type?: AvatarType;\n counterAriaLabel?: string;\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.ariaLabel,\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n ariaLabel: \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"~~unBAkCA~~,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACXsB,UAAWtC,mBAAmCuC,OAAmBpB,GACjEC,YAAaA,EACboB,iBAAkBC,EAAEC,EAAA,CAAA,EAAIf,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO6C,GAGnC,GAAG,CACD3C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAQ,IAAKZ,EACLa,UAAWJ,EAAGd,EAAOmB,iBAAkBnB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBsD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEhB,EAACC,cAAAgB,GACCC,UAAWpB,EACXqB,OAAQ,EACRT,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDU,UAAWtC,GAAmCuC,GAAAA,OAAM9B,EAAY8B,gBAAAA,OAAepB,GAC/EE,wBAAyBA,GAEzBc,EAAAC,cAACmB,EAAI,CAACC,GAAG,OAAO1D,KAAMyD,EAAKE,MAAMC,OAAQb,UAAWlB,EAAOgC,KAAMC,sBAAuB,GACrFnE,EAAsBoE,KAAI,SAACC,EAAQC,eAClC,OAEE5B,EAACC,cAAA4B,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdjB,EAAAa,EAAOZ,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaO,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOZ,aAAO,IAAAoB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAqC,QAAfC,EAAAX,aAAM,EAANA,EAAQZ,aAAO,IAAAuB,OAAA,EAAAA,EAAAnC,WACzEa,QAAS,SAACuB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOZ,MAAM,GAEhG0B,2CACKd,EAAOZ,OACV,CAAA2B,WAAYC,EACZxC,UAAW,GACXf,UAAW,KAIlB,MAOPY,EAAAC,cAAC2C,EAAkC,CACjClD,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrBgD,QAASvF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGqB,IAAKf,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVqB,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDgB,IAAKZ,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGqB,IAAKb,MAnErB,IAuEX"}
1	+ {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n The list of avatars hidden behind the counter.\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n Props for customizing the counter appearance.\n /\n counterProps?: AvatarGroupCounterVisualProps;\n /\n Props for customizing the counter tooltip.\n /\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /\n If true, the counter tooltip uses a virtualized list for performance optimization.\n /\n counterTooltipIsVirtualizedList?: boolean;\n /\n The size of the counter.\n /\n size?: AvatarSize;\n /\n The type of the avatars in the counter.\n /\n type?: AvatarType;\n /\n The label of the counter for accessibility.\n /\n counterAriaLabel?: string;\n /\n If true, the counter is disabled and non-interactive.\n /\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.ariaLabel,\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n ariaLabel: \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"unBAoDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACXsB,UAAWtC,mBAAmCuC,OAAmBpB,GACjEC,YAAaA,EACboB,iBAAkBC,EAAEC,EAAA,CAAA,EAAIf,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO6C,GAGnC,GAAG,CACD3C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAQ,IAAKZ,EACLa,UAAWJ,EAAGd,EAAOmB,iBAAkBnB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBsD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEhB,EAACC,cAAAgB,GACCC,UAAWpB,EACXqB,OAAQ,EACRT,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDU,UAAWtC,GAAmCuC,GAAAA,OAAM9B,EAAY8B,gBAAAA,OAAepB,GAC/EE,wBAAyBA,GAEzBc,EAAAC,cAACmB,EAAI,CAACC,GAAG,OAAO1D,KAAMyD,EAAKE,MAAMC,OAAQb,UAAWlB,EAAOgC,KAAMC,sBAAuB,GACrFnE,EAAsBoE,KAAI,SAACC,EAAQC,eAClC,OAEE5B,EAACC,cAAA4B,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdjB,EAAAa,EAAOZ,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaO,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOZ,aAAO,IAAAoB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAqC,QAAfC,EAAAX,aAAM,EAANA,EAAQZ,aAAO,IAAAuB,OAAA,EAAAA,EAAAnC,WACzEa,QAAS,SAACuB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOZ,MAAM,GAEhG0B,2CACKd,EAAOZ,OACV,CAAA2B,WAAYC,EACZxC,UAAW,GACXf,UAAW,KAIlB,MAOPY,EAAAC,cAAC2C,EAAkC,CACjClD,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrBgD,QAASvF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGqB,IAAKf,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVqB,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDgB,IAAKZ,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGqB,IAAKb,MAnErB,IAuEX"}

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_8370a63a8b","focus-visible":"focus-visible_01bb4b7c42",xs:"xs_bb94b6c82c",small:"small_5e753c2eb7",medium:"medium_ae69c7f63d",large:"large_915964a1fb",primary:"primary_1c70ce56a5",dark:"dark_3418a263ac",negative:"negative_e960f7375d",light:"light_d9c4e1593f",disabled:"disabled_2bb2284e8c",menu:"menu_4fb253a336"};!function(n){const e="s_id-6c7433759f1e_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_8370a63a8b {\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_8370a63a8b:focus-visible, .counterContainer_8370a63a8b.focus-visible_01bb4b7c42 {\n  outline: none;\n}\n.counterContainer_8370a63a8b:focus-visible:focus-visible, .counterContainer_8370a63a8b:focus-visible.focus-visible_01bb4b7c42, .counterContainer_8370a63a8b.focus-visible_01bb4b7c42:focus-visible, .counterContainer_8370a63a8b.focus-visible_01bb4b7c42.focus-visible_01bb4b7c42 {\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_8370a63a8b:focus-visible:focus:not(.focus-visible_01bb4b7c42), .counterContainer_8370a63a8b.focus-visible_01bb4b7c42:focus:not(.focus-visible_01bb4b7c42) {\n  outline: none;\n}\n.counterContainer_8370a63a8b.xs_bb94b6c82c {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_8370a63a8b.small_5e753c2eb7 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_8370a63a8b.medium_ae69c7f63d {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_8370a63a8b.large_915964a1fb {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_8370a63a8b.primary_1c70ce56a5 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_8370a63a8b.dark_3418a263ac {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_8370a63a8b.negative_e960f7375d {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_8370a63a8b.light_d9c4e1593f {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_8370a63a8b .disabled_2bb2284e8c, .counterContainer_8370a63a8b.disabled_2bb2284e8c {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_4fb253a336 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_4fb253a336::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_4fb253a336::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var e={counterContainer:"counterContainer_c51e74ae55","focus-visible":"focus-visible_3e7d9937f3",xs:"xs_a1606a801e",small:"small_369b538bba",medium:"medium_39d2654982",large:"large_e5cb51c7f5",primary:"primary_878b08ddf1",dark:"dark_25ba0f88dc",negative:"negative_97feecdff5",light:"light_fc768d721f",disabled:"disabled_01547ad2d2",menu:"menu_833ddcee28"};!function(e){const n="s_id-6c7433759f1e_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".counterContainer_c51e74ae55 {\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_c51e74ae55:focus-visible, .counterContainer_c51e74ae55.focus-visible_3e7d9937f3 {\n  outline: none;\n}\n.counterContainer_c51e74ae55:focus-visible:focus-visible, .counterContainer_c51e74ae55:focus-visible.focus-visible_3e7d9937f3, .counterContainer_c51e74ae55.focus-visible_3e7d9937f3:focus-visible, .counterContainer_c51e74ae55.focus-visible_3e7d9937f3.focus-visible_3e7d9937f3 {\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_c51e74ae55:focus-visible:focus:not(.focus-visible_3e7d9937f3), .counterContainer_c51e74ae55.focus-visible_3e7d9937f3:focus:not(.focus-visible_3e7d9937f3) {\n  outline: none;\n}\n.counterContainer_c51e74ae55.xs_a1606a801e {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_c51e74ae55.small_369b538bba {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_c51e74ae55.medium_39d2654982 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_c51e74ae55.large_e5cb51c7f5 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_c51e74ae55.primary_878b08ddf1 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_c51e74ae55.dark_25ba0f88dc {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_c51e74ae55.negative_97feecdff5 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_c51e74ae55.light_fc768d721f {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_c51e74ae55 .disabled_01547ad2d2, .counterContainer_c51e74ae55.disabled_01547ad2d2 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_833ddcee28 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_833ddcee28::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_833ddcee28::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_5a52fdc92c",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_1a306ad40f",tooltipContainer:"tooltipContainer_545b351659","focus-visible":"focus-visible_01bb4b7c42",tooltipGridContainer:"tooltipGridContainer_d401a56a15",scrollableContainer:"scrollableContainer_8353bef50e"};!function(t){const e="s_id-6cc986178da6_3_34_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_5a52fdc92c {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_1a306ad40f {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_545b351659 {\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_545b351659:focus, .tooltipContainer_545b351659:focus-visible, .tooltipContainer_545b351659.focus-visible_01bb4b7c42 {\n  outline: none;\n}\n\n.tooltipGridContainer_d401a56a15 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_8353bef50e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_8353bef50e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_25ddc062f6",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_16c6e60896",tooltipContainer:"tooltipContainer_1a24b946c0","focus-visible":"focus-visible_3e7d9937f3",tooltipGridContainer:"tooltipGridContainer_1d812923d8",scrollableContainer:"scrollableContainer_1f9d845f6a"};!function(t){const e="s_id-6cc986178da6_3_35_0";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_25ddc062f6 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_16c6e60896 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_1a24b946c0 {\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_1a24b946c0:focus, .tooltipContainer_1a24b946c0:focus-visible, .tooltipContainer_1a24b946c0.focus-visible_3e7d9937f3 {\n  outline: none;\n}\n\n.tooltipGridContainer_1d812923d8 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_1f9d845f6a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_1f9d845f6a::-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/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_abc4db3fba",virtualizedTooltipContainer:"virtualizedTooltipContainer_73b0c8998e","focus-visible":"focus-visible_01bb4b7c42"};!function(e){const i="s_id-13c8e71f272d_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_abc4db3fba::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_abc4db3fba::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_73b0c8998e {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_73b0c8998e:focus, .virtualizedTooltipContainer_73b0c8998e:focus-visible, .virtualizedTooltipContainer_73b0c8998e.focus-visible_01bb4b7c42 {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_3ea3e7bdb8",virtualizedTooltipContainer:"virtualizedTooltipContainer_904a69a5ee","focus-visible":"focus-visible_3e7d9937f3"};!function(e){const i="s_id-13c8e71f272d_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_3ea3e7bdb8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3ea3e7bdb8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_904a69a5ee {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_904a69a5ee:focus, .virtualizedTooltipContainer_904a69a5ee:focus-visible, .virtualizedTooltipContainer_904a69a5ee.focus-visible_3e7d9937f3 {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n color?: IndicatorColor;\n}\n\nconst Indicator: React.FC<IndicatorProps> & { colors?: typeof IndicatorColorEnum } = ({\n color = \"notification\",\n className,\n id,\n \"data-testid\": dataTestId\n}: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\nIndicator.colors = IndicatorColorEnum;\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"~~6QAaA~~,IAAMA,EAA+E,SAAtEC,GAKM,IAAAC,EAAAD,EAJnBE,MAEAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAEA,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAP5B,IAAHR,EAAG,eAAcA,GACbD,EAATO,WAOiB,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,EAEAJ,EAAUe,OAASC"}
1	+ {"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n /*\n The color of the indicator.\n */\n color?: IndicatorColor;\n}\n\nconst Indicator: React.FC<IndicatorProps> & { colors?: typeof IndicatorColorEnum } = ({\n color = \"notification\",\n className,\n id,\n \"data-testid\": dataTestId\n}: IndicatorProps) => {\n return (\n <div\n className={cx(styles.indicator, styles[color], className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INDICATOR, id)}\n />\n );\n};\n\nIndicator.colors = IndicatorColorEnum;\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"6QAgBA,IAAMA,EAA+E,SAAtEC,GAKM,IAAAC,EAAAD,EAJnBE,MAEAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAEA,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAP5B,IAAHR,EAAG,eAAcA,GACbD,EAATO,WAOiB,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,EAEAJ,EAAUe,OAASC"}

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_f9883a12fd",primary:"primary_7c8667f66e",notification:"notification_447abefc13"};!function(e){const i="s_id-d6448d74722f_3_34_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_f9883a12fd {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_f9883a12fd.primary_7c8667f66e {\n  background-color: var(--primary-color);\n}\n.indicator_f9883a12fd.notification_447abefc13 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_8e9cc85473",primary:"primary_3f157c15ac",notification:"notification_435dbf5ce4"};!function(e){const i="s_id-d6448d74722f_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const c=document.createElement("style");c.id=i,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_8e9cc85473 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_8e9cc85473.primary_3f157c15ac {\n  background-color: var(--primary-color);\n}\n.indicator_8e9cc85473.notification_435dbf5ce4 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n BackgroundColor as BackgroundColorEnum,\n BorderColor as BorderColorEnum,\n BoxTextColor as BoxTextColorEnum,\n Margin as MarginEnum,\n MarginBottom as MarginBottomEnum,\n MarginEnd as MarginEndEnum,\n MarginStart as MarginStartEnum,\n MarginTop as MarginTopEnum,\n MarginX as MarginXEnum,\n MarginY as MarginYEnum,\n Padding as PaddingEnum,\n PaddingBottom as PaddingBottomEnum,\n PaddingEnd as PaddingEndEnum,\n PaddingStart as PaddingStartEnum,\n PaddingTop as PaddingTopEnum,\n PaddingX as PaddingXEnum,\n PaddingY as PaddingYEnum,\n Rounded as RoundedEnum,\n Shadow as ShadowEnum,\n SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponent, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\n\nexport interface BoxProps extends VibeComponentProps {\n elementType?: keyof JSX.IntrinsicElements \| string;\n children?: ElementContent;\n disabled?: boolean;\n border?: boolean;\n borderColor?: BorderColor;\n rounded?: RoundedSize;\n shadow?: Shadow;\n margin?: BoxSize;\n marginX?: BoxSize;\n marginY?: BoxSize;\n marginTop?: BoxSize;\n marginEnd?: BoxSize;\n marginBottom?: BaseBoxSize;\n marginStart?: BaseBoxSize;\n padding?: BaseBoxSize;\n paddingX?: BaseBoxSize;\n paddingY?: BaseBoxSize;\n paddingTop?: BaseBoxSize;\n paddingEnd?: BaseBoxSize;\n paddingBottom?: BaseBoxSize;\n paddingStart?: BaseBoxSize;\n backgroundColor?: BackgroundColor;\n textColor?: BoxTextColor;\n scrollable?: boolean;\n style?: React.CSSProperties;\n}\n\nconst Box: VibeComponent<BoxProps> & {\n borderColors?: typeof BorderColorEnum;\n roundeds?: typeof RoundedEnum;\n shadows?: typeof ShadowEnum;\n margins?: typeof MarginEnum;\n marginXs?: typeof MarginXEnum;\n marginYs?: typeof MarginYEnum;\n marginTops?: typeof MarginTopEnum;\n marginEnds?: typeof MarginEndEnum;\n marginBottoms?: typeof MarginBottomEnum;\n marginStarts?: typeof MarginStartEnum;\n paddings?: typeof PaddingEnum;\n paddingXs?: typeof PaddingXEnum;\n paddingYs?: typeof PaddingYEnum;\n paddingTops?: typeof PaddingTopEnum;\n paddingEnds?: typeof PaddingEndEnum;\n paddingBottoms?: typeof PaddingBottomEnum;\n paddingStarts?: typeof PaddingStartEnum;\n backgroundColors?: typeof BackgroundColorEnum;\n textColors?: typeof BoxTextColorEnum;\n} = forwardRef(\n ({ className, id, elementType = \"div\", children, disabled, border, scrollable, style, ...props }: BoxProps, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const getClassNames = (styles: Record<string, string>, props: Record<string, any \| undefined>) => {\n return Object.keys(props)\n .filter(prop => props[prop])\n .map(prop => {\n const value = props[prop];\n const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n })\n .filter(Boolean);\n };\n\n return React.createElement(\n elementType,\n {\n ref: mergedRef,\n className: cx(\n styles.box,\n className,\n { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n ...getClassNames(styles, props)\n ),\n id: id,\n style\n },\n children\n );\n }\n);\n\nexport default withStaticProps(Box, {\n borderColors: BorderColorEnum,\n roundeds: RoundedEnum,\n shadows: ShadowEnum,\n margins: MarginEnum,\n marginXs: MarginXEnum,\n marginYs: MarginYEnum,\n marginTops: MarginTopEnum,\n marginEnds: MarginEndEnum,\n marginBottoms: MarginBottomEnum,\n marginStarts: MarginStartEnum,\n paddings: PaddingEnum,\n paddingXs: PaddingXEnum,\n paddingYs: PaddingYEnum,\n paddingTops: PaddingTopEnum,\n paddingEnds: PaddingEndEnum,\n paddingBottoms: PaddingBottomEnum,\n paddingStarts: PaddingStartEnum,\n backgroundColors: BackgroundColorEnum,\n textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"~~gyBA0DA~~,IAsDeA,EAAAA,EAlCXC,GACF,SAACC,EAA2GC,OAAzGC,IAAAA,UAAWC,IAAAA,GAAEC,IAAEC,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAEE,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,WAAYC,IAAAA,MAAUC,EAAxFC,EAAAZ,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,UACOa,EAAeC,EAAO,MACtBC,EAAYC,EAAYf,EAAKY,GAanC,OAAOI,EAAMC,cACXb,EACA,CACEJ,IAAKc,EACLb,UAAWiB,EAAEC,cACXC,EAAOC,IACPpB,EAASqB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBjB,GAAWc,EAAOZ,WAAaA,GAAaY,EAAOb,OAASA,IAAMiB,OAAAC,EAlB9E,SAACL,EAAgCV,GACrD,OAAOgB,OAAOC,KAAKjB,GAChBkB,QAAO,SAAAC,GAAI,OAAInB,EAAMmB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQrB,EAAMmB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAWHC,CAAchB,EAAQV,MAE3BR,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAGkC,CAClCgC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}
1	+ {"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n BackgroundColor as BackgroundColorEnum,\n BorderColor as BorderColorEnum,\n BoxTextColor as BoxTextColorEnum,\n Margin as MarginEnum,\n MarginBottom as MarginBottomEnum,\n MarginEnd as MarginEndEnum,\n MarginStart as MarginStartEnum,\n MarginTop as MarginTopEnum,\n MarginX as MarginXEnum,\n MarginY as MarginYEnum,\n Padding as PaddingEnum,\n PaddingBottom as PaddingBottomEnum,\n PaddingEnd as PaddingEndEnum,\n PaddingStart as PaddingStartEnum,\n PaddingTop as PaddingTopEnum,\n PaddingX as PaddingXEnum,\n PaddingY as PaddingYEnum,\n Rounded as RoundedEnum,\n Shadow as ShadowEnum,\n SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponent, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\n\nexport interface BoxProps extends VibeComponentProps {\n /*\n The HTML element or custom component used as the root.\n /\n elementType?: keyof JSX.IntrinsicElements \| string;\n /\n The content inside the box.\n /\n children?: ElementContent;\n /\n If true, the box is disabled.\n /\n disabled?: boolean;\n /\n If true, applies a border to the box.\n /\n border?: boolean;\n /\n The color of the border.\n /\n borderColor?: BorderColor;\n /\n The border radius of the box.\n /\n rounded?: RoundedSize;\n /\n The shadow style applied to the box.\n /\n shadow?: Shadow;\n /\n The margin applied to all sides.\n /\n margin?: BoxSize;\n /\n The horizontal margin.\n /\n marginX?: BoxSize;\n /\n The vertical margin.\n /\n marginY?: BoxSize;\n /\n The top margin.\n /\n marginTop?: BoxSize;\n /\n The end (right in LTR, left in RTL) margin.\n /\n marginEnd?: BoxSize;\n /\n The bottom margin.\n /\n marginBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) margin.\n /\n marginStart?: BaseBoxSize;\n /\n The padding applied to all sides.\n /\n padding?: BaseBoxSize;\n /\n The horizontal padding.\n /\n paddingX?: BaseBoxSize;\n /\n The vertical padding.\n /\n paddingY?: BaseBoxSize;\n /\n The top padding.\n /\n paddingTop?: BaseBoxSize;\n /\n The end (right in LTR, left in RTL) padding.\n /\n paddingEnd?: BaseBoxSize;\n /\n The bottom padding.\n /\n paddingBottom?: BaseBoxSize;\n /\n The start (left in LTR, right in RTL) padding.\n /\n paddingStart?: BaseBoxSize;\n /\n The background color of the box.\n /\n backgroundColor?: BackgroundColor;\n /\n The text color inside the box.\n /\n textColor?: BoxTextColor;\n /\n If true, the box content is scrollable.\n /\n scrollable?: boolean;\n /\n Inline styles applied to the box.\n */\n style?: React.CSSProperties;\n}\n\nconst Box: VibeComponent<BoxProps> & {\n borderColors?: typeof BorderColorEnum;\n roundeds?: typeof RoundedEnum;\n shadows?: typeof ShadowEnum;\n margins?: typeof MarginEnum;\n marginXs?: typeof MarginXEnum;\n marginYs?: typeof MarginYEnum;\n marginTops?: typeof MarginTopEnum;\n marginEnds?: typeof MarginEndEnum;\n marginBottoms?: typeof MarginBottomEnum;\n marginStarts?: typeof MarginStartEnum;\n paddings?: typeof PaddingEnum;\n paddingXs?: typeof PaddingXEnum;\n paddingYs?: typeof PaddingYEnum;\n paddingTops?: typeof PaddingTopEnum;\n paddingEnds?: typeof PaddingEndEnum;\n paddingBottoms?: typeof PaddingBottomEnum;\n paddingStarts?: typeof PaddingStartEnum;\n backgroundColors?: typeof BackgroundColorEnum;\n textColors?: typeof BoxTextColorEnum;\n} = forwardRef(\n ({ className, id, elementType = \"div\", children, disabled, border, scrollable, style, ...props }: BoxProps, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const getClassNames = (styles: Record<string, string>, props: Record<string, any \| undefined>) => {\n return Object.keys(props)\n .filter(prop => props[prop])\n .map(prop => {\n const value = props[prop];\n const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n })\n .filter(Boolean);\n };\n\n return React.createElement(\n elementType,\n {\n ref: mergedRef,\n className: cx(\n styles.box,\n className,\n { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n ...getClassNames(styles, props)\n ),\n id: id,\n style\n },\n children\n );\n }\n);\n\nexport default withStaticProps(Box, {\n borderColors: BorderColorEnum,\n roundeds: RoundedEnum,\n shadows: ShadowEnum,\n margins: MarginEnum,\n marginXs: MarginXEnum,\n marginYs: MarginYEnum,\n marginTops: MarginTopEnum,\n marginEnds: MarginEndEnum,\n marginBottoms: MarginBottomEnum,\n marginStarts: MarginStartEnum,\n paddings: PaddingEnum,\n paddingXs: PaddingXEnum,\n paddingYs: PaddingYEnum,\n paddingTops: PaddingTopEnum,\n paddingEnds: PaddingEndEnum,\n paddingBottoms: PaddingBottomEnum,\n paddingStarts: PaddingStartEnum,\n backgroundColors: BackgroundColorEnum,\n textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"gyBAqIA,IAsDeA,EAAAA,EAlCXC,GACF,SAACC,EAA2GC,OAAzGC,IAAAA,UAAWC,IAAAA,GAAEC,IAAEC,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAEE,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,WAAYC,IAAAA,MAAUC,EAAxFC,EAAAZ,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,UACOa,EAAeC,EAAO,MACtBC,EAAYC,EAAYf,EAAKY,GAanC,OAAOI,EAAMC,cACXb,EACA,CACEJ,IAAKc,EACLb,UAAWiB,EAAEC,cACXC,EAAOC,IACPpB,EAASqB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBjB,GAAWc,EAAOZ,WAAaA,GAAaY,EAAOb,OAASA,IAAMiB,OAAAC,EAlB9E,SAACL,EAAgCV,GACrD,OAAOgB,OAAOC,KAAKjB,GAChBkB,QAAO,SAAAC,GAAI,OAAInB,EAAMmB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQrB,EAAMmB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAWHC,CAAchB,EAAQV,MAE3BR,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAGkC,CAClCgC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

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

@@ -1,2 +1,2 @@
-var n={box:"box_d6c1b9bc50",scrollable:"scrollable_e5b9723d14",opacityDisabled:"opacityDisabled_04124fe776",border:"border_e64df37e61",borderColorUiBorderColor:"borderColorUiBorderColor_60c74c6868",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_dcc655f293",rounded0:"rounded0_29bc5e09b6",roundedSmall:"roundedSmall_c3ad13305d",roundedMedium:"roundedMedium_801a6d62c5",roundedBig:"roundedBig_515faea1b1",shadowXs:"shadowXs_c483aa97ca",shadowSmall:"shadowSmall_ca76fe8506",shadowMedium:"shadowMedium_1deeb90969",shadowLarge:"shadowLarge_104428f9f5",m0:"m0_73b155013f",mXs:"mXs_c42e9d6d00",mSmall:"mSmall_31793fee48",mMedium:"mMedium_44abda7fe0",mLarge:"mLarge_5aae8c4841",mXl:"mXl_4eef650789",mXxl:"mXxl_fb15ddbc67",mXxxl:"mXxxl_3b3a685acb",mAuto:"mAuto_7a64fec1e8",mx0:"mx0_17a209edde",mxXs:"mxXs_f026f63f72",mxSmall:"mxSmall_b8ed666398",mxMedium:"mxMedium_f171d7b4ea",mxLarge:"mxLarge_cb649c1b76",mxXl:"mxXl_d3b48f54f7",mxXxl:"mxXxl_f3d05012fd",mxXxxl:"mxXxxl_e73cff513b",mxAuto:"mxAuto_4c087d9af0",my0:"my0_7238f4449e",myXs:"myXs_686de5f17a",mySmall:"mySmall_193bc22cf4",myMedium:"myMedium_6a015c9e12",myLarge:"myLarge_c7d49cfcbb",myXl:"myXl_988d79f2fa",myXxl:"myXxl_235f02ecc6",myXxxl:"myXxxl_1269652527",myAuto:"myAuto_ac8bc82cbf",mt0:"mt0_3661586d2d",mtXs:"mtXs_c5a5d4c797",mtSmall:"mtSmall_6ca63e1ad9",mtMedium:"mtMedium_4de666d134",mtLarge:"mtLarge_cf1e26b45b",mtXl:"mtXl_871149a40e",mtXxl:"mtXxl_5c61e93386",mtXxxl:"mtXxxl_3a7bdd0169",mtAuto:"mtAuto_2efef75095",me0:"me0_a97aff80c8",meXs:"meXs_28f83103fc",meSmall:"meSmall_44b4d3de04",meMedium:"meMedium_68b74e511c",meLarge:"meLarge_67f21972d4",meXl:"meXl_404b8d9a5c",meXxl:"meXxl_705e2b790c",meXxxl:"meXxxl_f7aee4a837",meAuto:"meAuto_fbb428a032",mb0:"mb0_e87d6bde09",mbXs:"mbXs_6aa1c4a4c8",mbSmall:"mbSmall_55484069f1",mbMedium:"mbMedium_dc2d22aa2e",mbLarge:"mbLarge_d0fde94505",mbXl:"mbXl_a574ad8059",mbXxl:"mbXxl_9ca6c6e7c2",mbXxxl:"mbXxxl_8bc32be416",mbAuto:"mbAuto_5e9db649e3",ms0:"ms0_584dc9a755",msXs:"msXs_61d1b74e30",msSmall:"msSmall_05833b7956",msMedium:"msMedium_3ba13a9c71",msLarge:"msLarge_305524e9b0",msXl:"msXl_d129411863",msXxl:"msXxl_7b3786302b",msXxxl:"msXxxl_fe08202733",msAuto:"msAuto_fd387b4cd6",p0:"p0_27a5851251",pXs:"pXs_17d4b89086",pSmall:"pSmall_430e2e9f68",pMedium:"pMedium_f3de90cfb9",pLarge:"pLarge_3944dd7002",pXl:"pXl_e5f17f6902",pXxl:"pXxl_0fca1c1802",pXxxl:"pXxxl_1e0eada6ab",px0:"px0_d6e9986433",pxXs:"pxXs_65c367ea90",pxSmall:"pxSmall_8d057ede5b",pxMedium:"pxMedium_a551de00b2",pxLarge:"pxLarge_79c953009a",pxXl:"pxXl_5b3aa3c4e3",pxXxl:"pxXxl_8016611285",pxXxxl:"pxXxxl_0e5992b1f4",py0:"py0_50436aea10",pyXs:"pyXs_793422e31c",pySmall:"pySmall_22404f731b",pyMedium:"pyMedium_559e70e4b1",pyLarge:"pyLarge_43b555e6d5",pyXl:"pyXl_7ab2e4112d",pyXxl:"pyXxl_1a9f39cbf2",pyXxxl:"pyXxxl_00ec87f99c",pt0:"pt0_150feaca6c",ptXs:"ptXs_79620b06fe",ptSmall:"ptSmall_f711aa8cd4",ptMedium:"ptMedium_879b5ff750",ptLarge:"ptLarge_7bceb568b6",ptXl:"ptXl_54bf3a2985",ptXxl:"ptXxl_b82cc0254d",ptXxxl:"ptXxxl_17997a66ae",pe0:"pe0_c76a308374",peXs:"peXs_90af9fef87",peSmall:"peSmall_895a0712a2",peMedium:"peMedium_f5664f03b2",peLarge:"peLarge_bf580b1196",peXl:"peXl_4d2d68286a",peXxl:"peXxl_ba23e85dd7",peXxxl:"peXxxl_7f4177fb2d",pb0:"pb0_9e8b90cd06",pbXs:"pbXs_7ff16d260c",pbSmall:"pbSmall_897380e583",pbMedium:"pbMedium_fde734559c",pbLarge:"pbLarge_d4b888f4ec",pbXl:"pbXl_307d87ebbe",pbXxl:"pbXxl_10160306f8",pbXxxl:"pbXxxl_fbd498aa6f",ps0:"ps0_51c16c6742",psXs:"psXs_cb1bc925fa",psSmall:"psSmall_b210090b27",psMedium:"psMedium_be5fdb6ae4",psLarge:"psLarge_c38746f21c",psXl:"psXl_88bc218536",psXxl:"psXxl_56ec7e32a0",psXxxl:"psXxxl_4b75240615",textPrimaryTextColor:"textPrimaryTextColor_0f74189c80",textTextColorOnInverted:"textTextColorOnInverted_2c21a1a4ac",textSecondaryTextColor:"textSecondaryTextColor_ca536cbbba",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_c49c8b4f11",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_d7d6a2856e",bgGreyBackgroundColor:"bgGreyBackgroundColor_e78ac30ad7",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_f6d948f213",bgInvertedColorBackground:"bgInvertedColorBackground_5928702649"};!function(n){const a="s_id-e8ebf0c89fee_3_34_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_d6c1b9bc50 {\n  overflow: hidden;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14 {\n  overflow: auto;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_04124fe776 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_e64df37e61 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_60c74c6868 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_dcc655f293 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_29bc5e09b6 {\n  border-radius: 0 !important;\n}\n.roundedSmall_c3ad13305d {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_801a6d62c5 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_515faea1b1 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_c483aa97ca {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_ca76fe8506 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_1deeb90969 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_104428f9f5 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_73b155013f {\n  margin: 0 !important;\n}\n.mXs_c42e9d6d00 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_31793fee48 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_44abda7fe0 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_5aae8c4841 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_4eef650789 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_fb15ddbc67 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_3b3a685acb {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_7a64fec1e8 {\n  margin: auto !important;\n}\n.mx0_17a209edde {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_f026f63f72 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b8ed666398 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_f171d7b4ea {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_cb649c1b76 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_d3b48f54f7 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f3d05012fd {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_e73cff513b {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_4c087d9af0 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_7238f4449e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_686de5f17a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_193bc22cf4 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_6a015c9e12 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_c7d49cfcbb {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_988d79f2fa {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_235f02ecc6 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_1269652527 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_ac8bc82cbf {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_3661586d2d {\n  margin-top: 0 !important;\n}\n.mtXs_c5a5d4c797 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6ca63e1ad9 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_4de666d134 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cf1e26b45b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_871149a40e {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_5c61e93386 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_3a7bdd0169 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_2efef75095 {\n  margin-top: auto !important;\n}\n.me0_a97aff80c8 {\n  margin-inline-end: 0 !important;\n}\n.meXs_28f83103fc {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_44b4d3de04 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_68b74e511c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_67f21972d4 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_404b8d9a5c {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_705e2b790c {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_f7aee4a837 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_fbb428a032 {\n  margin-inline-end: auto !important;\n}\n.mb0_e87d6bde09 {\n  margin-bottom: 0 !important;\n}\n.mbXs_6aa1c4a4c8 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_55484069f1 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_dc2d22aa2e {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d0fde94505 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_a574ad8059 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_9ca6c6e7c2 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_8bc32be416 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_5e9db649e3 {\n  margin-bottom: auto !important;\n}\n.ms0_584dc9a755 {\n  margin-inline-start: 0 !important;\n}\n.msXs_61d1b74e30 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_05833b7956 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_3ba13a9c71 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_305524e9b0 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_d129411863 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_7b3786302b {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_fe08202733 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_fd387b4cd6 {\n  margin-inline-start: auto !important;\n}\n.p0_27a5851251 {\n  padding: 0 !important;\n}\n.pXs_17d4b89086 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_430e2e9f68 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f3de90cfb9 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_3944dd7002 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_e5f17f6902 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_0fca1c1802 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_1e0eada6ab {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_d6e9986433 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_65c367ea90 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8d057ede5b {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a551de00b2 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_79c953009a {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_5b3aa3c4e3 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_8016611285 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0e5992b1f4 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_50436aea10 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_793422e31c {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_22404f731b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_559e70e4b1 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_43b555e6d5 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_7ab2e4112d {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_1a9f39cbf2 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_00ec87f99c {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_150feaca6c {\n  padding-top: 0 !important;\n}\n.ptXs_79620b06fe {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f711aa8cd4 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_879b5ff750 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_7bceb568b6 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_54bf3a2985 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_b82cc0254d {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_17997a66ae {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_c76a308374 {\n  padding-inline-end: 0 !important;\n}\n.peXs_90af9fef87 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_895a0712a2 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_f5664f03b2 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_bf580b1196 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_4d2d68286a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ba23e85dd7 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_7f4177fb2d {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_9e8b90cd06 {\n  padding-bottom: 0 !important;\n}\n.pbXs_7ff16d260c {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_897380e583 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_fde734559c {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_d4b888f4ec {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_307d87ebbe {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_10160306f8 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_fbd498aa6f {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_51c16c6742 {\n  padding-inline-start: 0 !important;\n}\n.psXs_cb1bc925fa {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_b210090b27 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_be5fdb6ae4 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_c38746f21c {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_88bc218536 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_56ec7e32a0 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_4b75240615 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_0f74189c80 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_2c21a1a4ac {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_ca536cbbba {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_c49c8b4f11 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_d7d6a2856e {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_e78ac30ad7 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_f6d948f213 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_5928702649 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_8fa05518a2",scrollable:"scrollable_ef4c07538b",opacityDisabled:"opacityDisabled_cf16f8bf91",border:"border_dee6ddb6ef",borderColorUiBorderColor:"borderColorUiBorderColor_2241d0c6d9",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_b338ea6fd9",rounded0:"rounded0_13f5a138d6",roundedSmall:"roundedSmall_bb0cb29643",roundedMedium:"roundedMedium_6f852d0e8e",roundedBig:"roundedBig_6dc2983c59",shadowXs:"shadowXs_8cb4e1993c",shadowSmall:"shadowSmall_355d8b5372",shadowMedium:"shadowMedium_3375c1658c",shadowLarge:"shadowLarge_28663f2eed",m0:"m0_6c2310ed19",mXs:"mXs_9de640f5ba",mSmall:"mSmall_c5cabe42cd",mMedium:"mMedium_7b3ecadd9a",mLarge:"mLarge_50433f0019",mXl:"mXl_ecb065dfa2",mXxl:"mXxl_f8feaaa4d3",mXxxl:"mXxxl_9f59e038f9",mAuto:"mAuto_ab3b4609de",mx0:"mx0_9d47ac20b1",mxXs:"mxXs_7b24050737",mxSmall:"mxSmall_34f86a8105",mxMedium:"mxMedium_7dd8b4f1d5",mxLarge:"mxLarge_23910e2cc7",mxXl:"mxXl_d68d610ebc",mxXxl:"mxXxl_8598f0dade",mxXxxl:"mxXxxl_1e01887116",mxAuto:"mxAuto_89d1211632",my0:"my0_ba7aa0d355",myXs:"myXs_e62ac80e5f",mySmall:"mySmall_1a601eca24",myMedium:"myMedium_870d16da93",myLarge:"myLarge_c4ff037d5d",myXl:"myXl_ed677bcdc4",myXxl:"myXxl_2e71794892",myXxxl:"myXxxl_3581324533",myAuto:"myAuto_2e34c27f20",mt0:"mt0_9254321b36",mtXs:"mtXs_91b70c8689",mtSmall:"mtSmall_e935fca4a4",mtMedium:"mtMedium_7f9175a639",mtLarge:"mtLarge_7c2c144b1c",mtXl:"mtXl_0d85e18188",mtXxl:"mtXxl_59b371ae8c",mtXxxl:"mtXxxl_8a9ff0a812",mtAuto:"mtAuto_0796f9daea",me0:"me0_5cab650ca1",meXs:"meXs_0ad61dfe12",meSmall:"meSmall_f10607e1be",meMedium:"meMedium_e8d8507c0f",meLarge:"meLarge_0a203c9e72",meXl:"meXl_4e269c73f7",meXxl:"meXxl_1185a99415",meXxxl:"meXxxl_462d84df9c",meAuto:"meAuto_a027de6a14",mb0:"mb0_7954f164f3",mbXs:"mbXs_0e7dd4d443",mbSmall:"mbSmall_bf0b5df537",mbMedium:"mbMedium_1fae7fa0b5",mbLarge:"mbLarge_b9e8944413",mbXl:"mbXl_2c7b4750ab",mbXxl:"mbXxl_f8e4b428e3",mbXxxl:"mbXxxl_1f15935002",mbAuto:"mbAuto_613f0672df",ms0:"ms0_72b8b2a707",msXs:"msXs_d656e1dc7d",msSmall:"msSmall_cc66295aa3",msMedium:"msMedium_611a185a4e",msLarge:"msLarge_b9cd2ce51b",msXl:"msXl_784e0373af",msXxl:"msXxl_d34a086555",msXxxl:"msXxxl_cd3a5f052f",msAuto:"msAuto_e1df67cb55",p0:"p0_37b1c620a6",pXs:"pXs_ee64c3800a",pSmall:"pSmall_688f543725",pMedium:"pMedium_ddf9b92e98",pLarge:"pLarge_c1be121e98",pXl:"pXl_c18e63e965",pXxl:"pXxl_b9eae0480c",pXxxl:"pXxxl_f811db3885",px0:"px0_393de58259",pxXs:"pxXs_2203c75b25",pxSmall:"pxSmall_eaead8a843",pxMedium:"pxMedium_e7e1bb6d03",pxLarge:"pxLarge_f9dc547cef",pxXl:"pxXl_6b71ddff8f",pxXxl:"pxXxl_4516d181cd",pxXxxl:"pxXxxl_8a6e4c880f",py0:"py0_65a22181c0",pyXs:"pyXs_5b8a24eff7",pySmall:"pySmall_f8d70f36b5",pyMedium:"pyMedium_f4cb1b9896",pyLarge:"pyLarge_38ae001572",pyXl:"pyXl_4f83c38228",pyXxl:"pyXxl_654a888d5f",pyXxxl:"pyXxxl_b3cf31e55b",pt0:"pt0_4007ee636e",ptXs:"ptXs_300c85efb7",ptSmall:"ptSmall_8331f7f9ba",ptMedium:"ptMedium_d004e12c66",ptLarge:"ptLarge_c3cd05d72a",ptXl:"ptXl_233de15f24",ptXxl:"ptXxl_5c56895df1",ptXxxl:"ptXxxl_22a46c5b96",pe0:"pe0_bc68a7d898",peXs:"peXs_55e3432240",peSmall:"peSmall_a6d428b093",peMedium:"peMedium_29a4083222",peLarge:"peLarge_0f3549b45f",peXl:"peXl_ccd35d24aa",peXxl:"peXxl_3c723a7f5a",peXxxl:"peXxxl_c02ace5ea5",pb0:"pb0_9d3f9b5901",pbXs:"pbXs_2d71950875",pbSmall:"pbSmall_23f72db810",pbMedium:"pbMedium_cc1b25fd8b",pbLarge:"pbLarge_0bb14e92db",pbXl:"pbXl_2ddf5cb9fd",pbXxl:"pbXxl_907f567ebc",pbXxxl:"pbXxxl_4be7425c36",ps0:"ps0_ed798ec9bf",psXs:"psXs_f20799a2a9",psSmall:"psSmall_e285a32eef",psMedium:"psMedium_c525b7d7cd",psLarge:"psLarge_ed2fe91e89",psXl:"psXl_7ebf457877",psXxl:"psXxl_1c9739dd35",psXxxl:"psXxxl_c970fcde7d",textPrimaryTextColor:"textPrimaryTextColor_aa711598f1",textTextColorOnInverted:"textTextColorOnInverted_1d4c0784a2",textSecondaryTextColor:"textSecondaryTextColor_0026e6fac1",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d10b8cca28",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_a0794352d4",bgGreyBackgroundColor:"bgGreyBackgroundColor_bfa0036d57",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_99fffce853",bgInvertedColorBackground:"bgInvertedColorBackground_54b53cadd4"};!function(n){const a="s_id-e8ebf0c89fee_3_35_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_8fa05518a2 {\n  overflow: hidden;\n}\n.box_8fa05518a2.scrollable_ef4c07538b {\n  overflow: auto;\n}\n.box_8fa05518a2.scrollable_ef4c07538b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_8fa05518a2.scrollable_ef4c07538b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_cf16f8bf91 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_dee6ddb6ef {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_2241d0c6d9 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_b338ea6fd9 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_13f5a138d6 {\n  border-radius: 0 !important;\n}\n.roundedSmall_bb0cb29643 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_6f852d0e8e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_6dc2983c59 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_8cb4e1993c {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_355d8b5372 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_3375c1658c {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_28663f2eed {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_6c2310ed19 {\n  margin: 0 !important;\n}\n.mXs_9de640f5ba {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_c5cabe42cd {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_7b3ecadd9a {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_50433f0019 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_ecb065dfa2 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_f8feaaa4d3 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_9f59e038f9 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_ab3b4609de {\n  margin: auto !important;\n}\n.mx0_9d47ac20b1 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_7b24050737 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_34f86a8105 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_7dd8b4f1d5 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_23910e2cc7 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_d68d610ebc {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_8598f0dade {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_1e01887116 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_89d1211632 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ba7aa0d355 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_e62ac80e5f {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_1a601eca24 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_870d16da93 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_c4ff037d5d {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_ed677bcdc4 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_2e71794892 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_3581324533 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_2e34c27f20 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9254321b36 {\n  margin-top: 0 !important;\n}\n.mtXs_91b70c8689 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_e935fca4a4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_7f9175a639 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7c2c144b1c {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_0d85e18188 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_59b371ae8c {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_8a9ff0a812 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_0796f9daea {\n  margin-top: auto !important;\n}\n.me0_5cab650ca1 {\n  margin-inline-end: 0 !important;\n}\n.meXs_0ad61dfe12 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f10607e1be {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e8d8507c0f {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_0a203c9e72 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_4e269c73f7 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_1185a99415 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_462d84df9c {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_a027de6a14 {\n  margin-inline-end: auto !important;\n}\n.mb0_7954f164f3 {\n  margin-bottom: 0 !important;\n}\n.mbXs_0e7dd4d443 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_bf0b5df537 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_1fae7fa0b5 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_b9e8944413 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_2c7b4750ab {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_f8e4b428e3 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_1f15935002 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_613f0672df {\n  margin-bottom: auto !important;\n}\n.ms0_72b8b2a707 {\n  margin-inline-start: 0 !important;\n}\n.msXs_d656e1dc7d {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_cc66295aa3 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_611a185a4e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_b9cd2ce51b {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_784e0373af {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_d34a086555 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_cd3a5f052f {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e1df67cb55 {\n  margin-inline-start: auto !important;\n}\n.p0_37b1c620a6 {\n  padding: 0 !important;\n}\n.pXs_ee64c3800a {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_688f543725 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_ddf9b92e98 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_c1be121e98 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c18e63e965 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_b9eae0480c {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_f811db3885 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_393de58259 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_2203c75b25 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_eaead8a843 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_e7e1bb6d03 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_f9dc547cef {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_6b71ddff8f {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_4516d181cd {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_8a6e4c880f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_65a22181c0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_5b8a24eff7 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f8d70f36b5 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_f4cb1b9896 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_38ae001572 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_4f83c38228 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_654a888d5f {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_b3cf31e55b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_4007ee636e {\n  padding-top: 0 !important;\n}\n.ptXs_300c85efb7 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_8331f7f9ba {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_d004e12c66 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_c3cd05d72a {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_233de15f24 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_5c56895df1 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_22a46c5b96 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_bc68a7d898 {\n  padding-inline-end: 0 !important;\n}\n.peXs_55e3432240 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_a6d428b093 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_29a4083222 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_0f3549b45f {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_ccd35d24aa {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_3c723a7f5a {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_c02ace5ea5 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_9d3f9b5901 {\n  padding-bottom: 0 !important;\n}\n.pbXs_2d71950875 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_23f72db810 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_cc1b25fd8b {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_0bb14e92db {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_2ddf5cb9fd {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_907f567ebc {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_4be7425c36 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_ed798ec9bf {\n  padding-inline-start: 0 !important;\n}\n.psXs_f20799a2a9 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_e285a32eef {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_c525b7d7cd {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_ed2fe91e89 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7ebf457877 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_1c9739dd35 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_c970fcde7d {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_aa711598f1 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_1d4c0784a2 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_0026e6fac1 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d10b8cca28 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_a0794352d4 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_bfa0036d57 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_99fffce853 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_54b53cadd4 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

package/dist/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, { ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n isClickable?: boolean;\n link?: string;\n onClick?: () => void;\n text?: string;\n icon?: SubIcon;\n isCurrent?: boolean;\n disabled?: boolean;\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":"~~0UAiBA~~,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, { ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { SubIcon, 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"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_1bf6fc4074",withoutText:"withoutText_5ba30ab04b",breadcrumbText:"breadcrumbText_c32c221a40",breadcrumbIcon:"breadcrumbIcon_a27787a9f8",clickable:"clickable_f8f16ee482",current:"current_bc0ecb3573",disabled:"disabled_fa04b462bf",notClickable:"notClickable_9381718676"};!function(e){const n="s_id-55ff70da99a4_3_34_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)}(".breadcrumbContent_1bf6fc4074 {\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_1bf6fc4074.withoutText_5ba30ab04b {\n  padding: 4px;\n}\na.breadcrumbContent_1bf6fc4074:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_1bf6fc4074 .breadcrumbText_c32c221a40 {\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_1bf6fc4074 .breadcrumbIcon_a27787a9f8 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_1bf6fc4074:focus {\n  outline: none;\n}\n.breadcrumbContent_1bf6fc4074.clickable_f8f16ee482 {\n  cursor: pointer;\n}\n.breadcrumbContent_1bf6fc4074.clickable_f8f16ee482:hover,\n.breadcrumbContent_1bf6fc4074:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_1bf6fc4074.current_bc0ecb3573 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_1bf6fc4074.disabled_fa04b462bf {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_1bf6fc4074.disabled_fa04b462bf:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_1bf6fc4074.notClickable_9381718676 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_418743d78c",withoutText:"withoutText_5de26375ed",breadcrumbText:"breadcrumbText_0d8b8546de",breadcrumbIcon:"breadcrumbIcon_33ec40de8a",clickable:"clickable_ea8f1836f3",current:"current_f066382773",disabled:"disabled_01cc9e27dc",notClickable:"notClickable_aedfcf3b65"};!function(e){const n="s_id-55ff70da99a4_3_35_0";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)}(".breadcrumbContent_418743d78c {\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_418743d78c.withoutText_5de26375ed {\n  padding: 4px;\n}\na.breadcrumbContent_418743d78c:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_418743d78c .breadcrumbText_0d8b8546de {\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_418743d78c .breadcrumbIcon_33ec40de8a {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_418743d78c:focus {\n  outline: none;\n}\n.breadcrumbContent_418743d78c.clickable_ea8f1836f3 {\n  cursor: pointer;\n}\n.breadcrumbContent_418743d78c.clickable_ea8f1836f3:hover,\n.breadcrumbContent_418743d78c:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_418743d78c.current_f066382773 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_418743d78c.disabled_01cc9e27dc {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_418743d78c.disabled_01cc9e27dc:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_418743d78c.notClickable_aedfcf3b65 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map