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

@vibe/core 3.70.2-alpha-23478.0 → 3.70.3

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

Files changed (1085) hide show

package/dist/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 \"es-toolkit\";\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\n/*\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\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\n/\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\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":"~~87BAiFA~~,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"}
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 \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/*\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\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\n/\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\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":"k9BA2EA,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_313caed4c5",entryAnimation:"entryAnimation_284469d9af",closeIconWrapper:"closeIconWrapper_dd6beab072",closeIcon:"closeIcon_5bd78f4f4d",icon:"icon_30e43b2898",title:"title_6580c4978c",text:"text_186698eb1d",titleContainer:"titleContainer_5bd78f4f4d",typePrimary:"typePrimary_e824b99c76",typeDanger:"typeDanger_8ccdcbe8b4",typeSuccess:"typeSuccess_73bff39b6f",typeDark:"typeDark_83e7013658",typeWarning:"typeWarning_5ea85a70e8",closeIconCompact:"closeIconCompact_4c28867acf",compact:"compact_ee47981f9c",dismissible:"dismissible_d86911e9db",paragraph:"paragraph_e0df68c4a9"};!function(n){const e="s_id-7d53612c3785_3_70_1";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_284469d9af {\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_313caed4c5 {\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_313caed4c5.entryAnimation_284469d9af {\n  animation: entryAnimation_284469d9af 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_313caed4c5 .closeIconWrapper_dd6beab072 .closeIcon_5bd78f4f4d {\n  color: var(--primary-text-color);\n}\n.attentionBox_313caed4c5 .icon_30e43b2898 {\n  flex-shrink: 0;\n}\n.title_6580c4978c {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_186698eb1d,\n.titleContainer_5bd78f4f4d {\n  color: var(--primary-text-color);\n}\n.typePrimary_e824b99c76 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_8ccdcbe8b4 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_73bff39b6f {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_83e7013658 {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_5ea85a70e8 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_5bd78f4f4d {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_5bd78f4f4d:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_dd6beab072 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_4c28867acf {\n  top: calc(50% - 16px);\n}\n.text_186698eb1d.compact_ee47981f9c {\n  flex: 1;\n}\n.text_186698eb1d.compact_ee47981f9c.dismissible_d86911e9db {\n  padding-right: var(--spacing-xl);\n}\n.text_186698eb1d.paragraph_e0df68c4a9 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox_522cc5b239",entryAnimation:"entryAnimation_3eb66aefd9",closeIconWrapper:"closeIconWrapper_db9141f7e1",closeIcon:"closeIcon_36d61a6cf0",icon:"icon_11d5488aa6",title:"title_4d87da310a",text:"text_65649d8598",titleContainer:"titleContainer_36d61a6cf0",typePrimary:"typePrimary_3d8c8a3285",typeDanger:"typeDanger_c0f4321df2",typeSuccess:"typeSuccess_d7130047ce",typeDark:"typeDark_dd9d4b844d",typeWarning:"typeWarning_ee5908dab8",closeIconCompact:"closeIconCompact_0d567a0559",compact:"compact_b2e78a5579",dismissible:"dismissible_3e2744e31d",paragraph:"paragraph_831bd689a2"};!function(n){const e="s_id-7d53612c3785_3_70_2";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_3eb66aefd9 {\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_522cc5b239 {\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_522cc5b239.entryAnimation_3eb66aefd9 {\n  animation: entryAnimation_3eb66aefd9 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_522cc5b239 .closeIconWrapper_db9141f7e1 .closeIcon_36d61a6cf0 {\n  color: var(--primary-text-color);\n}\n.attentionBox_522cc5b239 .icon_11d5488aa6 {\n  flex-shrink: 0;\n}\n.title_4d87da310a {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_65649d8598,\n.titleContainer_36d61a6cf0 {\n  color: var(--primary-text-color);\n}\n.typePrimary_3d8c8a3285 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_c0f4321df2 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_d7130047ce {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_dd9d4b844d {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_ee5908dab8 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_36d61a6cf0 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_36d61a6cf0:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_db9141f7e1 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_0d567a0559 {\n  top: calc(50% - 16px);\n}\n.text_65649d8598.compact_b2e78a5579 {\n  flex: 1;\n}\n.text_65649d8598.compact_b2e78a5579.dismissible_3e2744e31d {\n  padding-right: var(--spacing-xl);\n}\n.text_65649d8598.paragraph_831bd689a2 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r;!function(r){r.PRIMARY="primary",r.SUCCESS="success",r.DANGER="danger",r.DARK="dark",r.WARNING="warning"}(r||(r={}));export{r as AttentionBoxType};
+var n,r;!function(n){n.PRIMARY="primary",n.SUCCESS="success",n.DANGER="danger",n.DARK="dark",n.WARNING="warning"}(n||(n={})),function(n){n.SVG="svg",n.ICON_FONT="font",n.SRC="src"}(r||(r={}));export{n as AttentionBoxType,r as IconTypeEnum};
 //# sourceMappingURL=AttentionBoxConstants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxConstants.js","sources":["../../../../src/components/AttentionBox/AttentionBoxConstants.ts"],"sourcesContent":["/*\n @deprecated\n */\nexport enum AttentionBoxType {\n PRIMARY = \"primary\",\n SUCCESS = \"success\",\n DANGER = \"danger\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n"],"names":["AttentionBoxType"],"mappings":"IAGYA,~~GAAZ~~,~~SAAYA~~,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}
1	+ {"version":3,"file":"AttentionBoxConstants.js","sources":["../../../../src/components/AttentionBox/AttentionBoxConstants.ts"],"sourcesContent":["/*\n @deprecated\n /\nexport enum AttentionBoxType {\n PRIMARY = \"primary\",\n SUCCESS = \"success\",\n DANGER = \"danger\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n\n/\n @deprecated\n */\nexport enum IconTypeEnum {\n SVG = \"svg\",\n ICON_FONT = \"font\",\n SRC = \"src\"\n}\n"],"names":["AttentionBoxType","IconTypeEnum"],"mappings":"IAGYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,UAAA,OACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_ae8c9599b1"};!function(e){const t="s_id-683678bf9fce_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink_ae8c9599b1,\na[href].attentionBoxLink_ae8c9599b1:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_a462938a8d"};!function(e){const t="s_id-683678bf9fce_3_70_2";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_a462938a8d,\na[href].attentionBoxLink_a462938a8d: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.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_51c4eabf76",large:"large_5fc8467f38",medium:"medium_8f4f8f2627",small:"small_44935ee941",xs:"xs_ac24f13ecb",clickableWrapper:"clickableWrapper_2ce32d96d9",circle:"circle_0e6ac00bbc","focus-visible":"focus-visible_77df5a864c",circleImg:"circleImg_0e92f10243",circleText:"circleText_6f7ba9599b",disabled:"disabled_51c4eabf76",square:"square_3f8aa36a14",withoutBorder:"withoutBorder_d6fe62b251",badges:"badges_162a1b5b39",badge:"badge_487a166b09",badgeTopLeft:"badgeTopLeft_5e3673d2b4",badgeTopRight:"badgeTopRight_c6d409a5ec",badgeBottomLeft:"badgeBottomLeft_b1df82ac20",badgeBottomRight:"badgeBottomRight_d84c54a15b"};!function(e){const n="s_id-dccf983c2f60_3_70_1";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_51c4eabf76 {\n  position: relative;\n}\n\n.large_5fc8467f38 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_8f4f8f2627 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_44935ee941 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_ac24f13ecb {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_2ce32d96d9 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_0e6ac00bbc {\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_0e6ac00bbc:focus {\n  outline: none;\n}\n\n.circle_0e6ac00bbc:focus:focus-visible, .circle_0e6ac00bbc:focus.focus-visible_77df5a864c {\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_0e6ac00bbc:focus:focus:not(.focus-visible_77df5a864c) {\n  outline: none;\n}\n\n.circleImg_0e92f10243 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_6f7ba9599b {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_51c4eabf76: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_3f8aa36a14 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_3f8aa36a14:focus {\n  outline: none;\n}\n\n.square_3f8aa36a14:focus:focus-visible, .square_3f8aa36a14:focus.focus-visible_77df5a864c {\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_3f8aa36a14:focus:focus:not(.focus-visible_77df5a864c) {\n  outline: none;\n}\n\n.withoutBorder_d6fe62b251 {\n  border: none;\n}\n\n.badges_162a1b5b39 {\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_162a1b5b39 .badge_487a166b09 {\n  display: flex;\n}\n\n.badges_162a1b5b39 .badgeTopLeft_5e3673d2b4 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_162a1b5b39 .badgeTopRight_c6d409a5ec {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_162a1b5b39 .badgeBottomLeft_b1df82ac20 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_162a1b5b39 .badgeBottomRight_d84c54a15b {\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_999d989c22",large:"large_eff9bc5003",medium:"medium_bf35a79cfa",small:"small_c7713b7342",xs:"xs_6d1154644b",clickableWrapper:"clickableWrapper_dea5f2b02b",circle:"circle_fb9c1f5fb5","focus-visible":"focus-visible_08eca23944",circleImg:"circleImg_a91e1890a1",circleText:"circleText_6e1db0f4e6",disabled:"disabled_999d989c22",square:"square_ae19efdb93",withoutBorder:"withoutBorder_7e8837acf7",badges:"badges_7443b1bd3e",badge:"badge_776853515c",badgeTopLeft:"badgeTopLeft_9264e4f5dc",badgeTopRight:"badgeTopRight_ada60b7f22",badgeBottomLeft:"badgeBottomLeft_eb113b972d",badgeBottomRight:"badgeBottomRight_2d948f91b8"};!function(e){const n="s_id-dccf983c2f60_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_999d989c22 {\n  position: relative;\n}\n\n.large_eff9bc5003 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_bf35a79cfa {\n  height: 32px;\n  width: 32px;\n}\n\n.small_c7713b7342 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_6d1154644b {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_dea5f2b02b {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_fb9c1f5fb5 {\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_fb9c1f5fb5:focus {\n  outline: none;\n}\n\n.circle_fb9c1f5fb5:focus:focus-visible, .circle_fb9c1f5fb5:focus.focus-visible_08eca23944 {\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_fb9c1f5fb5:focus:focus:not(.focus-visible_08eca23944) {\n  outline: none;\n}\n\n.circleImg_a91e1890a1 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_6e1db0f4e6 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_999d989c22: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_ae19efdb93 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_ae19efdb93:focus {\n  outline: none;\n}\n\n.square_ae19efdb93:focus:focus-visible, .square_ae19efdb93:focus.focus-visible_08eca23944 {\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_ae19efdb93:focus:focus:not(.focus-visible_08eca23944) {\n  outline: none;\n}\n\n.withoutBorder_7e8837acf7 {\n  border: none;\n}\n\n.badges_7443b1bd3e {\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_7443b1bd3e .badge_776853515c {\n  display: flex;\n}\n\n.badges_7443b1bd3e .badgeTopLeft_9264e4f5dc {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_7443b1bd3e .badgeTopRight_ada60b7f22 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_7443b1bd3e .badgeBottomLeft_eb113b972d {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_7443b1bd3e .badgeBottomRight_2d948f91b8 {\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.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_6e9c5329b1",contentText:"contentText_7fe8537676",contentTextLarge:"contentTextLarge_398f9f0cd7",contentTextMedium:"contentTextMedium_8c45e611a8",contentTextSmall:"contentTextSmall_526a69b2c3",contentTextXs:"contentTextXs_1c9aaff123",contentIconLarge:"contentIconLarge_44935ee941",contentIconMedium:"contentIconMedium_7cf6433993",contentIconSmall:"contentIconSmall_004dc36f84"};!function(n){const t="s_id-50188146c7c7_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg_6e9c5329b1 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_7fe8537676 {\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_398f9f0cd7 {\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_8c45e611a8 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_526a69b2c3 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_1c9aaff123 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_44935ee941 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_7cf6433993 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_004dc36f84 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_b2728caee1",contentText:"contentText_04e4d56cbe",contentTextLarge:"contentTextLarge_dc41e5a119",contentTextMedium:"contentTextMedium_01ab0ee033",contentTextSmall:"contentTextSmall_1d7e24d614",contentTextXs:"contentTextXs_10359c74e0",contentIconLarge:"contentIconLarge_c7713b7342",contentIconMedium:"contentIconMedium_433c0fac16",contentIconSmall:"contentIconSmall_d5699ff807"};!function(n){const t="s_id-50188146c7c7_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg_b2728caee1 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_04e4d56cbe {\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_dc41e5a119 {\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_01ab0ee033 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_1d7e24d614 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_10359c74e0 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_c7713b7342 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_433c0fac16 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_d5699ff807 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_cfec3c8369",avatarContainer:"avatarContainer_861ad6aef9"};!function(e){const a="s_id-0d36779f5b9e_3_70_1";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_cfec3c8369 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_861ad6aef9 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_e47ce75a1f",avatarContainer:"avatarContainer_b1194f07f6"};!function(e){const a="s_id-0d36779f5b9e_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_e47ce75a1f {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_b1194f07f6 {\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_9fbdb9a7c2","focus-visible":"focus-visible_ab70e962a4",xs:"xs_7d13a03216",small:"small_a32f9f6069",medium:"medium_dc24b53539",large:"large_2c0fad9ceb",primary:"primary_5c564fa245",dark:"dark_1cfeef9158",negative:"negative_47346eb013",light:"light_c6d20bc7f6",disabled:"disabled_aed7a3785c",menu:"menu_375486893b"};!function(n){const e="s_id-7f36163b89a3_3_70_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2 {\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_9fbdb9a7c2.counterContainer_9fbdb9a7c2:focus-visible, .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.focus-visible_ab70e962a4 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2:focus-visible:focus-visible, .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2:focus-visible.focus-visible_ab70e962a4, .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.focus-visible_ab70e962a4:focus-visible, .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.focus-visible_ab70e962a4.focus-visible_ab70e962a4 {\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_9fbdb9a7c2.counterContainer_9fbdb9a7c2:focus-visible:focus:not(.focus-visible_ab70e962a4), .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.focus-visible_ab70e962a4:focus:not(.focus-visible_ab70e962a4) {\n  outline: none;\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.xs_7d13a03216 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.small_a32f9f6069 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.medium_dc24b53539 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.large_2c0fad9ceb {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.primary_5c564fa245 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.dark_1cfeef9158 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.negative_47346eb013 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.light_c6d20bc7f6 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2 .disabled_aed7a3785c, .counterContainer_9fbdb9a7c2.counterContainer_9fbdb9a7c2.disabled_aed7a3785c {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_375486893b {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_375486893b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_375486893b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_5c4814fc57","focus-visible":"focus-visible_e834bdbc49",xs:"xs_6113c39a05",small:"small_1ab8e99901",medium:"medium_4c22fe111b",large:"large_cf1f53ab64",primary:"primary_a97b0d40ff",dark:"dark_e5edc17877",negative:"negative_95f83b00f4",light:"light_5165eaead1",disabled:"disabled_f4af630d60",menu:"menu_12d8c9fab5"};!function(n){const e="s_id-7f36163b89a3_3_70_2";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_5c4814fc57.counterContainer_5c4814fc57 {\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_5c4814fc57.counterContainer_5c4814fc57:focus-visible, .counterContainer_5c4814fc57.counterContainer_5c4814fc57.focus-visible_e834bdbc49 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57:focus-visible:focus-visible, .counterContainer_5c4814fc57.counterContainer_5c4814fc57:focus-visible.focus-visible_e834bdbc49, .counterContainer_5c4814fc57.counterContainer_5c4814fc57.focus-visible_e834bdbc49:focus-visible, .counterContainer_5c4814fc57.counterContainer_5c4814fc57.focus-visible_e834bdbc49.focus-visible_e834bdbc49 {\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_5c4814fc57.counterContainer_5c4814fc57:focus-visible:focus:not(.focus-visible_e834bdbc49), .counterContainer_5c4814fc57.counterContainer_5c4814fc57.focus-visible_e834bdbc49:focus:not(.focus-visible_e834bdbc49) {\n  outline: none;\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.xs_6113c39a05 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.small_1ab8e99901 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.medium_4c22fe111b {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.large_cf1f53ab64 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.primary_a97b0d40ff {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.dark_e5edc17877 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.negative_95f83b00f4 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57.light_5165eaead1 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_5c4814fc57.counterContainer_5c4814fc57 .disabled_f4af630d60, .counterContainer_5c4814fc57.counterContainer_5c4814fc57.disabled_f4af630d60 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_12d8c9fab5 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_12d8c9fab5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_12d8c9fab5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_7b7ebb8bb7",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_30e43b2898",tooltipContainer:"tooltipContainer_60e63b21db","focus-visible":"focus-visible_ab70e962a4",tooltipGridContainer:"tooltipGridContainer_cfcc2d8a26",scrollableContainer:"scrollableContainer_925b11ab5d"};!function(t){const e="s_id-f3cc0fae9cc4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_7b7ebb8bb7 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_30e43b2898 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_60e63b21db {\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_60e63b21db:focus, .tooltipContainer_60e63b21db:focus-visible, .tooltipContainer_60e63b21db.focus-visible_ab70e962a4 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_cfcc2d8a26 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_925b11ab5d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_925b11ab5d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_f70fba295f",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_11d5488aa6",tooltipContainer:"tooltipContainer_95a6b270fc","focus-visible":"focus-visible_e834bdbc49",tooltipGridContainer:"tooltipGridContainer_09fd61ef84",scrollableContainer:"scrollableContainer_7f10ccfab5"};!function(t){const e="s_id-f3cc0fae9cc4_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_f70fba295f {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_11d5488aa6 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_95a6b270fc {\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_95a6b270fc:focus, .tooltipContainer_95a6b270fc:focus-visible, .tooltipContainer_95a6b270fc.focus-visible_e834bdbc49 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_09fd61ef84 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_7f10ccfab5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_7f10ccfab5::-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_fd19f2459f",virtualizedTooltipContainer:"virtualizedTooltipContainer_c98fb2e13a","focus-visible":"focus-visible_ab70e962a4"};!function(e){const i="s_id-700dae3ddae4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_fd19f2459f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fd19f2459f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_c98fb2e13a {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_c98fb2e13a:focus, .virtualizedTooltipContainer_c98fb2e13a:focus-visible, .virtualizedTooltipContainer_c98fb2e13a.focus-visible_ab70e962a4 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_9bf8239abc",virtualizedTooltipContainer:"virtualizedTooltipContainer_de3930a40a","focus-visible":"focus-visible_e834bdbc49"};!function(e){const i="s_id-700dae3ddae4_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_9bf8239abc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_9bf8239abc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_de3930a40a {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_de3930a40a:focus, .virtualizedTooltipContainer_de3930a40a:focus-visible, .virtualizedTooltipContainer_de3930a40a.focus-visible_e834bdbc49 { /* 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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_51c4eabf76",badge:"badge_e182cb3a2b",outside:"outside_de0a6be70d",topEnd:"topEnd_374ec0958e",rectangular:"rectangular_02e628070f",circular:"circular_7cbcff76ca",topStart:"topStart_8c13742ee8",bottomEnd:"bottomEnd_8a6e25deaf",bottomStart:"bottomStart_9964aab544"};!function(e){const a="s_id-b5dca6298ea9_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_51c4eabf76 {\n  position: relative;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b:not(.outside_de0a6be70d) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topEnd_374ec0958e.rectangular_02e628070f {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topEnd_374ec0958e.outside_de0a6be70d {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topEnd_374ec0958e.circular_7cbcff76ca {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topStart_8c13742ee8.rectangular_02e628070f {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topStart_8c13742ee8.outside_de0a6be70d {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.topStart_8c13742ee8.circular_7cbcff76ca {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomEnd_8a6e25deaf.rectangular_02e628070f {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomEnd_8a6e25deaf.outside_de0a6be70d {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomEnd_8a6e25deaf.circular_7cbcff76ca {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomStart_9964aab544.rectangular_02e628070f {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomStart_9964aab544.outside_de0a6be70d {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_51c4eabf76 .badge_e182cb3a2b.bottomStart_9964aab544.circular_7cbcff76ca {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_999d989c22",badge:"badge_aa6446c293",outside:"outside_b58a853aa9",topEnd:"topEnd_518224847f",rectangular:"rectangular_7b501f7368",circular:"circular_7b98197f2f",topStart:"topStart_ec4c5d4d58",bottomEnd:"bottomEnd_221ac13d1e",bottomStart:"bottomStart_2e215ea690"};!function(a){const t="s_id-b5dca6298ea9_3_70_2";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_999d989c22 {\n  position: relative;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293:not(.outside_b58a853aa9) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topEnd_518224847f.rectangular_7b501f7368 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topEnd_518224847f.outside_b58a853aa9 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topEnd_518224847f.circular_7b98197f2f {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topStart_ec4c5d4d58.rectangular_7b501f7368 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topStart_ec4c5d4d58.outside_b58a853aa9 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.topStart_ec4c5d4d58.circular_7b98197f2f {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomEnd_221ac13d1e.rectangular_7b501f7368 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomEnd_221ac13d1e.outside_b58a853aa9 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomEnd_221ac13d1e.circular_7b98197f2f {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomStart_2e215ea690.rectangular_7b501f7368 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomStart_2e215ea690.outside_b58a853aa9 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_999d989c22 .badge_aa6446c293.bottomStart_2e215ea690.circular_7b98197f2f {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_8722d7b68e",small:"small_7265b0f2b1",medium:"medium_7379e28c85",large:"large_743dcc4552",rightThinnerPadding:"rightThinnerPadding_e5642fb36c",input:"input_1cbd0f7f9a",success:"success_e10b586911",readOnly:"readOnly_94816dcc61",disabled:"disabled_5a75a9222c",error:"error_e0de2fa0bf"};!function(r){const e="s_id-8dc268c8a1a1_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_8722d7b68e {\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_8722d7b68e.small_7265b0f2b1 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_8722d7b68e.medium_7379e28c85 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_8722d7b68e.large_743dcc4552 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_8722d7b68e.rightThinnerPadding_e5642fb36c {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_8722d7b68e:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a:active, .input_1cbd0f7f9a:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a:read-only) .input_1cbd0f7f9a {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a: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_8722d7b68e:has(.input_1cbd0f7f9a:disabled) .input_1cbd0f7f9a {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911:has(.input_1cbd0f7f9a:active, .input_1cbd0f7f9a:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8722d7b68e:has(.input_1cbd0f7f9a[aria-invalid=true]):has(.input_1cbd0f7f9a:active, .input_1cbd0f7f9a:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_8722d7b68e:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_8722d7b68e.readOnly_94816dcc61 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_8722d7b68e.readOnly_94816dcc61 .input_1cbd0f7f9a {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_8722d7b68e.disabled_5a75a9222c {\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_8722d7b68e.disabled_5a75a9222c .input_1cbd0f7f9a {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e.success_e10b586911:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_8722d7b68e.error_e0de2fa0bf {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8722d7b68e.error_e0de2fa0bf:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_8722d7b68e.error_e0de2fa0bf:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_8722d7b68e .input_1cbd0f7f9a {\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_8722d7b68e .input_1cbd0f7f9a::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_8722d7b68e .input_1cbd0f7f9a:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_529ff0975b",small:"small_2174ad76e1",medium:"medium_a79319fd45",large:"large_b03c4f494f",rightThinnerPadding:"rightThinnerPadding_1962ee59d0",input:"input_76a1b8a860",success:"success_feb612358a",readOnly:"readOnly_a592f8d24e",disabled:"disabled_ebbd6c5cd0",error:"error_77a02c08e8"};!function(r){const n="s_id-8dc268c8a1a1_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_529ff0975b {\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_529ff0975b.small_2174ad76e1 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_529ff0975b.medium_a79319fd45 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_529ff0975b.large_b03c4f494f {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_529ff0975b.rightThinnerPadding_1962ee59d0 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_529ff0975b:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_529ff0975b:has(.input_76a1b8a860:active, .input_76a1b8a860:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860:read-only) .input_76a1b8a860 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860: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_529ff0975b:has(.input_76a1b8a860:disabled) .input_76a1b8a860 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a:has(.input_76a1b8a860:active, .input_76a1b8a860:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_529ff0975b:has(.input_76a1b8a860[aria-invalid=true]):has(.input_76a1b8a860:active, .input_76a1b8a860:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_529ff0975b:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_529ff0975b.readOnly_a592f8d24e {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_529ff0975b.readOnly_a592f8d24e .input_76a1b8a860 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_529ff0975b.disabled_ebbd6c5cd0 {\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_529ff0975b.disabled_ebbd6c5cd0 .input_76a1b8a860 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b.success_feb612358a:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_529ff0975b.error_77a02c08e8 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_529ff0975b.error_77a02c08e8:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_529ff0975b.error_77a02c08e8:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_529ff0975b .input_76a1b8a860 {\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_529ff0975b .input_76a1b8a860::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_529ff0975b .input_76a1b8a860: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_9e8f48b802",groupTitle:"groupTitle_6abb725d3d",sticky:"sticky_e25122e896"};!function(e){const n="s_id-b5d224c4ed03_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_9e8f48b802 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_9e8f48b802 .groupTitle_6abb725d3d {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_9e8f48b802 .groupTitle_6abb725d3d.sticky_e25122e896 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_9e8f48b802 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_514c78b7ce",groupTitle:"groupTitle_7f319f1ccb",sticky:"sticky_770b19e784"};!function(e){const n="s_id-b5d224c4ed03_3_70_2";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)}(".wrapper_514c78b7ce {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_514c78b7ce .groupTitle_7f319f1ccb {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_514c78b7ce .groupTitle_7f319f1ccb.sticky_770b19e784 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_514c78b7ce > 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_fd939558c0",highlighted:"highlighted_95e9b6740c",disabled:"disabled_e5a6a6b409",readOnly:"readOnly_e7bf8d18e5",selected:"selected_0e94cd5041",small:"small_d521eedc3b",medium:"medium_ed8acdd1bf",large:"large_5707987c9b",avatar:"avatar_ce324e9bf6",icon:"icon_30e43b2898",indent:"indent_e093521388",endElement:"endElement_8cbd895755"};!function(e){const d="s_id-410c7e21b012_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_fd939558c0 {\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_fd939558c0.highlighted_95e9b6740c {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_fd939558c0.disabled_e5a6a6b409 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_fd939558c0.readOnly_e7bf8d18e5 {\n  cursor: default;\n}\n.wrapper_fd939558c0.selected_0e94cd5041 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_fd939558c0.selected_0e94cd5041.highlighted_95e9b6740c {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_fd939558c0.small_d521eedc3b {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_fd939558c0.medium_ed8acdd1bf {\n  padding: 9px 12px;\n}\n.wrapper_fd939558c0.large_5707987c9b {\n  padding: 13px 12px;\n}\n.wrapper_fd939558c0 .avatar_ce324e9bf6,\n.wrapper_fd939558c0 .icon_30e43b2898 {\n  flex-shrink: 0;\n}\n.wrapper_fd939558c0 .indent_e093521388 {\n  width: 20px;\n}\n.wrapper_fd939558c0 .endElement_8cbd895755 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_28e69c7468",highlighted:"highlighted_8096344746",disabled:"disabled_6526c1f212",readOnly:"readOnly_6da987a246",selected:"selected_b3cbc29e63",small:"small_4412e42ce0",medium:"medium_7e3c91f87f",large:"large_87138793e8",avatar:"avatar_7ba46a361c",icon:"icon_11d5488aa6",indent:"indent_c4d5cb18b1",endElement:"endElement_d034f33acd"};!function(e){const a="s_id-410c7e21b012_3_70_2";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_28e69c7468 {\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_28e69c7468.highlighted_8096344746 {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_28e69c7468.disabled_6526c1f212 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_28e69c7468.readOnly_6da987a246 {\n  cursor: default;\n}\n.wrapper_28e69c7468.selected_b3cbc29e63 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_28e69c7468.selected_b3cbc29e63.highlighted_8096344746 {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_28e69c7468.small_4412e42ce0 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_28e69c7468.medium_7e3c91f87f {\n  padding: 9px 12px;\n}\n.wrapper_28e69c7468.large_87138793e8 {\n  padding: 13px 12px;\n}\n.wrapper_28e69c7468 .avatar_7ba46a361c,\n.wrapper_28e69c7468 .icon_11d5488aa6 {\n  flex-shrink: 0;\n}\n.wrapper_28e69c7468 .indent_c4d5cb18b1 {\n  width: 20px;\n}\n.wrapper_28e69c7468 .endElement_d034f33acd {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={box:"box_8c41a9414e",scrollable:"scrollable_2d2c259858",opacityDisabled:"opacityDisabled_4273022aa2",border:"border_bc6904353a",borderColorUiBorderColor:"borderColorUiBorderColor_38b0d02840",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_1115118e79",rounded0:"rounded0_dbad813ebe",roundedSmall:"roundedSmall_0c6dca406b",roundedMedium:"roundedMedium_03f1c69555",roundedBig:"roundedBig_0edac719cf",shadowXs:"shadowXs_b55348c344",shadowSmall:"shadowSmall_e14433a346",shadowMedium:"shadowMedium_dab6ff3bd3",shadowLarge:"shadowLarge_dba343ef04",m0:"m0_c43a519b00",mXs:"mXs_3a6737e40a",mSmall:"mSmall_5a07ebb4e1",mMedium:"mMedium_2710daf34d",mLarge:"mLarge_d6c7af6a0e",mXl:"mXl_869df1ed6f",mXxl:"mXxl_8b77916e35",mXxxl:"mXxxl_b0312d9af3",mAuto:"mAuto_b399c61c78",mx0:"mx0_77fa8df6f4",mxXs:"mxXs_6d1c2a6fe2",mxSmall:"mxSmall_afe6912ae7",mxMedium:"mxMedium_0e99ff77c9",mxLarge:"mxLarge_c7afbc18b5",mxXl:"mxXl_132767292c",mxXxl:"mxXxl_97d7e1e05f",mxXxxl:"mxXxxl_471ce9699a",mxAuto:"mxAuto_2fcb0aa3ef",my0:"my0_67a96bf5c6",myXs:"myXs_f6fbb3c126",mySmall:"mySmall_bd67d0ef00",myMedium:"myMedium_39176cd418",myLarge:"myLarge_cd37dd3aee",myXl:"myXl_772087fcd0",myXxl:"myXxl_66e2f6e210",myXxxl:"myXxxl_15609e959d",myAuto:"myAuto_6fd8bdcdc4",mt0:"mt0_d876e22cf6",mtXs:"mtXs_1b0d033f94",mtSmall:"mtSmall_3f900c05f4",mtMedium:"mtMedium_ded8d8c48f",mtLarge:"mtLarge_0a3fdbd735",mtXl:"mtXl_a69045b6eb",mtXxl:"mtXxl_ba88906b73",mtXxxl:"mtXxxl_384b8cc9f8",mtAuto:"mtAuto_149aa89df6",me0:"me0_a48f913c15",meXs:"meXs_d54ef5f039",meSmall:"meSmall_f6113d9587",meMedium:"meMedium_990b3f188d",meLarge:"meLarge_9d65d0d6b4",meXl:"meXl_bd11bd8e43",meXxl:"meXxl_0a20909411",meXxxl:"meXxxl_3589905f07",meAuto:"meAuto_dc6ef7e46d",mb0:"mb0_126c10782f",mbXs:"mbXs_a169dbfbe2",mbSmall:"mbSmall_32bc86541e",mbMedium:"mbMedium_0e7af7cc4c",mbLarge:"mbLarge_216408134f",mbXl:"mbXl_58238685f3",mbXxl:"mbXxl_6a2a7843f9",mbXxxl:"mbXxxl_bb2cc0e703",mbAuto:"mbAuto_80ff70b92e",ms0:"ms0_7accf15cd3",msXs:"msXs_3ebb20fc84",msSmall:"msSmall_a2dcef4e0e",msMedium:"msMedium_e0ba2f561e",msLarge:"msLarge_efef1a39ca",msXl:"msXl_e5ff676af4",msXxl:"msXxl_91e91c091e",msXxxl:"msXxxl_92c5380fe8",msAuto:"msAuto_68530ba0d6",p0:"p0_8131314685",pXs:"pXs_adad9903fe",pSmall:"pSmall_4ad7ea0668",pMedium:"pMedium_f014c3f36d",pLarge:"pLarge_833817e1e6",pXl:"pXl_6fd00484ba",pXxl:"pXxl_14762c7220",pXxxl:"pXxxl_29544c380f",px0:"px0_d20934e879",pxXs:"pxXs_e1dc653bdf",pxSmall:"pxSmall_3e376a2a6c",pxMedium:"pxMedium_7af58d21d3",pxLarge:"pxLarge_5e21fe998e",pxXl:"pxXl_1c4fca6e76",pxXxl:"pxXxl_788c609e4b",pxXxxl:"pxXxxl_7692e4c8c8",py0:"py0_73a359af52",pyXs:"pyXs_7fe98999e9",pySmall:"pySmall_e2b6fc8fe5",pyMedium:"pyMedium_050f2ce34e",pyLarge:"pyLarge_43ddaed4ee",pyXl:"pyXl_ed8ac9fe48",pyXxl:"pyXxl_e6f99a9a72",pyXxxl:"pyXxxl_642b0e2216",pt0:"pt0_3dfb5cdc21",ptXs:"ptXs_06c43e2c56",ptSmall:"ptSmall_64ce4d197e",ptMedium:"ptMedium_547cbee846",ptLarge:"ptLarge_7e2b458166",ptXl:"ptXl_f8775bf571",ptXxl:"ptXxl_90e72a7179",ptXxxl:"ptXxxl_61aa206228",pe0:"pe0_d42bb44298",peXs:"peXs_ffa1f5b705",peSmall:"peSmall_81c8c1a7ea",peMedium:"peMedium_de741e3f64",peLarge:"peLarge_28c1d349fd",peXl:"peXl_a336fb5c08",peXxl:"peXxl_3ed96039f1",peXxxl:"peXxxl_e78ccb0861",pb0:"pb0_38e8f4b9f0",pbXs:"pbXs_b76a86c982",pbSmall:"pbSmall_3adac64a3d",pbMedium:"pbMedium_e6ab67d8d9",pbLarge:"pbLarge_1f62e5ffe8",pbXl:"pbXl_4cf759074e",pbXxl:"pbXxl_d640f2a4aa",pbXxxl:"pbXxxl_9bad7775e4",ps0:"ps0_0f79e3f13c",psXs:"psXs_4b45d5f045",psSmall:"psSmall_af3be8b96d",psMedium:"psMedium_15c835125f",psLarge:"psLarge_359c477f14",psXl:"psXl_f65a4bc3f7",psXxl:"psXxl_58495229c6",psXxxl:"psXxxl_88750ee2c5",textPrimaryTextColor:"textPrimaryTextColor_4a1b361b3c",textTextColorOnInverted:"textTextColorOnInverted_90bc783e85",textSecondaryTextColor:"textSecondaryTextColor_35e7bbf550",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_716251ca87",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ba395787bf",bgGreyBackgroundColor:"bgGreyBackgroundColor_4dcd7ab30f",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_4fc030d320",bgInvertedColorBackground:"bgInvertedColorBackground_b99450b106"};!function(n){const a="s_id-1ea68be2c9b7_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_8c41a9414e {\n  overflow: hidden;\n}\n.box_8c41a9414e.scrollable_2d2c259858 {\n  overflow: auto;\n}\n.box_8c41a9414e.scrollable_2d2c259858::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_8c41a9414e.scrollable_2d2c259858::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_4273022aa2 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_bc6904353a {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_38b0d02840 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_1115118e79 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_dbad813ebe {\n  border-radius: 0 !important;\n}\n.roundedSmall_0c6dca406b {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_03f1c69555 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_0edac719cf {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_b55348c344 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_e14433a346 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_dab6ff3bd3 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_dba343ef04 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_c43a519b00 {\n  margin: 0 !important;\n}\n.mXs_3a6737e40a {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_5a07ebb4e1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_2710daf34d {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_d6c7af6a0e {\n  margin: var(--spacing-large) !important;\n}\n.mXl_869df1ed6f {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_8b77916e35 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_b0312d9af3 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_b399c61c78 {\n  margin: auto !important;\n}\n.mx0_77fa8df6f4 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_6d1c2a6fe2 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_afe6912ae7 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_0e99ff77c9 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_c7afbc18b5 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_132767292c {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_97d7e1e05f {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_471ce9699a {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_2fcb0aa3ef {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_67a96bf5c6 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_f6fbb3c126 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_bd67d0ef00 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_39176cd418 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_cd37dd3aee {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_772087fcd0 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_66e2f6e210 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_15609e959d {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_6fd8bdcdc4 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_d876e22cf6 {\n  margin-top: 0 !important;\n}\n.mtXs_1b0d033f94 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_3f900c05f4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_ded8d8c48f {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_0a3fdbd735 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_a69045b6eb {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_ba88906b73 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_384b8cc9f8 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_149aa89df6 {\n  margin-top: auto !important;\n}\n.me0_a48f913c15 {\n  margin-inline-end: 0 !important;\n}\n.meXs_d54ef5f039 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f6113d9587 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_990b3f188d {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_9d65d0d6b4 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_bd11bd8e43 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_0a20909411 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_3589905f07 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_dc6ef7e46d {\n  margin-inline-end: auto !important;\n}\n.mb0_126c10782f {\n  margin-bottom: 0 !important;\n}\n.mbXs_a169dbfbe2 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_32bc86541e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_0e7af7cc4c {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_216408134f {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_58238685f3 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_6a2a7843f9 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_bb2cc0e703 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_80ff70b92e {\n  margin-bottom: auto !important;\n}\n.ms0_7accf15cd3 {\n  margin-inline-start: 0 !important;\n}\n.msXs_3ebb20fc84 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_a2dcef4e0e {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_e0ba2f561e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_efef1a39ca {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_e5ff676af4 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_91e91c091e {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_92c5380fe8 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_68530ba0d6 {\n  margin-inline-start: auto !important;\n}\n.p0_8131314685 {\n  padding: 0 !important;\n}\n.pXs_adad9903fe {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_4ad7ea0668 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f014c3f36d {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_833817e1e6 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_6fd00484ba {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_14762c7220 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_29544c380f {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_d20934e879 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_e1dc653bdf {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_3e376a2a6c {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_7af58d21d3 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_5e21fe998e {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_1c4fca6e76 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_788c609e4b {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_7692e4c8c8 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_73a359af52 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_7fe98999e9 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_e2b6fc8fe5 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_050f2ce34e {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_43ddaed4ee {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_ed8ac9fe48 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_e6f99a9a72 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_642b0e2216 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_3dfb5cdc21 {\n  padding-top: 0 !important;\n}\n.ptXs_06c43e2c56 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_64ce4d197e {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_547cbee846 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_7e2b458166 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_f8775bf571 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_90e72a7179 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_61aa206228 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_d42bb44298 {\n  padding-inline-end: 0 !important;\n}\n.peXs_ffa1f5b705 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_81c8c1a7ea {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_de741e3f64 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_28c1d349fd {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_a336fb5c08 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_3ed96039f1 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_e78ccb0861 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_38e8f4b9f0 {\n  padding-bottom: 0 !important;\n}\n.pbXs_b76a86c982 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_3adac64a3d {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_e6ab67d8d9 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_1f62e5ffe8 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_4cf759074e {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_d640f2a4aa {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_9bad7775e4 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_0f79e3f13c {\n  padding-inline-start: 0 !important;\n}\n.psXs_4b45d5f045 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_af3be8b96d {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_15c835125f {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_359c477f14 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_f65a4bc3f7 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_58495229c6 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_88750ee2c5 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_4a1b361b3c {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_90bc783e85 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_35e7bbf550 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_716251ca87 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ba395787bf {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_4dcd7ab30f {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_4fc030d320 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_b99450b106 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_c60a0153da",scrollable:"scrollable_7fb16e67b0",opacityDisabled:"opacityDisabled_e49c23171d",border:"border_c5522abff5",borderColorUiBorderColor:"borderColorUiBorderColor_dd46ff420e",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_45d5338a28",rounded0:"rounded0_363e2ff611",roundedSmall:"roundedSmall_8576afd776",roundedMedium:"roundedMedium_f885765047",roundedBig:"roundedBig_7a3b4c9f10",shadowXs:"shadowXs_0e1dc2cbe0",shadowSmall:"shadowSmall_16792c11e5",shadowMedium:"shadowMedium_824ad7a3f6",shadowLarge:"shadowLarge_2eec41a20f",m0:"m0_567990fa55",mXs:"mXs_74db26141a",mSmall:"mSmall_86996fae6d",mMedium:"mMedium_8c1bb607b1",mLarge:"mLarge_1edfdd8b53",mXl:"mXl_04acef8b0d",mXxl:"mXxl_6a8db52b76",mXxxl:"mXxxl_cbfaa39387",mAuto:"mAuto_ff7d0eb3bb",mx0:"mx0_02d661e54c",mxXs:"mxXs_fe3f411bc8",mxSmall:"mxSmall_5325bb5924",mxMedium:"mxMedium_e6d810636e",mxLarge:"mxLarge_90259dd038",mxXl:"mxXl_e9dabcf332",mxXxl:"mxXxl_496fbd842a",mxXxxl:"mxXxxl_8137c0e76c",mxAuto:"mxAuto_ea4130c766",my0:"my0_5f657f40d2",myXs:"myXs_0f4f05e8cb",mySmall:"mySmall_0345265143",myMedium:"myMedium_9d1b109297",myLarge:"myLarge_5c6b977d0c",myXl:"myXl_b36f6454ed",myXxl:"myXxl_ac6321252a",myXxxl:"myXxxl_cedc2fd5ef",myAuto:"myAuto_b96b55e47a",mt0:"mt0_6144ec6544",mtXs:"mtXs_393d7bf6ef",mtSmall:"mtSmall_5c23ef16e9",mtMedium:"mtMedium_20235d9f35",mtLarge:"mtLarge_976ca836fe",mtXl:"mtXl_963ceb6972",mtXxl:"mtXxl_9a44432fb1",mtXxxl:"mtXxxl_ce20d3593c",mtAuto:"mtAuto_b6233d0a50",me0:"me0_d776fb7639",meXs:"meXs_9ed8c40bf1",meSmall:"meSmall_eda88c53b5",meMedium:"meMedium_d0857f5aeb",meLarge:"meLarge_d52c3156f9",meXl:"meXl_55c1a6174b",meXxl:"meXxl_0bf0f53d80",meXxxl:"meXxxl_e2099ded36",meAuto:"meAuto_38dab98c65",mb0:"mb0_66a9e3cebe",mbXs:"mbXs_5418dc9e32",mbSmall:"mbSmall_050ff0e188",mbMedium:"mbMedium_31952fefc3",mbLarge:"mbLarge_01b6abb45e",mbXl:"mbXl_4a89e48706",mbXxl:"mbXxl_85567a9265",mbXxxl:"mbXxxl_93641db460",mbAuto:"mbAuto_d5f78061dd",ms0:"ms0_4aa267f8a0",msXs:"msXs_b9b7748e33",msSmall:"msSmall_f0b4b1316c",msMedium:"msMedium_1a6ade4bbc",msLarge:"msLarge_66fb39a686",msXl:"msXl_d392f18fb3",msXxl:"msXxl_3de923f98c",msXxxl:"msXxxl_7f6bb0d707",msAuto:"msAuto_fd07387fc5",p0:"p0_92bbb4bcc6",pXs:"pXs_89bafc7be7",pSmall:"pSmall_e501a26b32",pMedium:"pMedium_42d2fc7df5",pLarge:"pLarge_81522953e5",pXl:"pXl_cf6f1b5959",pXxl:"pXxl_b13fc693e6",pXxxl:"pXxxl_1acdb977ea",px0:"px0_80a5647b22",pxXs:"pxXs_2fb36bc051",pxSmall:"pxSmall_ef9b745aba",pxMedium:"pxMedium_a520af8cc0",pxLarge:"pxLarge_3b9ef48e9b",pxXl:"pxXl_4e747a5dc3",pxXxl:"pxXxl_62bf38433d",pxXxxl:"pxXxxl_fb8e161cf4",py0:"py0_64940b9a66",pyXs:"pyXs_a21463fd4c",pySmall:"pySmall_f8d53ffa62",pyMedium:"pyMedium_dfa8b6efbb",pyLarge:"pyLarge_8eb47a50ed",pyXl:"pyXl_fbc7ae8881",pyXxl:"pyXxl_9393696532",pyXxxl:"pyXxxl_0c90f1ee61",pt0:"pt0_f4afb072e2",ptXs:"ptXs_f027ac8b84",ptSmall:"ptSmall_b932b11d9c",ptMedium:"ptMedium_a5c2aa2af8",ptLarge:"ptLarge_ff62701cb1",ptXl:"ptXl_f82a048173",ptXxl:"ptXxl_5a4c36d0ae",ptXxxl:"ptXxxl_03ece63767",pe0:"pe0_e94d592029",peXs:"peXs_5d6dd55e10",peSmall:"peSmall_3659fe8430",peMedium:"peMedium_27f573f346",peLarge:"peLarge_8dd7407aff",peXl:"peXl_e42be04a70",peXxl:"peXxl_185b2dbcf2",peXxxl:"peXxxl_35607593db",pb0:"pb0_412781b7de",pbXs:"pbXs_558f636525",pbSmall:"pbSmall_365ae71a4b",pbMedium:"pbMedium_40833484bf",pbLarge:"pbLarge_423a477fd8",pbXl:"pbXl_f76ed8f2f9",pbXxl:"pbXxl_1a9c452943",pbXxxl:"pbXxxl_b1c17e14ab",ps0:"ps0_ec18cd9462",psXs:"psXs_6d1512e494",psSmall:"psSmall_0a124088df",psMedium:"psMedium_326546e440",psLarge:"psLarge_b070bc68df",psXl:"psXl_ab6ffe528b",psXxl:"psXxl_497399324c",psXxxl:"psXxxl_5a45ac3618",textPrimaryTextColor:"textPrimaryTextColor_0d26e6a13e",textTextColorOnInverted:"textTextColorOnInverted_e0aa5ddd0d",textSecondaryTextColor:"textSecondaryTextColor_f7def5c0f5",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_07f8520658",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_319ec902a0",bgGreyBackgroundColor:"bgGreyBackgroundColor_7898a4d3dd",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_9f0a64ed60",bgInvertedColorBackground:"bgInvertedColorBackground_4bd02d9267"};!function(n){const a="s_id-1ea68be2c9b7_3_70_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_c60a0153da {\n  overflow: hidden;\n}\n.box_c60a0153da.scrollable_7fb16e67b0 {\n  overflow: auto;\n}\n.box_c60a0153da.scrollable_7fb16e67b0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_c60a0153da.scrollable_7fb16e67b0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_e49c23171d {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_c5522abff5 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_dd46ff420e {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_45d5338a28 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_363e2ff611 {\n  border-radius: 0 !important;\n}\n.roundedSmall_8576afd776 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_f885765047 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_7a3b4c9f10 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_0e1dc2cbe0 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_16792c11e5 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_824ad7a3f6 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_2eec41a20f {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_567990fa55 {\n  margin: 0 !important;\n}\n.mXs_74db26141a {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_86996fae6d {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_8c1bb607b1 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_1edfdd8b53 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_04acef8b0d {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_6a8db52b76 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_cbfaa39387 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_ff7d0eb3bb {\n  margin: auto !important;\n}\n.mx0_02d661e54c {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_fe3f411bc8 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_5325bb5924 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_e6d810636e {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_90259dd038 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_e9dabcf332 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_496fbd842a {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_8137c0e76c {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_ea4130c766 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_5f657f40d2 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_0f4f05e8cb {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_0345265143 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_9d1b109297 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_5c6b977d0c {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_b36f6454ed {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_ac6321252a {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_cedc2fd5ef {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_b96b55e47a {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_6144ec6544 {\n  margin-top: 0 !important;\n}\n.mtXs_393d7bf6ef {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_5c23ef16e9 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_20235d9f35 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_976ca836fe {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_963ceb6972 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_9a44432fb1 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_ce20d3593c {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_b6233d0a50 {\n  margin-top: auto !important;\n}\n.me0_d776fb7639 {\n  margin-inline-end: 0 !important;\n}\n.meXs_9ed8c40bf1 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_eda88c53b5 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_d0857f5aeb {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_d52c3156f9 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_55c1a6174b {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_0bf0f53d80 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_e2099ded36 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_38dab98c65 {\n  margin-inline-end: auto !important;\n}\n.mb0_66a9e3cebe {\n  margin-bottom: 0 !important;\n}\n.mbXs_5418dc9e32 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_050ff0e188 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_31952fefc3 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_01b6abb45e {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_4a89e48706 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_85567a9265 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_93641db460 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_d5f78061dd {\n  margin-bottom: auto !important;\n}\n.ms0_4aa267f8a0 {\n  margin-inline-start: 0 !important;\n}\n.msXs_b9b7748e33 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_f0b4b1316c {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_1a6ade4bbc {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_66fb39a686 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_d392f18fb3 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_3de923f98c {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_7f6bb0d707 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_fd07387fc5 {\n  margin-inline-start: auto !important;\n}\n.p0_92bbb4bcc6 {\n  padding: 0 !important;\n}\n.pXs_89bafc7be7 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_e501a26b32 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_42d2fc7df5 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_81522953e5 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_cf6f1b5959 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_b13fc693e6 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_1acdb977ea {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_80a5647b22 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_2fb36bc051 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_ef9b745aba {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a520af8cc0 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_3b9ef48e9b {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_4e747a5dc3 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_62bf38433d {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_fb8e161cf4 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_64940b9a66 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_a21463fd4c {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f8d53ffa62 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_dfa8b6efbb {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_8eb47a50ed {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_fbc7ae8881 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_9393696532 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_0c90f1ee61 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_f4afb072e2 {\n  padding-top: 0 !important;\n}\n.ptXs_f027ac8b84 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_b932b11d9c {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_a5c2aa2af8 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_ff62701cb1 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_f82a048173 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_5a4c36d0ae {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_03ece63767 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_e94d592029 {\n  padding-inline-end: 0 !important;\n}\n.peXs_5d6dd55e10 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_3659fe8430 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_27f573f346 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_8dd7407aff {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_e42be04a70 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_185b2dbcf2 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_35607593db {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_412781b7de {\n  padding-bottom: 0 !important;\n}\n.pbXs_558f636525 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_365ae71a4b {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_40833484bf {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_423a477fd8 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_f76ed8f2f9 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_1a9c452943 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_b1c17e14ab {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_ec18cd9462 {\n  padding-inline-start: 0 !important;\n}\n.psXs_6d1512e494 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_0a124088df {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_326546e440 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b070bc68df {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_ab6ffe528b {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_497399324c {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_5a45ac3618 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_0d26e6a13e {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_e0aa5ddd0d {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_f7def5c0f5 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_07f8520658 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_319ec902a0 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_7898a4d3dd {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_9f0a64ed60 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_4bd02d9267 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map