npm - @vibe/core - Versions diffs - 3.60.0 → 3.61.1 - Mend

@vibe/core 3.60.0 → 3.61.1

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport {\n type SubIcon,\n type VibeComponentProps,\n type ElementContent,\n withStaticPropsWithoutForwardRef\n} from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n // TODO: [breaking] remove prop\n /*\n If true, displays an icon even when no header is provided.\n /\n withIconWithoutHeader?: boolean;\n /\n The type of the AttentionBox.\n /\n type?: AttentionBoxType;\n /\n The icon displayed next to the title or text.\n /\n icon?: SubIcon;\n /\n The type of the icon.\n /\n iconType?: \"svg\" \| \"font\";\n /\n The title of the component.\n /\n title?: string;\n /\n The text content displayed inside.\n /\n text?: string;\n /\n The content of the component.\n /\n children?: ElementContent;\n // TODO: [breaking] remove prop\n /\n If true, the icon is not displayed.\n /\n withoutIcon?: boolean;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent) => void;\n /\n If true, renders in compact mode.\n /\n compact?: boolean;\n /\n The label of the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, an entry animation is applied when the component appears.\n */\n entryAnimation?: boolean;\n}\n\nconst AttentionBox = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\",\n entryAnimation = false\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n [styles.entryAnimation]: entryAnimation\n })}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\ninterface AttentionBoxStaticProps {\n types: typeof AttentionBoxTypeEnum;\n iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"~~k4BA0EA~~,~~IAuFeA~~,EAAAA,~~GAvFM~~,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,~~sBACQnB~~,GAAcoB,EAAUC,EAAuBC,cAAevB,~~IAE1ER~~,GACCoB,~~EAACY~~,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,~~SAAS3C~~,UAAW8B,~~EAAOc~~,eAAgBC,IAAI,~~OACvEjC~~,GACAgB,~~EAAAY~~,cAACM,EAAI,~~CACH9C~~,UAAW8B,EAAOzB,KAClBE,SAAUA,~~EACVwC~~,YAAU,~~EACV1C~~,KAAMqB,~~EACNsB~~,kBAAgB,EAChBC,SAAS,~~OAGbrB~~,~~EAACY~~,cAAAU,~~GAAK9C~~,KAAK,~~QAAQ+C~~,QAAQ,KAAKC,OAAO,~~SAASpD~~,UAAW8B,EAAOtB,OAC/DA,IAIPoB,~~EAAAY~~,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,~~OACrCrC~~,GAASO,IAAYH,GAAeV,GACpC0B,~~EAACY~~,cAAAM,EAAK,~~CAAAvC~~,SAAUA,~~EAAU0C~~,SAAU,GAAIF,YAAW,~~EAAA1C~~,KAAMqB,~~EAAcsB~~,~~sBAEzEpB~~,~~EAACY~~,cAAAU,EACC,~~CAAA9C~~,KAAK,~~QACL+C~~,~~QAASpC~~,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,~~EAAOuB~~,~~cAAgBxC~~,GACvBiB,~~EAAOwB~~,~~WAAavC~~,KAGtBN,GAAQC,IAGZG,GACCe,~~EAAAY~~,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,~~mBACNzD~~,UAAW8B,~~EAAO4B~~,UAClBC,~~iBAAkB9B~~,EAAGC,~~EAAO8B~~,~~iBAAgBzB~~,EAAA,CAAA,EACzCL,~~EAAO+B~~,~~iBAAmB9C,IAE7B+~~C,~~UAAW3C~~,~~EACX4C~~,~~eACA1D~~,~~KAAM2D~~,EACNC,~~QAASpD~~,IAKnB,GAO0G,~~CACxGqD~~,MAAOC,EACPC,UAAWC"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport {\n type SubIcon,\n type VibeComponentProps,\n type ElementContent,\n withStaticPropsWithoutForwardRef\n} from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n // TODO: [breaking] remove prop\n /*\n If true, displays an icon even when no header is provided.\n /\n withIconWithoutHeader?: boolean;\n /\n The type of the AttentionBox.\n /\n type?: AttentionBoxType;\n /\n The icon displayed next to the title or text.\n /\n icon?: SubIcon;\n /\n The type of the icon.\n /\n iconType?: \"svg\" \| \"font\";\n /\n The title of the component.\n /\n title?: string;\n /\n The text content displayed inside.\n /\n text?: string;\n /\n The content of the component.\n /\n children?: ElementContent;\n // TODO: [breaking] remove prop\n /\n If true, the icon is not displayed.\n /\n withoutIcon?: boolean;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent) => void;\n /\n If true, renders in compact mode.\n /\n compact?: boolean;\n /\n The label of the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, an entry animation is applied when the component appears.\n */\n entryAnimation?: boolean;\n}\n\nconst AttentionBox = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\",\n entryAnimation = false\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n [styles.entryAnimation]: entryAnimation\n })}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\ninterface AttentionBoxStaticProps {\n types: typeof AttentionBoxTypeEnum;\n iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"67BA2EA,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}

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

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox_fb695fe4f8",entryAnimation:"entryAnimation_39f8afe935",closeIconWrapper:"closeIconWrapper_da544fad10",closeIcon:"closeIcon_0884e33fc3",icon:"icon_20c707165e",title:"title_7dea5f18f9",text:"text_1b02594499",titleContainer:"titleContainer_0884e33fc3",typePrimary:"typePrimary_e9dbaa3da9",typeDanger:"typeDanger_20ae95a561",typeSuccess:"typeSuccess_58cbf98ddd",typeDark:"typeDark_e0b89d006b",typeWarning:"typeWarning_7213016f00",closeIconCompact:"closeIconCompact_537f5d7acf",compact:"compact_6047930af9",dismissible:"dismissible_0e7f1b68a2",paragraph:"paragraph_19f66ae15e"};!function(n){const e="s_id-7d53612c3785_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_39f8afe935 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_fb695fe4f8 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_fb695fe4f8.entryAnimation_39f8afe935 {\n  animation: entryAnimation_39f8afe935 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_fb695fe4f8 .closeIconWrapper_da544fad10 .closeIcon_0884e33fc3 {\n  color: var(--primary-text-color);\n}\n.attentionBox_fb695fe4f8 .icon_20c707165e {\n  flex-shrink: 0;\n}\n.title_7dea5f18f9 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_1b02594499,\n.titleContainer_0884e33fc3 {\n  color: var(--primary-text-color);\n}\n.typePrimary_e9dbaa3da9 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_20ae95a561 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_58cbf98ddd {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_e0b89d006b {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_7213016f00 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_0884e33fc3 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_0884e33fc3:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_da544fad10 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_537f5d7acf {\n  top: calc(50% - 16px);\n}\n.text_1b02594499.compact_6047930af9 {\n  flex: 1;\n}\n.text_1b02594499.compact_6047930af9.dismissible_0e7f1b68a2 {\n  padding-right: var(--spacing-xl);\n}\n.text_1b02594499.paragraph_19f66ae15e {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox_631e7ea528",entryAnimation:"entryAnimation_57a5142da9",closeIconWrapper:"closeIconWrapper_ea204165b5",closeIcon:"closeIcon_342b28b5ed",icon:"icon_195c2f3529",title:"title_3f651f1692",text:"text_7f4cfd656f",titleContainer:"titleContainer_342b28b5ed",typePrimary:"typePrimary_695faaa402",typeDanger:"typeDanger_51432d617a",typeSuccess:"typeSuccess_6ab87d615e",typeDark:"typeDark_09b3ed632e",typeWarning:"typeWarning_c84963c801",closeIconCompact:"closeIconCompact_a0ca211c9a",compact:"compact_fc936a7956",dismissible:"dismissible_249211af4a",paragraph:"paragraph_63f2d0a02d"};!function(n){const e="s_id-7d53612c3785_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_57a5142da9 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_631e7ea528 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_631e7ea528.entryAnimation_57a5142da9 {\n  animation: entryAnimation_57a5142da9 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_631e7ea528 .closeIconWrapper_ea204165b5 .closeIcon_342b28b5ed {\n  color: var(--primary-text-color);\n}\n.attentionBox_631e7ea528 .icon_195c2f3529 {\n  flex-shrink: 0;\n}\n.title_3f651f1692 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_7f4cfd656f,\n.titleContainer_342b28b5ed {\n  color: var(--primary-text-color);\n}\n.typePrimary_695faaa402 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_51432d617a {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_6ab87d615e {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_09b3ed632e {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_c84963c801 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_342b28b5ed {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_342b28b5ed:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_ea204165b5 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_a0ca211c9a {\n  top: calc(50% - 16px);\n}\n.text_7f4cfd656f.compact_fc936a7956 {\n  flex: 1;\n}\n.text_7f4cfd656f.compact_fc936a7956.dismissible_249211af4a {\n  padding-right: var(--spacing-xl);\n}\n.text_7f4cfd656f.paragraph_63f2d0a02d {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_ae24b2ded2"};!function(e){const t="s_id-683678bf9fce_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink_ae24b2ded2,\na[href].attentionBoxLink_ae24b2ded2:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_3225dca102"};!function(e){const t="s_id-683678bf9fce_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink_3225dca102,\na[href].attentionBoxLink_3225dca102:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{ElementAllowedColor as m}from"../../utils/colors-vars-map.js";import{getElementColor as d}from"../../types/Colors.js";import{AvatarType as p,AvatarSize as u}from"./AvatarConstants.js";import b from"./AvatarBadge.js";import g from"./AvatarContent.js";import f from"../Tooltip/Tooltip.js";import v from"../Clickable/ClickableWrapper.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import j from"./Avatar.module.scss.js";var C=h((function(m){var p=m.id,u=m.type,h=void 0===u?"text":u,C=m.className,k=m.avatarContentWrapperClassName,E=m.textClassName,y=void 0===E?"":E,N=m.size,B=void 0===N?"large":N,x=m.src,P=m.icon,z=m.text,T=m.tooltipProps,A=m.ariaLabel,O=m.withoutTooltip,w=void 0!==O&&O,L=m.role,R=m.backgroundColor,I=void 0===R?"chili-blue":R,H=m.square,W=m.disabled,q=m.tabIndex,S=m.ariaHidden,_=void 0!==S&&S,D=m.topLeftBadgeProps,M=m.topRightBadgeProps,V=m.bottomLeftBadgeProps,F=m.bottomRightBadgeProps,G=m.withoutBorder,J=void 0!==G&&G,K=m.customSize,Q=void 0===K?null:K,U=m.customBackgroundColor,X=void 0===U?null:U,Y=m.onClick,Z=m["data-testid"],$=n((function(){return X?{backgroundColor:X}:x?{}:{backgroundColor:d(I)}}),[x,I,X]),ee=n((function(){return Q?{height:Q,width:Q}:{}}),[Q]),te=n((function(){if(!w)return T?Object.assign({content:A},T):{content:A}}),[A,T,w]),oe=n((function(){var e=[];return t(D)||e.push(l.createElement("div",{key:"top-left-badge",className:i(j.badge,j.badgeTopLeft)},l.createElement(b,Object.assign({size:B},D)))),t(M)||e.push(l.createElement("div",{key:"top-right-badge",className:i(j.badge,j.badgeTopRight)},l.createElement(b,Object.assign({size:B},M)))),t(V)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(j.badge,j.badgeBottomLeft)},l.createElement(b,Object.assign({size:B},V)))),t(F)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(j.badge,j.badgeBottomRight)},l.createElement(b,Object.assign({size:B},F)))),e.length>0?l.createElement("div",{className:i(j.badges)},e):null}),[B,D,M,V,F]),ae=n((function(){return W||!Y&&!(null==te?void 0:te.content)?-1:0}),[W,Y,null==te?void 0:te.content]),re=null!=q?q:ae,se=c((function(e){e.preventDefault(),Y&&Y(e,p)}),[Y,p]);return l.createElement("div",{id:p,"data-testid":Z||r(s.AVATAR,p),className:i(j.avatar,j[B],C),style:ee},l.createElement(v,{isClickable:!!Y,clickableProps:{onClick:se,tabIndex:"-1",className:j.clickableWrapper}},l.createElement(f,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},te),l.createElement("div",{className:i(j.circle,a(j,o("circle--"+h)),e(e(e({},j.disabled,W),j.square,H),j.withoutBorder,J),k),"aria-hidden":_,tabIndex:re,style:Object.assign({},$)},l.createElement(g,{type:h,size:B,src:x,icon:P,text:z,ariaLabel:A,role:L,textClassName:y})),oe)))}),{types:p,sizes:u,colors:m,backgroundColors:m});export{C as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{ElementAllowedColor as m}from"../../utils/colors-vars-map.js";import{getElementColor as d}from"../../types/Colors.js";import{AvatarType as p,AvatarSize as u}from"./AvatarConstants.js";import b from"./AvatarBadge.js";import g from"./AvatarContent.js";import f from"../Tooltip/Tooltip.js";import v from"../Clickable/ClickableWrapper.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import j from"./Avatar.module.scss.js";import{ComponentVibeId as C}from"../../tests/constants.js";var k=h((function(m){var p=m.id,u=m.type,h=void 0===u?"text":u,k=m.className,E=m.avatarContentWrapperClassName,y=m.textClassName,N=void 0===y?"":y,B=m.size,A=void 0===B?"large":B,x=m.src,P=m.icon,T=m.text,z=m.tooltipProps,O=m.ariaLabel,w=m.withoutTooltip,L=void 0!==w&&w,R=m.role,I=m.backgroundColor,H=void 0===I?"chili-blue":I,W=m.square,q=m.disabled,S=m.tabIndex,V=m.ariaHidden,_=void 0!==V&&V,D=m.topLeftBadgeProps,M=m.topRightBadgeProps,F=m.bottomLeftBadgeProps,G=m.bottomRightBadgeProps,J=m.withoutBorder,K=void 0!==J&&J,Q=m.customSize,U=void 0===Q?null:Q,X=m.customBackgroundColor,Y=void 0===X?null:X,Z=m.onClick,$=m["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:x?{}:{backgroundColor:d(H)}}),[x,H,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),oe=n((function(){if(!L)return z?Object.assign({content:O},z):{content:O}}),[O,z,L]),ae=n((function(){var e=[];return t(D)||e.push(l.createElement("div",{key:"top-left-badge",className:i(j.badge,j.badgeTopLeft)},l.createElement(b,Object.assign({size:A},D)))),t(M)||e.push(l.createElement("div",{key:"top-right-badge",className:i(j.badge,j.badgeTopRight)},l.createElement(b,Object.assign({size:A},M)))),t(F)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(j.badge,j.badgeBottomLeft)},l.createElement(b,Object.assign({size:A},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(j.badge,j.badgeBottomRight)},l.createElement(b,Object.assign({size:A},G)))),e.length>0?l.createElement("div",{className:i(j.badges)},e):null}),[A,D,M,F,G]),re=n((function(){return q||!Z&&!(null==oe?void 0:oe.content)?-1:0}),[q,Z,null==oe?void 0:oe.content]),se=null!=S?S:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,p)}),[Z,p]);return l.createElement("div",{id:p,"data-testid":$||r(s.AVATAR,p),className:i(j.avatar,j[A],k),style:te,"data-vibe":C.AVATAR},l.createElement(v,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:"-1",className:j.clickableWrapper}},l.createElement(f,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},oe),l.createElement("div",{className:i(j.circle,a(j,o("circle--"+h)),e(e(e({},j.disabled,q),j.square,W),j.withoutBorder,K),E),"aria-hidden":_,tabIndex:se,style:Object.assign({},ee)},l.createElement(g,{type:h,size:A,src:x,icon:P,text:T,ariaLabel:O,role:R,textClassName:N})),ae)))}),{types:p,sizes:u,colors:m,backgroundColors:m});export{k as default};
 //# sourceMappingURL=Avatar.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_f098753845",large:"large_bbeb1eec34",medium:"medium_b149643de9",small:"small_b745ed2c27",xs:"xs_96ff113aa4",clickableWrapper:"clickableWrapper_daf45e02a0",circle:"circle_b033d8bd45","focus-visible":"focus-visible_0f59d5ad8e",circleImg:"circleImg_d86d49290e",circleText:"circleText_18432a5473",disabled:"disabled_f098753845",square:"square_e5bdc86b00",withoutBorder:"withoutBorder_cc9ba628e0",badges:"badges_221549d865",badge:"badge_d1977ab385",badgeTopLeft:"badgeTopLeft_379e4e9850",badgeTopRight:"badgeTopRight_144988bc04",badgeBottomLeft:"badgeBottomLeft_c0c8bd3971",badgeBottomRight:"badgeBottomRight_b3593b82b1"};!function(e){const n="s_id-dccf983c2f60_3_59_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_f098753845 {\n  position: relative;\n}\n\n.large_bbeb1eec34 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_b149643de9 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_b745ed2c27 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_96ff113aa4 {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_daf45e02a0 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_b033d8bd45 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_b033d8bd45:focus {\n  outline: none;\n}\n\n.circle_b033d8bd45:focus:focus-visible, .circle_b033d8bd45:focus.focus-visible_0f59d5ad8e {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_b033d8bd45:focus:focus:not(.focus-visible_0f59d5ad8e) {\n  outline: none;\n}\n\n.circleImg_d86d49290e {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_18432a5473 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_f098753845:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_e5bdc86b00 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_e5bdc86b00:focus {\n  outline: none;\n}\n\n.square_e5bdc86b00:focus:focus-visible, .square_e5bdc86b00:focus.focus-visible_0f59d5ad8e {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_e5bdc86b00:focus:focus:not(.focus-visible_0f59d5ad8e) {\n  outline: none;\n}\n\n.withoutBorder_cc9ba628e0 {\n  border: none;\n}\n\n.badges_221549d865 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_221549d865 .badge_d1977ab385 {\n  display: flex;\n}\n\n.badges_221549d865 .badgeTopLeft_379e4e9850 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_221549d865 .badgeTopRight_144988bc04 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_221549d865 .badgeBottomLeft_c0c8bd3971 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_221549d865 .badgeBottomRight_b3593b82b1 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_60df150cc3",large:"large_70dce1a212",medium:"medium_e2ab9f1eb6",small:"small_20674638d7",xs:"xs_be8d9303ae",clickableWrapper:"clickableWrapper_caaa106db0",circle:"circle_a0eb2cbea3","focus-visible":"focus-visible_d21a5b98c2",circleImg:"circleImg_00bae82913",circleText:"circleText_683447d1cb",disabled:"disabled_60df150cc3",square:"square_d432b6e7e0",withoutBorder:"withoutBorder_603195d909",badges:"badges_b2321e5bca",badge:"badge_3729738e28",badgeTopLeft:"badgeTopLeft_e35c640788",badgeTopRight:"badgeTopRight_f58b948b22",badgeBottomLeft:"badgeBottomLeft_13c89eb95d",badgeBottomRight:"badgeBottomRight_f368606305"};!function(e){const n="s_id-dccf983c2f60_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_60df150cc3 {\n  position: relative;\n}\n\n.large_70dce1a212 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_e2ab9f1eb6 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_20674638d7 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_be8d9303ae {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_caaa106db0 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_a0eb2cbea3 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_a0eb2cbea3:focus {\n  outline: none;\n}\n\n.circle_a0eb2cbea3:focus:focus-visible, .circle_a0eb2cbea3:focus.focus-visible_d21a5b98c2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_a0eb2cbea3:focus:focus:not(.focus-visible_d21a5b98c2) {\n  outline: none;\n}\n\n.circleImg_00bae82913 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_683447d1cb {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_60df150cc3:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_d432b6e7e0 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_d432b6e7e0:focus {\n  outline: none;\n}\n\n.square_d432b6e7e0:focus:focus-visible, .square_d432b6e7e0:focus.focus-visible_d21a5b98c2 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_d432b6e7e0:focus:focus:not(.focus-visible_d21a5b98c2) {\n  outline: none;\n}\n\n.withoutBorder_603195d909 {\n  border: none;\n}\n\n.badges_b2321e5bca {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_b2321e5bca .badge_3729738e28 {\n  display: flex;\n}\n\n.badges_b2321e5bca .badgeTopLeft_e35c640788 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_b2321e5bca .badgeTopRight_f58b948b22 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_b2321e5bca .badgeBottomLeft_13c89eb95d {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_b2321e5bca .badgeBottomRight_f368606305 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_c8488af2a7",contentText:"contentText_5dfa98a44a",contentTextLarge:"contentTextLarge_50783ddab4",contentTextMedium:"contentTextMedium_2b4fdf3cfb",contentTextSmall:"contentTextSmall_02b9e2e263",contentTextXs:"contentTextXs_72cf2ae453",contentIconLarge:"contentIconLarge_b745ed2c27",contentIconMedium:"contentIconMedium_b18ab36d47",contentIconSmall:"contentIconSmall_c883b28bd5"};!function(n){const t="s_id-50188146c7c7_3_59_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_c8488af2a7 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_5dfa98a44a {\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_50783ddab4 {\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_2b4fdf3cfb {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_02b9e2e263 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_72cf2ae453 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_b745ed2c27 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_b18ab36d47 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_c883b28bd5 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_1bc0f07d7c",contentText:"contentText_2cce10c733",contentTextLarge:"contentTextLarge_7745095ed9",contentTextMedium:"contentTextMedium_48f84eb264",contentTextSmall:"contentTextSmall_fe32c7e4d3",contentTextXs:"contentTextXs_255a8223af",contentIconLarge:"contentIconLarge_20674638d7",contentIconMedium:"contentIconMedium_0b99582e54",contentIconSmall:"contentIconSmall_70f094dc53"};!function(n){const t="s_id-50188146c7c7_3_61_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_1bc0f07d7c {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_2cce10c733 {\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_7745095ed9 {\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_48f84eb264 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_fe32c7e4d3 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_255a8223af {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_20674638d7 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_0b99582e54 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_70f094dc53 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import i from"./AvatarGroup.module.scss.js";var s=function(s){var l=s.className,n=s.avatarClassName,p=s.id,u=s.children,c=s.size,d=s.type,v=s.max,m=void 0===v?5:v,f=s.counterProps,A=s.counterTooltipCustomProps,y=s.counterTooltipIsVirtualizedList,C=void 0!==y&&y,T=s.disabled,z=o((function(){if(!u)return{};var o=Array.isArray(u)?u:[u];return{displayAvatars:o.slice(0,m).map((function(o,a){var s,l;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:c||(null===(s=null==o?void 0:o.props)||void 0===s?void 0:s.size),type:d||(null===(l=null==o?void 0:o.props)||void 0===l?void 0:l.type),className:t(i.avatarContainer,n),onClick:function(r){return e(r,o.props)},disabled:T}))})),counterTooltipAvatars:o.slice(m)}}),[n,u,T,m,c,d]),b=z.displayAvatars,j=z.counterTooltipAvatars;return u?r.createElement("div",{className:t(i.avatarGroupContainer,l),id:p},b,r.createElement(a,{counterTooltipAvatars:j,counterProps:f,counterTooltipCustomProps:A,counterTooltipIsVirtualizedList:C,size:c,type:d,disabled:T})):null};export{s as default};
+import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import s from"./AvatarGroup.module.scss.js";import{ComponentVibeId as i}from"../../tests/constants.js";var n=function(n){var l=n.className,p=n.avatarClassName,u=n.id,c=n.children,d=n.size,v=n.type,m=n.max,A=void 0===m?5:m,f=n.counterProps,y=n.counterTooltipCustomProps,T=n.counterTooltipIsVirtualizedList,C=void 0!==T&&T,b=n.disabled,j=o((function(){if(!c)return{};var o=Array.isArray(c)?c:[c];return{displayAvatars:o.slice(0,A).map((function(o,a){var i,n;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:d||(null===(i=null==o?void 0:o.props)||void 0===i?void 0:i.size),type:v||(null===(n=null==o?void 0:o.props)||void 0===n?void 0:n.type),className:t(s.avatarContainer,p),onClick:function(r){return e(r,o.props)},disabled:b}))})),counterTooltipAvatars:o.slice(A)}}),[p,c,b,A,d,v]),z=j.displayAvatars,G=j.counterTooltipAvatars;return c?r.createElement("div",{className:t(s.avatarGroupContainer,l),id:u,"data-vibe":i.AVATAR_GROUP},z,r.createElement(a,{counterTooltipAvatars:G,counterProps:f,counterTooltipCustomProps:y,counterTooltipIsVirtualizedList:C,size:d,type:v,disabled:b})):null};export{n as default};
 //# sourceMappingURL=AvatarGroup.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, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type 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"}
1	+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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} data-vibe={ComponentVibeId.AVATAR_GROUP}>\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","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAmDA,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,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,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_e4f08082d1",avatarContainer:"avatarContainer_c66cb96f8a"};!function(e){const a="s_id-0d36779f5b9e_3_59_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_e4f08082d1 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_c66cb96f8a {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_6ab640da96",avatarContainer:"avatarContainer_a946fd4c70"};!function(e){const a="s_id-0d36779f5b9e_3_61_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_6ab640da96 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_a946fd4c70 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_2ca9f1187d","focus-visible":"focus-visible_633c57e6f3",xs:"xs_38f4a358b6",small:"small_5968abae6b",medium:"medium_8304245127",large:"large_f92d85f0ca",primary:"primary_8bf4f33631",dark:"dark_a0290b57f9",negative:"negative_a14891a872",light:"light_aa59ba4f3e",disabled:"disabled_59d4ba62cd",menu:"menu_e875bc400e"};!function(n){const e="s_id-61cbbafd7170_3_59_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_2ca9f1187d {\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_2ca9f1187d:focus-visible, .counterContainer_2ca9f1187d.focus-visible_633c57e6f3 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_2ca9f1187d:focus-visible:focus-visible, .counterContainer_2ca9f1187d:focus-visible.focus-visible_633c57e6f3, .counterContainer_2ca9f1187d.focus-visible_633c57e6f3:focus-visible, .counterContainer_2ca9f1187d.focus-visible_633c57e6f3.focus-visible_633c57e6f3 {\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_2ca9f1187d:focus-visible:focus:not(.focus-visible_633c57e6f3), .counterContainer_2ca9f1187d.focus-visible_633c57e6f3:focus:not(.focus-visible_633c57e6f3) {\n  outline: none;\n}\n.counterContainer_2ca9f1187d.xs_38f4a358b6 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_2ca9f1187d.small_5968abae6b {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_2ca9f1187d.medium_8304245127 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_2ca9f1187d.large_f92d85f0ca {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_2ca9f1187d.primary_8bf4f33631 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_2ca9f1187d.dark_a0290b57f9 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_2ca9f1187d.negative_a14891a872 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_2ca9f1187d.light_aa59ba4f3e {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_2ca9f1187d .disabled_59d4ba62cd, .counterContainer_2ca9f1187d.disabled_59d4ba62cd {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_e875bc400e {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_e875bc400e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_e875bc400e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var e={counterContainer:"counterContainer_fad9e7bea6","focus-visible":"focus-visible_cafa21dd02",xs:"xs_d0bef0ca2b",small:"small_c387565039",medium:"medium_5978d85721",large:"large_09bbb7017f",primary:"primary_bb7c5165cb",dark:"dark_e5bb11e714",negative:"negative_710a1fed88",light:"light_629a1f8fcb",disabled:"disabled_beb58cdf37",menu:"menu_657f80188c"};!function(e){const n="s_id-61cbbafd7170_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".counterContainer_fad9e7bea6 {\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_fad9e7bea6:focus-visible, .counterContainer_fad9e7bea6.focus-visible_cafa21dd02 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_fad9e7bea6:focus-visible:focus-visible, .counterContainer_fad9e7bea6:focus-visible.focus-visible_cafa21dd02, .counterContainer_fad9e7bea6.focus-visible_cafa21dd02:focus-visible, .counterContainer_fad9e7bea6.focus-visible_cafa21dd02.focus-visible_cafa21dd02 {\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_fad9e7bea6:focus-visible:focus:not(.focus-visible_cafa21dd02), .counterContainer_fad9e7bea6.focus-visible_cafa21dd02:focus:not(.focus-visible_cafa21dd02) {\n  outline: none;\n}\n.counterContainer_fad9e7bea6.xs_d0bef0ca2b {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_fad9e7bea6.small_c387565039 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_fad9e7bea6.medium_5978d85721 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_fad9e7bea6.large_09bbb7017f {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_fad9e7bea6.primary_bb7c5165cb {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_fad9e7bea6.dark_e5bb11e714 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_fad9e7bea6.negative_710a1fed88 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_fad9e7bea6.light_629a1f8fcb {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_fad9e7bea6 .disabled_beb58cdf37, .counterContainer_fad9e7bea6.disabled_beb58cdf37 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_657f80188c {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_657f80188c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_657f80188c::-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/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_5d9db20d03",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_20c707165e",tooltipContainer:"tooltipContainer_a67df186b2","focus-visible":"focus-visible_633c57e6f3",tooltipGridContainer:"tooltipGridContainer_ae51afb767",scrollableContainer:"scrollableContainer_7c9a425e1c"};!function(t){const e="s_id-f3cc0fae9cc4_3_59_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_5d9db20d03 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_20c707165e {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_a67df186b2 {\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_a67df186b2:focus, .tooltipContainer_a67df186b2:focus-visible, .tooltipContainer_a67df186b2.focus-visible_633c57e6f3 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_ae51afb767 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_7c9a425e1c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_7c9a425e1c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_40e9d7a2fa",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_195c2f3529",tooltipContainer:"tooltipContainer_a54c293239","focus-visible":"focus-visible_cafa21dd02",tooltipGridContainer:"tooltipGridContainer_a0e8242892",scrollableContainer:"scrollableContainer_ea6965847d"};!function(t){const e="s_id-f3cc0fae9cc4_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_40e9d7a2fa {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_195c2f3529 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_a54c293239 {\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_a54c293239:focus, .tooltipContainer_a54c293239:focus-visible, .tooltipContainer_a54c293239.focus-visible_cafa21dd02 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_a0e8242892 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_ea6965847d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_ea6965847d::-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.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import{BadgeType as c,BadgeAlignments as d,BadgeAnchor as l}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";import u from"./Badge.module.scss.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=g(r((function(r,c){var d=r.type,l=void 0===d?"indicator":d,g=r.anchor,v=void 0===g?"top-end":g,h=r.alignment,b=void 0===h?"rectangular":h,y=r.className,E=r.id,C=r["data-testid"],N=r.children,B=t(r,["type","anchor","alignment","className","id","data-testid","children"]),I=o(null),M=i(c,I),O=s(u.badge,j(u,a(v)),j(u,b)),_=B.color||"indicator"===l?"notification":"negative";return e.createElement("div",{ref:M,className:s(u.badgeWrapper,y),id:E},N,e.createElement("div",{className:O,"data-testid":C||m(n.BADGE,E)},"indicator"===l?e.createElement(p,Object.assign({color:_},B)):"counter"===l&&e.createElement(f,Object.assign({color:_},B))))})),{types:c,alignments:d,anchors:l});export{v as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as c}from"../../tests/constants.js";import{BadgeType as d,BadgeAlignments as l,BadgeAnchor as p}from"./BadgeConstants.js";import f from"./Indicator/Indicator.js";import j from"../Counter/Counter.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Badge.module.scss.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var h=v(r((function(r,d){var l=r.type,p=void 0===l?"indicator":l,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,y=r.className,B=r.id,C=r["data-testid"],N=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),A=o(null),D=i(d,A),G=s(g.badge,u(g,a(h)),u(g,E)),M=I.color||"indicator"===p?"notification":"negative";return e.createElement("div",{ref:D,className:s(g.badgeWrapper,y),id:B,"data-vibe":n.BADGE},N,e.createElement("div",{className:G,"data-testid":C||m(c.BADGE,B)},"indicator"===p?e.createElement(f,Object.assign({color:M},I)):"counter"===p&&e.createElement(j,Object.assign({color:M},I))))})),{types:d,alignments:l,anchors:p});export{h as default};
 //# sourceMappingURL=Badge.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 { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport {\n BadgeAlignments as BadgeAlignmentsEnum,\n BadgeAnchor as BadgeAnchorEnum,\n BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { type CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\ninterface BadgeStaticProps {\n types: typeof BadgeTypeEnum;\n alignments: typeof BadgeAlignmentsEnum;\n anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n types: BadgeTypeEnum,\n alignments: BadgeAlignmentsEnum,\n anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","~~createElement~~","~~badgeWrapper~~","~~getTestId~~","~~ComponentDefaultTestId~~","~~BADGE~~","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"~~6rBAmDA~~,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,~~EAAKC~~,~~cAAA,MAAA,CAAAzB,~~IAAKe,EAAWR,UAAWW,EAAGC,~~EAAOO~~,~~aAAcnB~~,GAAYC,GAAIA,~~GACrEE~~,EACDc,~~EAAKC~~,cAAA,MAAA,~~CAAAlB~~,UAAWU,EAA8B,cAAAR,~~GAAckB~~,EAAUC,~~EAAuBC~~,~~MAAOrB~~,IACxF,cAATP,EACCuB,~~EAACC~~,~~cAAAK~~,EAAUC,OAAAC,OAAA,~~CAAAT~~,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,~~gBAACS~~,EAAOF,OAAAC,OAAA,~~CAACT~~,MAAOA,GAA4BZ,KAK5E,IASkE,~~CAClEuB~~,MAAOC,EACPC,WAAYC,EACZC,QAASC"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport {\n BadgeAlignments as BadgeAlignmentsEnum,\n BadgeAnchor as BadgeAnchorEnum,\n BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { type CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n /*\n The position of the badge relative to its parent.\n /\n anchor?: BadgeAnchor;\n /\n The alignment style of the badge.\n /\n alignment?: BadgeAlignments;\n /\n The content the badge is attached to.\n /\n children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n /\n The type of badge, set to `\"counter\"` for numeric values.\n /\n type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n /\n The type of badge, set to `\"indicator\"` for a simple dot.\n */\n type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps \| IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n (\n {\n type = \"indicator\",\n anchor = \"top-end\",\n alignment = \"rectangular\",\n className,\n id,\n \"data-testid\": dataTestId,\n children,\n ...badgeProps\n }: BadgeProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const badgeClassNames = cx(\n styles.badge,\n getStyle(styles, camelCase(anchor as unknown as string)),\n getStyle(styles, alignment)\n );\n\n const color = badgeProps.color \|\| type === \"indicator\" ? \"notification\" : \"negative\";\n\n return (\n <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n {children}\n <div className={badgeClassNames} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BADGE, id)}>\n {type === \"indicator\" ? (\n <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n ) : (\n type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n )}\n </div>\n </div>\n );\n }\n);\n\ninterface BadgeStaticProps {\n types: typeof BadgeTypeEnum;\n alignments: typeof BadgeAlignmentsEnum;\n anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n types: BadgeTypeEnum,\n alignments: BadgeAlignmentsEnum,\n anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"ktBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEwB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}

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

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

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_b01985ef9b",primary:"primary_9b9debd6ef",notification:"notification_2469589902"};!function(e){const i="s_id-d6448d74722f_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_b01985ef9b {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_b01985ef9b.primary_9b9debd6ef {\n  background-color: var(--primary-color);\n}\n.indicator_b01985ef9b.notification_2469589902 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_cfb9c4ca42",primary:"primary_66674d76fe",notification:"notification_fe9de4dd9d"};!function(e){const i="s_id-d6448d74722f_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_cfb9c4ca42 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_cfb9c4ca42.primary_66674d76fe {\n  background-color: var(--primary-color);\n}\n.indicator_cfb9c4ca42.notification_fe9de4dd9d {\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 e={wrapper:"wrapper_a5808e2538",small:"small_75402076e3",medium:"medium_ad79b2f89c",large:"large_c1de2c6f55",rightThinnerPadding:"rightThinnerPadding_ee2ab0efcb",input:"input_8a3ee99dcd",success:"success_efe8caef10",readOnly:"readOnly_31b9852f78",disabled:"disabled_e4e202b444",error:"error_1520fa4e1e"};!function(e){const r="s_id-8dc268c8a1a1_3_59_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_a5808e2538 {\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_a5808e2538.small_75402076e3 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_a5808e2538.medium_ad79b2f89c {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_a5808e2538.large_c1de2c6f55 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_a5808e2538.rightThinnerPadding_ee2ab0efcb {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_a5808e2538:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd:active, .input_8a3ee99dcd:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd:read-only) .input_8a3ee99dcd {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd:disabled) .input_8a3ee99dcd {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10:has(.input_8a3ee99dcd:active, .input_8a3ee99dcd:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_a5808e2538:has(.input_8a3ee99dcd[aria-invalid=true]):has(.input_8a3ee99dcd:active, .input_8a3ee99dcd:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_a5808e2538:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_a5808e2538.readOnly_31b9852f78 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_a5808e2538.readOnly_31b9852f78 .input_8a3ee99dcd {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_a5808e2538.disabled_e4e202b444 {\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_a5808e2538.disabled_e4e202b444 .input_8a3ee99dcd {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538.success_efe8caef10:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_a5808e2538.error_1520fa4e1e {\n    border-color: var(--negative-color);\n  }\n  .wrapper_a5808e2538.error_1520fa4e1e:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_a5808e2538.error_1520fa4e1e:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_a5808e2538 .input_8a3ee99dcd {\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_a5808e2538 .input_8a3ee99dcd::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_a5808e2538 .input_8a3ee99dcd:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var r={wrapper:"wrapper_ec92f5ad56",small:"small_a1bf68c571",medium:"medium_68d0613602",large:"large_cb4d166277",rightThinnerPadding:"rightThinnerPadding_16fa23cf5e",input:"input_8ecda75fb6",success:"success_eb733982f4",readOnly:"readOnly_2b166dfa0b",disabled:"disabled_114423b1b2",error:"error_d8bc872ca7"};!function(r){const e="s_id-8dc268c8a1a1_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_ec92f5ad56 {\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_ec92f5ad56.small_a1bf68c571 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_ec92f5ad56.medium_68d0613602 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_ec92f5ad56.large_cb4d166277 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_ec92f5ad56.rightThinnerPadding_16fa23cf5e {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_ec92f5ad56:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6:active, .input_8ecda75fb6:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6:read-only) .input_8ecda75fb6 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6:disabled) .input_8ecda75fb6 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4:has(.input_8ecda75fb6:active, .input_8ecda75fb6:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ec92f5ad56:has(.input_8ecda75fb6[aria-invalid=true]):has(.input_8ecda75fb6:active, .input_8ecda75fb6:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_ec92f5ad56:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_ec92f5ad56.readOnly_2b166dfa0b {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_ec92f5ad56.readOnly_2b166dfa0b .input_8ecda75fb6 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_ec92f5ad56.disabled_114423b1b2 {\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_ec92f5ad56.disabled_114423b1b2 .input_8ecda75fb6 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56.success_eb733982f4:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ec92f5ad56.error_d8bc872ca7 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ec92f5ad56.error_d8bc872ca7:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ec92f5ad56.error_d8bc872ca7:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_ec92f5ad56 .input_8ecda75fb6 {\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_ec92f5ad56 .input_8ecda75fb6::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_ec92f5ad56 .input_8ecda75fb6:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_870159bba5",highlighted:"highlighted_924ffa7ed7",disabled:"disabled_5799756301",readOnly:"readOnly_743c2bd691",selected:"selected_95b31819b3",small:"small_3f899861cd",medium:"medium_120798881d",large:"large_8e9b681a16",avatar:"avatar_ffccb1d935",icon:"icon_20c707165e",indent:"indent_c6ce844212",endElement:"endElement_b38a1344cf"};!function(e){const a="s_id-410c7e21b012_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_870159bba5 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_870159bba5.highlighted_924ffa7ed7 {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_870159bba5.disabled_5799756301 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_870159bba5.readOnly_743c2bd691 {\n  cursor: default;\n}\n.wrapper_870159bba5.selected_95b31819b3 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_870159bba5.selected_95b31819b3.highlighted_924ffa7ed7 {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_870159bba5.small_3f899861cd {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_870159bba5.medium_120798881d {\n  padding: 9px 12px;\n}\n.wrapper_870159bba5.large_8e9b681a16 {\n  padding: 13px 12px;\n}\n.wrapper_870159bba5 .avatar_ffccb1d935,\n.wrapper_870159bba5 .icon_20c707165e {\n  flex-shrink: 0;\n}\n.wrapper_870159bba5 .indent_c6ce844212 {\n  width: 20px;\n}\n.wrapper_870159bba5 .endElement_b38a1344cf {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_fca941cff3",highlighted:"highlighted_73b69bbc2f",disabled:"disabled_62e0facd30",readOnly:"readOnly_de20658e7d",selected:"selected_5037a5e8ee",small:"small_14719a71fe",medium:"medium_c218ddfc85",large:"large_5c9608dfc4",avatar:"avatar_de6118afaa",icon:"icon_195c2f3529",indent:"indent_ad9f08fbcf",endElement:"endElement_a1c2b22eb9"};!function(e){const a="s_id-410c7e21b012_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_fca941cff3 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_fca941cff3.highlighted_73b69bbc2f {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_fca941cff3.disabled_62e0facd30 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_fca941cff3.readOnly_de20658e7d {\n  cursor: default;\n}\n.wrapper_fca941cff3.selected_5037a5e8ee {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_fca941cff3.selected_5037a5e8ee.highlighted_73b69bbc2f {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_fca941cff3.small_14719a71fe {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_fca941cff3.medium_c218ddfc85 {\n  padding: 9px 12px;\n}\n.wrapper_fca941cff3.large_5c9608dfc4 {\n  padding: 13px 12px;\n}\n.wrapper_fca941cff3 .avatar_de6118afaa,\n.wrapper_fca941cff3 .icon_195c2f3529 {\n  flex-shrink: 0;\n}\n.wrapper_fca941cff3 .indent_ad9f08fbcf {\n  width: 20px;\n}\n.wrapper_fca941cff3 .endElement_a1c2b22eb9 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={box:"box_d334b5646e",scrollable:"scrollable_66e2020138",opacityDisabled:"opacityDisabled_d15d954e8f",border:"border_6c45aaef59",borderColorUiBorderColor:"borderColorUiBorderColor_b62e273bd3",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_ea06285311",rounded0:"rounded0_0ae7249cec",roundedSmall:"roundedSmall_59167dc167",roundedMedium:"roundedMedium_4ff3133ec4",roundedBig:"roundedBig_ffce17eb78",shadowXs:"shadowXs_28dd725c6b",shadowSmall:"shadowSmall_db3d235dc7",shadowMedium:"shadowMedium_248505209b",shadowLarge:"shadowLarge_cbe44710f8",m0:"m0_7d2305cca9",mXs:"mXs_a6cdbe9694",mSmall:"mSmall_7c57215943",mMedium:"mMedium_64273b909f",mLarge:"mLarge_bfda05536c",mXl:"mXl_97c973843c",mXxl:"mXxl_88458e583b",mXxxl:"mXxxl_ad52d29de7",mAuto:"mAuto_39a162977b",mx0:"mx0_fb51cd5965",mxXs:"mxXs_1c4d6df680",mxSmall:"mxSmall_71a3229855",mxMedium:"mxMedium_f30bcf0dd8",mxLarge:"mxLarge_4dd325ec04",mxXl:"mxXl_5df021ec4f",mxXxl:"mxXxl_4539e894ed",mxXxxl:"mxXxxl_f9965d4b1c",mxAuto:"mxAuto_e22d02fa0b",my0:"my0_9e0027eae7",myXs:"myXs_41ffcf793c",mySmall:"mySmall_7343887302",myMedium:"myMedium_b53687230e",myLarge:"myLarge_89779fef56",myXl:"myXl_c7ebdc23d0",myXxl:"myXxl_e715c73257",myXxxl:"myXxxl_2bb86be444",myAuto:"myAuto_10ce080704",mt0:"mt0_0526be1074",mtXs:"mtXs_1bc6ab13ef",mtSmall:"mtSmall_6a44c0d886",mtMedium:"mtMedium_66c43cd5d4",mtLarge:"mtLarge_415b531b18",mtXl:"mtXl_ef6b7dbf33",mtXxl:"mtXxl_7f18dde800",mtXxxl:"mtXxxl_089273dabf",mtAuto:"mtAuto_689d5ad741",me0:"me0_56c5c7291e",meXs:"meXs_a8c70dac50",meSmall:"meSmall_fa1ef88a8c",meMedium:"meMedium_2a63e9f838",meLarge:"meLarge_8ba1e58d2e",meXl:"meXl_614dfbb3b1",meXxl:"meXxl_6ec2889d1c",meXxxl:"meXxxl_f1ad65eb91",meAuto:"meAuto_0fc1fc9403",mb0:"mb0_7b6edec61c",mbXs:"mbXs_32090ed0d7",mbSmall:"mbSmall_fbd4e8f734",mbMedium:"mbMedium_596bf02f84",mbLarge:"mbLarge_13ceda70ab",mbXl:"mbXl_fab75e5292",mbXxl:"mbXxl_573d80bf62",mbXxxl:"mbXxxl_b827b31a23",mbAuto:"mbAuto_de8b7b94fd",ms0:"ms0_ae44ec025d",msXs:"msXs_205214282c",msSmall:"msSmall_ee847615d3",msMedium:"msMedium_b6c277dd0f",msLarge:"msLarge_a95652f2a0",msXl:"msXl_c4e6a33db7",msXxl:"msXxl_6f2f2cca00",msXxxl:"msXxxl_b754101f13",msAuto:"msAuto_f4f846b4d0",p0:"p0_cddcc0d03d",pXs:"pXs_abc99118f3",pSmall:"pSmall_61292078a4",pMedium:"pMedium_4ecb8a09ec",pLarge:"pLarge_d05ffe9079",pXl:"pXl_86d1c3f0f0",pXxl:"pXxl_1d2a1e997f",pXxxl:"pXxxl_42efc3892b",px0:"px0_d876026f87",pxXs:"pxXs_d7b5cbb651",pxSmall:"pxSmall_bc8a7cebc6",pxMedium:"pxMedium_b3fca55675",pxLarge:"pxLarge_7d36162f61",pxXl:"pxXl_8272bcc788",pxXxl:"pxXxl_be05319e44",pxXxxl:"pxXxxl_9d10344db3",py0:"py0_f7dc4115c6",pyXs:"pyXs_56bac9e095",pySmall:"pySmall_984bb9198f",pyMedium:"pyMedium_1e1c43ca58",pyLarge:"pyLarge_e4ad981c11",pyXl:"pyXl_a1300aa0ea",pyXxl:"pyXxl_037f7b8689",pyXxxl:"pyXxxl_cd5a6695b5",pt0:"pt0_9a60347263",ptXs:"ptXs_675c895886",ptSmall:"ptSmall_885576cfb4",ptMedium:"ptMedium_d3262d55b3",ptLarge:"ptLarge_ef48f681c3",ptXl:"ptXl_b1eade2a0c",ptXxl:"ptXxl_8dc0da3177",ptXxxl:"ptXxxl_e237d15c20",pe0:"pe0_20cfb89423",peXs:"peXs_ea0ab21040",peSmall:"peSmall_38838f3947",peMedium:"peMedium_49396e8f39",peLarge:"peLarge_be8306b73d",peXl:"peXl_00a78a0cc7",peXxl:"peXxl_5083efe321",peXxxl:"peXxxl_9d7f4fb8c4",pb0:"pb0_7f010d6013",pbXs:"pbXs_3be9cef9dd",pbSmall:"pbSmall_7a0afa0b31",pbMedium:"pbMedium_8c48503769",pbLarge:"pbLarge_769a854ff1",pbXl:"pbXl_34e79c4957",pbXxl:"pbXxl_0f0e0ee33e",pbXxxl:"pbXxxl_1aedb5beda",ps0:"ps0_f77a1b3c6a",psXs:"psXs_03fec6d421",psSmall:"psSmall_0ab0d0a1e8",psMedium:"psMedium_e7e20861a3",psLarge:"psLarge_8d35f452b1",psXl:"psXl_0d4b0124b9",psXxl:"psXxl_0d99e1a1f9",psXxxl:"psXxxl_cbf519f69e",textPrimaryTextColor:"textPrimaryTextColor_1f8d3853ae",textTextColorOnInverted:"textTextColorOnInverted_c6c71746c9",textSecondaryTextColor:"textSecondaryTextColor_cb4f1e03e7",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_f4fd7b1450",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4ff194d3fb",bgGreyBackgroundColor:"bgGreyBackgroundColor_d9b8d3abac",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_8df1382cff",bgInvertedColorBackground:"bgInvertedColorBackground_c85c55a645"};!function(n){const a="s_id-1ea68be2c9b7_3_59_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_d334b5646e {\n  overflow: hidden;\n}\n.box_d334b5646e.scrollable_66e2020138 {\n  overflow: auto;\n}\n.box_d334b5646e.scrollable_66e2020138::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_d334b5646e.scrollable_66e2020138::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_d15d954e8f {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_6c45aaef59 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b62e273bd3 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_ea06285311 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_0ae7249cec {\n  border-radius: 0 !important;\n}\n.roundedSmall_59167dc167 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_4ff3133ec4 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_ffce17eb78 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_28dd725c6b {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_db3d235dc7 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_248505209b {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_cbe44710f8 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_7d2305cca9 {\n  margin: 0 !important;\n}\n.mXs_a6cdbe9694 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_7c57215943 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_64273b909f {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_bfda05536c {\n  margin: var(--spacing-large) !important;\n}\n.mXl_97c973843c {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_88458e583b {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ad52d29de7 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_39a162977b {\n  margin: auto !important;\n}\n.mx0_fb51cd5965 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_1c4d6df680 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_71a3229855 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_f30bcf0dd8 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_4dd325ec04 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_5df021ec4f {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_4539e894ed {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f9965d4b1c {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_e22d02fa0b {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_9e0027eae7 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_41ffcf793c {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_7343887302 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_b53687230e {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_89779fef56 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_c7ebdc23d0 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_e715c73257 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_2bb86be444 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_10ce080704 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_0526be1074 {\n  margin-top: 0 !important;\n}\n.mtXs_1bc6ab13ef {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6a44c0d886 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_66c43cd5d4 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_415b531b18 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_ef6b7dbf33 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_7f18dde800 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_089273dabf {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_689d5ad741 {\n  margin-top: auto !important;\n}\n.me0_56c5c7291e {\n  margin-inline-end: 0 !important;\n}\n.meXs_a8c70dac50 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_fa1ef88a8c {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_2a63e9f838 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_8ba1e58d2e {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_614dfbb3b1 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_6ec2889d1c {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_f1ad65eb91 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_0fc1fc9403 {\n  margin-inline-end: auto !important;\n}\n.mb0_7b6edec61c {\n  margin-bottom: 0 !important;\n}\n.mbXs_32090ed0d7 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_fbd4e8f734 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_596bf02f84 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_13ceda70ab {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_fab75e5292 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_573d80bf62 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_b827b31a23 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_de8b7b94fd {\n  margin-bottom: auto !important;\n}\n.ms0_ae44ec025d {\n  margin-inline-start: 0 !important;\n}\n.msXs_205214282c {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_ee847615d3 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_b6c277dd0f {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_a95652f2a0 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_c4e6a33db7 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_6f2f2cca00 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_b754101f13 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_f4f846b4d0 {\n  margin-inline-start: auto !important;\n}\n.p0_cddcc0d03d {\n  padding: 0 !important;\n}\n.pXs_abc99118f3 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_61292078a4 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_4ecb8a09ec {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_d05ffe9079 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_86d1c3f0f0 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_1d2a1e997f {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_42efc3892b {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_d876026f87 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_d7b5cbb651 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_bc8a7cebc6 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_b3fca55675 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_7d36162f61 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_8272bcc788 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_be05319e44 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_9d10344db3 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_f7dc4115c6 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_56bac9e095 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_984bb9198f {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_1e1c43ca58 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_e4ad981c11 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_a1300aa0ea {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_037f7b8689 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_cd5a6695b5 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_9a60347263 {\n  padding-top: 0 !important;\n}\n.ptXs_675c895886 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_885576cfb4 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_d3262d55b3 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_ef48f681c3 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_b1eade2a0c {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_8dc0da3177 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_e237d15c20 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_20cfb89423 {\n  padding-inline-end: 0 !important;\n}\n.peXs_ea0ab21040 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_38838f3947 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_49396e8f39 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_be8306b73d {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_00a78a0cc7 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_5083efe321 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_9d7f4fb8c4 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_7f010d6013 {\n  padding-bottom: 0 !important;\n}\n.pbXs_3be9cef9dd {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_7a0afa0b31 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_8c48503769 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_769a854ff1 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_34e79c4957 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_0f0e0ee33e {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_1aedb5beda {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_f77a1b3c6a {\n  padding-inline-start: 0 !important;\n}\n.psXs_03fec6d421 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_0ab0d0a1e8 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_e7e20861a3 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_8d35f452b1 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_0d4b0124b9 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_0d99e1a1f9 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_cbf519f69e {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_1f8d3853ae {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_c6c71746c9 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_cb4f1e03e7 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_f4fd7b1450 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4ff194d3fb {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_d9b8d3abac {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_8df1382cff {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_c85c55a645 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_3c3d8f69c6",scrollable:"scrollable_e54c0c9733",opacityDisabled:"opacityDisabled_7cdf1df020",border:"border_fdf7b15636",borderColorUiBorderColor:"borderColorUiBorderColor_b7426db4fd",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_22dfe1613c",rounded0:"rounded0_622413701a",roundedSmall:"roundedSmall_d24a7bd54a",roundedMedium:"roundedMedium_1e18c47739",roundedBig:"roundedBig_5062e82a24",shadowXs:"shadowXs_d4387f79aa",shadowSmall:"shadowSmall_a462b11a4a",shadowMedium:"shadowMedium_2a076e123a",shadowLarge:"shadowLarge_565a84ca8b",m0:"m0_3cb758c978",mXs:"mXs_f964f11ae4",mSmall:"mSmall_3aa94e1520",mMedium:"mMedium_114fc1d1d5",mLarge:"mLarge_036e7126af",mXl:"mXl_f024837d91",mXxl:"mXxl_5ddf609f67",mXxxl:"mXxxl_adb9ab166f",mAuto:"mAuto_eb334c884f",mx0:"mx0_a6372e6f0b",mxXs:"mxXs_741672095a",mxSmall:"mxSmall_3eb2fde48b",mxMedium:"mxMedium_94cd770435",mxLarge:"mxLarge_9664682f32",mxXl:"mxXl_55f5bdc95f",mxXxl:"mxXxl_3068aa65eb",mxXxxl:"mxXxxl_3696d70d81",mxAuto:"mxAuto_e292bf9ca3",my0:"my0_1a9fad60f7",myXs:"myXs_41dc38cf14",mySmall:"mySmall_838c80faef",myMedium:"myMedium_859da54877",myLarge:"myLarge_67454007b4",myXl:"myXl_f81d1e1496",myXxl:"myXxl_59bf926220",myXxxl:"myXxxl_0cea36313a",myAuto:"myAuto_1c74a249d0",mt0:"mt0_9f52793b0e",mtXs:"mtXs_5235add69f",mtSmall:"mtSmall_352aa4fea2",mtMedium:"mtMedium_87ec5eac22",mtLarge:"mtLarge_177397fa12",mtXl:"mtXl_a91889d27d",mtXxl:"mtXxl_57e6eb6d9e",mtXxxl:"mtXxxl_a64d46c5af",mtAuto:"mtAuto_ea386d364b",me0:"me0_0cc1b2fc91",meXs:"meXs_684b21b944",meSmall:"meSmall_b9f72de3ed",meMedium:"meMedium_0d8b1e94f2",meLarge:"meLarge_4655bfb85d",meXl:"meXl_c1d56b4a8c",meXxl:"meXxl_318494fd8c",meXxxl:"meXxxl_e24bae3530",meAuto:"meAuto_58b75b5d1a",mb0:"mb0_12e0f8c52b",mbXs:"mbXs_92c317f6d9",mbSmall:"mbSmall_b2ae4acb85",mbMedium:"mbMedium_dac068caf8",mbLarge:"mbLarge_ba59c1d7a6",mbXl:"mbXl_8b1eb03e26",mbXxl:"mbXxl_ced2ac4671",mbXxxl:"mbXxxl_3ba0629955",mbAuto:"mbAuto_71385dda73",ms0:"ms0_ec0e096828",msXs:"msXs_ef5f4c73a0",msSmall:"msSmall_9de6cf1bca",msMedium:"msMedium_229d6a8b61",msLarge:"msLarge_ffdc489d4d",msXl:"msXl_4ce2b89710",msXxl:"msXxl_4226908511",msXxxl:"msXxxl_213e5ff9df",msAuto:"msAuto_2fdc189fdd",p0:"p0_ab0be7cd7c",pXs:"pXs_f1164dc7bf",pSmall:"pSmall_046d613381",pMedium:"pMedium_e79588290e",pLarge:"pLarge_fa31279701",pXl:"pXl_234f51f640",pXxl:"pXxl_02a238458b",pXxxl:"pXxxl_ecf548cfb0",px0:"px0_e6aa7a8d3c",pxXs:"pxXs_69b42ac2ae",pxSmall:"pxSmall_e87043fa1f",pxMedium:"pxMedium_74c1f2280b",pxLarge:"pxLarge_758639a237",pxXl:"pxXl_269a2c39ff",pxXxl:"pxXxl_df8be4592d",pxXxxl:"pxXxxl_b003613fa4",py0:"py0_b9b1a3849d",pyXs:"pyXs_e40f2e40b4",pySmall:"pySmall_7bd768cd54",pyMedium:"pyMedium_9d699a4bbe",pyLarge:"pyLarge_36c8018744",pyXl:"pyXl_2776aabdc1",pyXxl:"pyXxl_83e12dfc40",pyXxxl:"pyXxxl_8f2dd42517",pt0:"pt0_12778b69ca",ptXs:"ptXs_af9dfd01e1",ptSmall:"ptSmall_abe922a6a0",ptMedium:"ptMedium_e112817670",ptLarge:"ptLarge_cedb09db28",ptXl:"ptXl_c5f69c1f45",ptXxl:"ptXxl_0f6c5d5a65",ptXxxl:"ptXxxl_5ea5ee6722",pe0:"pe0_1852aff843",peXs:"peXs_7f9bb7183f",peSmall:"peSmall_aa9a4c65db",peMedium:"peMedium_675e400ac7",peLarge:"peLarge_db2d9fee1f",peXl:"peXl_892a30fccb",peXxl:"peXxl_c19320701e",peXxxl:"peXxxl_b750b0425f",pb0:"pb0_91c9e4d29c",pbXs:"pbXs_c5227bf072",pbSmall:"pbSmall_4db0f81b93",pbMedium:"pbMedium_c6121f25c7",pbLarge:"pbLarge_99a633a829",pbXl:"pbXl_63b667acf1",pbXxl:"pbXxl_fed70f704a",pbXxxl:"pbXxxl_40ea263172",ps0:"ps0_24a62dbb99",psXs:"psXs_49a1719dd6",psSmall:"psSmall_d3dd726d73",psMedium:"psMedium_fb9d6e3b3c",psLarge:"psLarge_0d69f03e43",psXl:"psXl_be040fef8f",psXxl:"psXxl_3a71ca81cf",psXxxl:"psXxxl_ba676d5fb6",textPrimaryTextColor:"textPrimaryTextColor_e14a03d9ca",textTextColorOnInverted:"textTextColorOnInverted_9ff92e0783",textSecondaryTextColor:"textSecondaryTextColor_b22fa50e86",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_cf72ff1abf",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ac45dd6375",bgGreyBackgroundColor:"bgGreyBackgroundColor_2bf63a2f07",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_7aeb3d78db",bgInvertedColorBackground:"bgInvertedColorBackground_0351c399c5"};!function(n){const a="s_id-1ea68be2c9b7_3_61_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_3c3d8f69c6 {\n  overflow: hidden;\n}\n.box_3c3d8f69c6.scrollable_e54c0c9733 {\n  overflow: auto;\n}\n.box_3c3d8f69c6.scrollable_e54c0c9733::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_3c3d8f69c6.scrollable_e54c0c9733::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_7cdf1df020 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_fdf7b15636 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b7426db4fd {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_22dfe1613c {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_622413701a {\n  border-radius: 0 !important;\n}\n.roundedSmall_d24a7bd54a {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_1e18c47739 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_5062e82a24 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_d4387f79aa {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_a462b11a4a {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_2a076e123a {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_565a84ca8b {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_3cb758c978 {\n  margin: 0 !important;\n}\n.mXs_f964f11ae4 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_3aa94e1520 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_114fc1d1d5 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_036e7126af {\n  margin: var(--spacing-large) !important;\n}\n.mXl_f024837d91 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_5ddf609f67 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_adb9ab166f {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_eb334c884f {\n  margin: auto !important;\n}\n.mx0_a6372e6f0b {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_741672095a {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_3eb2fde48b {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_94cd770435 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_9664682f32 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_55f5bdc95f {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_3068aa65eb {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_3696d70d81 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_e292bf9ca3 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_1a9fad60f7 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_41dc38cf14 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_838c80faef {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_859da54877 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_67454007b4 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_f81d1e1496 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_59bf926220 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_0cea36313a {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_1c74a249d0 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9f52793b0e {\n  margin-top: 0 !important;\n}\n.mtXs_5235add69f {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_352aa4fea2 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_87ec5eac22 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_177397fa12 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_a91889d27d {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_57e6eb6d9e {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_a64d46c5af {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_ea386d364b {\n  margin-top: auto !important;\n}\n.me0_0cc1b2fc91 {\n  margin-inline-end: 0 !important;\n}\n.meXs_684b21b944 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b9f72de3ed {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_0d8b1e94f2 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_4655bfb85d {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_c1d56b4a8c {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_318494fd8c {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_e24bae3530 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_58b75b5d1a {\n  margin-inline-end: auto !important;\n}\n.mb0_12e0f8c52b {\n  margin-bottom: 0 !important;\n}\n.mbXs_92c317f6d9 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_b2ae4acb85 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_dac068caf8 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_ba59c1d7a6 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_8b1eb03e26 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_ced2ac4671 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_3ba0629955 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_71385dda73 {\n  margin-bottom: auto !important;\n}\n.ms0_ec0e096828 {\n  margin-inline-start: 0 !important;\n}\n.msXs_ef5f4c73a0 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_9de6cf1bca {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_229d6a8b61 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_ffdc489d4d {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_4ce2b89710 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_4226908511 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_213e5ff9df {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_2fdc189fdd {\n  margin-inline-start: auto !important;\n}\n.p0_ab0be7cd7c {\n  padding: 0 !important;\n}\n.pXs_f1164dc7bf {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_046d613381 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_e79588290e {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_fa31279701 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_234f51f640 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_02a238458b {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_ecf548cfb0 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_e6aa7a8d3c {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_69b42ac2ae {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_e87043fa1f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_74c1f2280b {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_758639a237 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_269a2c39ff {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_df8be4592d {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b003613fa4 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_b9b1a3849d {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_e40f2e40b4 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_7bd768cd54 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_9d699a4bbe {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_36c8018744 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_2776aabdc1 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_83e12dfc40 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_8f2dd42517 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_12778b69ca {\n  padding-top: 0 !important;\n}\n.ptXs_af9dfd01e1 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_abe922a6a0 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_e112817670 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_cedb09db28 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_c5f69c1f45 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_0f6c5d5a65 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_5ea5ee6722 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_1852aff843 {\n  padding-inline-end: 0 !important;\n}\n.peXs_7f9bb7183f {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_aa9a4c65db {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_675e400ac7 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_db2d9fee1f {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_892a30fccb {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_c19320701e {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b750b0425f {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_91c9e4d29c {\n  padding-bottom: 0 !important;\n}\n.pbXs_c5227bf072 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_4db0f81b93 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_c6121f25c7 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_99a633a829 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_63b667acf1 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_fed70f704a {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_40ea263172 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_24a62dbb99 {\n  padding-inline-start: 0 !important;\n}\n.psXs_49a1719dd6 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_d3dd726d73 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_fb9d6e3b3c {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_0d69f03e43 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_be040fef8f {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_3a71ca81cf {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_ba676d5fb6 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_e14a03d9ca {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9ff92e0783 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_b22fa50e86 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_cf72ff1abf {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ac45dd6375 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_2bf63a2f07 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_7aeb3d78db {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_0351c399c5 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_bc1cfa613d",withoutText:"withoutText_a0a1483ec4",breadcrumbText:"breadcrumbText_0fb917ca9c",breadcrumbIcon:"breadcrumbIcon_92e862ab02",clickable:"clickable_2c875c8345",current:"current_a2705b82e6",disabled:"disabled_b39424aa6b",notClickable:"notClickable_31a438c713"};!function(e){const n="s_id-55ff70da99a4_3_59_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,c.firstChild?c.insertBefore(t,c.firstChild):c.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_bc1cfa613d {\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_bc1cfa613d.withoutText_a0a1483ec4 {\n  padding: 4px;\n}\na.breadcrumbContent_bc1cfa613d:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_bc1cfa613d .breadcrumbText_0fb917ca9c {\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_bc1cfa613d .breadcrumbIcon_92e862ab02 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_bc1cfa613d:focus {\n  outline: none;\n}\n.breadcrumbContent_bc1cfa613d.clickable_2c875c8345 {\n  cursor: pointer;\n}\n.breadcrumbContent_bc1cfa613d.clickable_2c875c8345:hover,\n.breadcrumbContent_bc1cfa613d:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_bc1cfa613d.current_a2705b82e6 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_bc1cfa613d.disabled_b39424aa6b {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_bc1cfa613d.disabled_b39424aa6b:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_bc1cfa613d.notClickable_31a438c713 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_f2a2589ce9",withoutText:"withoutText_aa957052b8",breadcrumbText:"breadcrumbText_7343303247",breadcrumbIcon:"breadcrumbIcon_ea2a1211d2",clickable:"clickable_7c6f9577e7",current:"current_63269e7dd2",disabled:"disabled_51f45d506f",notClickable:"notClickable_4a0ec5532c"};!function(e){const n="s_id-55ff70da99a4_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_f2a2589ce9 {\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_f2a2589ce9.withoutText_aa957052b8 {\n  padding: 4px;\n}\na.breadcrumbContent_f2a2589ce9:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_f2a2589ce9 .breadcrumbText_7343303247 {\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_f2a2589ce9 .breadcrumbIcon_ea2a1211d2 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_f2a2589ce9:focus {\n  outline: none;\n}\n.breadcrumbContent_f2a2589ce9.clickable_7c6f9577e7 {\n  cursor: pointer;\n}\n.breadcrumbContent_f2a2589ce9.clickable_7c6f9577e7:hover,\n.breadcrumbContent_f2a2589ce9:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_f2a2589ce9.current_63269e7dd2 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_f2a2589ce9.disabled_51f45d506f {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_f2a2589ce9.disabled_51f45d506f:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_f2a2589ce9.notClickable_4a0ec5532c {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map