npm - @vibe/core - Versions diffs - 4.2.3 → 4.2.4 - Mend

@vibe/core 4.2.3 → 4.2.4

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

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as a,ComponentDefaultTestId as e}from"../../../../testIds.js";import o from"classnames";import s from"react";import i from"./AlertBannerButton.module.scss.js";import n from"../../../../components/button/dist/Button/Button.js";var m=function(m){var d=m.marginLeft,l=void 0!==d&&d,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=o(t(t({},i.marginLeft,l),i.darkBackground,u));return s.createElement("div",{className:g,"data-testid":p||a(e.ALERT_BANNER_BUTTON,f),id:f},s.createElement(n,Object.assign({},B,{size:"small",className:o(i.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import o from"react";import i from"./AlertBannerButton.module.scss.js";import n from"../../../../components/button/dist/Button/Button.js";var m=function(m){var d=m.marginLeft,l=void 0!==d&&d,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},i.marginLeft,l),i.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(n,Object.assign({},B,{size:"small",className:s(i.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
 //# sourceMappingURL=AlertBannerButton.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBannerButton.js","sources":["../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /*\n If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"~~8XAaA~~,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,~~OAAU~~,~~IAAAD~~,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,~~OAAgB~~,~~IAAAD~~,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,~~EAAAC~~,cAAA,MAAA,~~CACEC~~,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,~~EAAAC~~,~~cAACK~~,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}
1	+ {"version":3,"file":"AlertBannerButton.js","sources":["../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /*\n If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"iYAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerButton:"bannerButton_44eb52cf55",darkBackground:"darkBackground_44eb52cf55",marginLeft:"marginLeft_695bdab4b3"};!function(e){const n="s_id-35a7e70934a8_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_44eb52cf55 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_44eb52cf55 .bannerButton_44eb52cf55 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_695bdab4b3 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={bannerButton:"bannerButton_b77ae1e503",darkBackground:"darkBackground_b77ae1e503",marginLeft:"marginLeft_b60179d2c8"};!function(e){const n="s_id-35a7e70934a8_4_2_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_b77ae1e503 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_b77ae1e503 .bannerButton_b77ae1e503 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_b60179d2c8 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import e from"classnames";import{getTestId as n,ComponentDefaultTestId as a}from"../../../../testIds.js";import i,{useContext as o}from"react";import s from"../../Link/Link.js";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=t(d,["marginLeft","id","data-testid"]),u=o(l).textColor,v=e(r({},m.marginLeft,p));return i.createElement("div",{className:v,"data-testid":c||n(a.ALERT_BANNER_LINK,L),id:L},i.createElement(s,Object.assign({},j,{textClassName:e(m.bannerLink,r(r({},m.bannerLinkTextColorOnPrimary,"onPrimary"===u),m.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import o from"../../Link/Link.js";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(l).textColor,v=r(t({},m.marginLeft,p));return i.createElement("div",{className:v,"data-testid":c||n(a.ALERT_BANNER_LINK,L),id:L},i.createElement(o,Object.assign({},j,{textClassName:r(m.bannerLink,t(t({},m.bannerLinkTextColorOnPrimary,"onPrimary"===u),m.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
 //# sourceMappingURL=AlertBannerLink.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n /*\n If true, a left margin is applied to the link.\n */\n marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ...linkProps\n}) => {\n const { textColor } = useContext(AlertBannerContext);\n const classNames = cx({\n [styles.marginLeft]: marginLeft\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n id={id}\n >\n <Link\n {...linkProps}\n textClassName={cx(styles.bannerLink, {\n [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n })}\n />\n </div>\n );\n};\n\nObject.assign(AlertBannerLink, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"~~0aAcA~~,IAAMA,EAA4C,SAACC,GAAA,IAAAC,~~EAGxBD~~,~~EAFzBE~~,WAAAA,~~OAAU~~,~~IAAAD~~,GAAQA,EAClBE,~~EACyBH~~,~~EADzBG~~,GACeC,~~EAAUJ~~,~~EAAzB~~,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,~~EAAAC~~,cAAA,MAAA,~~CACEC~~,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,~~EAAAC~~,~~cAACK~~,~~EAAIC~~,OAAAC,OAAA,CAAA,~~EACCjB~~,~~EAAS~~,~~CACbkB~~,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
1	+ {"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n /*\n If true, a left margin is applied to the link.\n */\n marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ...linkProps\n}) => {\n const { textColor } = useContext(AlertBannerContext);\n const classNames = cx({\n [styles.marginLeft]: marginLeft\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n id={id}\n >\n <Link\n {...linkProps}\n textClassName={cx(styles.bannerLink, {\n [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n })}\n />\n </div>\n );\n};\n\nObject.assign(AlertBannerLink, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"6aAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_aa9da4cf96",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_55be730c90",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_1f6a16f895",marginLeft:"marginLeft_695bdab4b3"};!function(n){const e="s_id-b8e9178179b1_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_aa9da4cf96 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_55be730c90 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_1f6a16f895 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_695bdab4b3 {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink_a46bea6619",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_aaf3665cd6",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_6c2b824075",marginLeft:"marginLeft_b60179d2c8"};!function(n){const e="s_id-b8e9178179b1_4_2_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_a46bea6619 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_aaf3665cd6 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_6c2b824075 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_b60179d2c8 {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../../testIds.js";import o from"classnames";import i,{useRef as s}from"react";import a from"./AlertBannerText.module.scss.js";import n from"../../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var l=function(l){var p=l.text,d=l.marginLeft,f=void 0!==d&&d,c=l.id,u=l["data-testid"],T=l.ariaLive,g=s(null),v=o(a.bannerText,e({},a.marginLeft,f)),j=n({ref:g});return i.createElement(m,{position:"bottom",content:j&&p,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:v,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":T},p)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import o from"classnames";import i,{useRef as s}from"react";import a from"./AlertBannerText.module.scss.js";import n from"../../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var l=function(l){var p=l.text,d=l.marginLeft,f=void 0!==d&&d,c=l.id,u=l["data-testid"],T=l.ariaLive,g=s(null),v=o(a.bannerText,e({},a.marginLeft,f)),j=n({ref:g});return i.createElement(m,{position:"bottom",content:j&&p,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:v,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":T},p)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
 //# sourceMappingURL=AlertBannerText.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBannerText.js","sources":["../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n /*\n The text content displayed within the alert banner.\n /\n text: string;\n /\n If true, a left margin is applied to the alert banner text.\n /\n marginLeft?: boolean;\n /\n The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" \| \"assertive\" \| \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\n const componentRef = useRef(null);\n const classNames = cx(styles.bannerText, {\n [styles.marginLeft]: marginLeft\n });\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n position=\"bottom\"\n content={isOverflowing && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n >\n <div\n ref={componentRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n >\n <span aria-live={ariaLive}>{text}</span>\n </div>\n </Tooltip>\n );\n};\n\nObject.assign(AlertBannerText, {\n isAlertBannerItem: true,\n isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"~~oZAwBA~~,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,~~OAAU~~,~~IAAAD~~,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,~~EAAAC~~,~~cAACC~~,~~EAAO~~,~~CACNC~~,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,~~EAAAC~~,cAAA,MAAA,~~CACEF~~,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,~~EAAE~~,~~cACOC~~,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
1	+ {"version":3,"file":"AlertBannerText.js","sources":["../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n /*\n The text content displayed within the alert banner.\n /\n text: string;\n /\n If true, a left margin is applied to the alert banner text.\n /\n marginLeft?: boolean;\n /\n The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" \| \"assertive\" \| \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\n const componentRef = useRef(null);\n const classNames = cx(styles.bannerText, {\n [styles.marginLeft]: marginLeft\n });\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n position=\"bottom\"\n content={isOverflowing && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n >\n <div\n ref={componentRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n >\n <span aria-live={ariaLive}>{text}</span>\n </div>\n </Tooltip>\n );\n};\n\nObject.assign(AlertBannerText, {\n isAlertBannerItem: true,\n isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"uZAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_96126e1c5a",marginLeft:"marginLeft_695bdab4b3"};!function(e){const n="s_id-306a220e9849_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_96126e1c5a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_695bdab4b3 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={bannerText:"bannerText_cf2d271d41",marginLeft:"marginLeft_b60179d2c8"};!function(e){const n="s_id-306a220e9849_4_2_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_cf2d271d41 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_b60179d2c8 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import n from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as s}from"./utils/iconUtils.js";import{ComponentVibeId as r,ComponentDefaultTestId as l}from"../../tests/constants.js";import{getTestId as m}from"../../../testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=s(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(l.ATTENTION_BOX,g),"data-vibe":r.ATTENTION_BOX},f?e.createElement(n,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import s from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as n}from"./utils/iconUtils.js";import{ComponentDefaultTestId as r,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=n(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(r.ATTENTION_BOX,g),"data-vibe":l.ATTENTION_BOX},f?e.createElement(s,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
 //# sourceMappingURL=AttentionBox.js.map

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 React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n (\n {\n compact = false,\n title,\n animate = true,\n icon,\n iconType = \"svg\",\n type = \"primary\",\n children,\n text,\n action,\n link,\n id,\n onClose,\n closeButtonAriaLabel,\n className,\n \"data-testid\": dataTestId\n }: AttentionBoxProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n const displayIcon = resolveAttentionBoxIcon(icon, type);\n const content = children \|\| text;\n\n const baseClasses = cx(\n styles.attention,\n styles[type],\n {\n [styles.animate]: animate\n },\n className\n );\n\n const layoutSharedProps = {\n onClose,\n closeButtonAriaLabel,\n action,\n link,\n icon: displayIcon,\n iconType,\n content\n };\n\n return (\n <div\n ref={ref}\n className={baseClasses}\n role={role}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {compact ? (\n <AttentionBoxCompact {...layoutSharedProps} />\n ) : (\n <AttentionBoxDefault title={title} {...layoutSharedProps} />\n )}\n </div>\n );\n }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"~~2gBAUA~~,~~IAAMA~~,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,~~OAAO~~,~~IAAAD~~,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,~~OAAO~~,~~IAAAD~~,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,~~OAAQ~~,~~IAAAD~~,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,~~OAAI~~,~~IAAAD~~,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EAAAC,cAAA,MAAA,CACE/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,~~GAAG~~,~~YACnEqB~~,EAAgBD,eAE1BhC,EACC4B,~~EAAAC~~,~~cAACK~~,~~EAAmBC~~,OAAAC,OAAA,CAAA,~~EAAKT~~,IAEzBC,~~EAAAC~~,~~cAACQ~~,~~EAAmBF~~,OAAAC,OAAA,~~CAACnC~~,MAAOA,GAAW0B,IAI/C"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n (\n {\n compact = false,\n title,\n animate = true,\n icon,\n iconType = \"svg\",\n type = \"primary\",\n children,\n text,\n action,\n link,\n id,\n onClose,\n closeButtonAriaLabel,\n className,\n \"data-testid\": dataTestId\n }: AttentionBoxProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n const displayIcon = resolveAttentionBoxIcon(icon, type);\n const content = children \|\| text;\n\n const baseClasses = cx(\n styles.attention,\n styles[type],\n {\n [styles.animate]: animate\n },\n className\n );\n\n const layoutSharedProps = {\n onClose,\n closeButtonAriaLabel,\n action,\n link,\n icon: displayIcon,\n iconType,\n content\n };\n\n return (\n <div\n ref={ref}\n className={baseClasses}\n role={role}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {compact ? (\n <AttentionBoxCompact {...layoutSharedProps} />\n ) : (\n <AttentionBoxDefault title={title} {...layoutSharedProps} />\n )}\n </div>\n );\n }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"8gBAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EAAAC,cAAA,MAAA,CACE/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,GAChE,YAAAqB,EAAgBD,eAE1BhC,EACC4B,EAACC,cAAAK,EAAwBC,OAAAC,OAAA,CAAA,EAAAT,IAEzBC,EAACC,cAAAQ,EAAoBF,OAAAC,OAAA,CAAAnC,MAAOA,GAAW0B,IAI/C"}

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_616c3c72e7",animate:"animate_3a0f6d2fef",attentionBoxAnimation:"attentionBoxAnimation_3bd8e8557a",primary:"primary_c485c592a9",positive:"positive_972ff63c4f",negative:"negative_51f7698b9d",warning:"warning_9c73da8db7",neutral:"neutral_8a6755694b"};!function(n){const e="s_id-4a6eadcbcb7d_4_2_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 attentionBoxAnimation_3bd8e8557a {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_616c3c72e7 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_616c3c72e7.animate_3a0f6d2fef {\n  animation: attentionBoxAnimation_3bd8e8557a 200ms var(--motion-timing-transition);\n}\n.attention_616c3c72e7.primary_c485c592a9 {\n  background-color: var(--primary-selected-color);\n}\n.attention_616c3c72e7.positive_972ff63c4f {\n  background-color: var(--positive-color-selected);\n}\n.attention_616c3c72e7.negative_51f7698b9d {\n  background-color: var(--negative-color-selected);\n}\n.attention_616c3c72e7.warning_9c73da8db7 {\n  background-color: var(--warning-color-selected);\n}\n.attention_616c3c72e7.neutral_8a6755694b {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_3e93512f17",animate:"animate_99b390d195",attentionBoxAnimation:"attentionBoxAnimation_37a58e1ecf",primary:"primary_62944425bd",positive:"positive_cb85b37337",negative:"negative_6e0839a412",warning:"warning_3a6e3621fe",neutral:"neutral_8cfa4e336b"};!function(n){const e="s_id-4a6eadcbcb7d_4_2_3";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 attentionBoxAnimation_37a58e1ecf {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_3e93512f17 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_3e93512f17.animate_99b390d195 {\n  animation: attentionBoxAnimation_37a58e1ecf 200ms var(--motion-timing-transition);\n}\n.attention_3e93512f17.primary_62944425bd {\n  background-color: var(--primary-selected-color);\n}\n.attention_3e93512f17.positive_cb85b37337 {\n  background-color: var(--positive-color-selected);\n}\n.attention_3e93512f17.negative_6e0839a412 {\n  background-color: var(--negative-color-selected);\n}\n.attention_3e93512f17.warning_3a6e3621fe {\n  background-color: var(--warning-color-selected);\n}\n.attention_3e93512f17.neutral_8cfa4e336b {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" \| \"kind\" \| \"color\" \| \"children\"> {\n text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n {text}\n </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"~~uKAOA~~,~~IAAMA~~,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,~~EAAIF~~,~~EAAJE~~,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,~~EAAAC~~,~~cAACC~~,~~EAAMC~~,OAAAC,OAAA,~~CAACR~~,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}
1	+ {"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" \| \"kind\" \| \"color\" \| \"children\"> {\n text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n {text}\n </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"uKAOMA,IAAAA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAsBF,EAAtBE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAACC,cAAAC,EAAOC,OAAAC,OAAA,CAAAR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","hideTooltip","className","cx","styles","closeButton"],"mappings":"uPAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,~~EAAAC~~,~~cAACC~~,~~EAAU~~,~~CACTC~~,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QASoB,~~kBARA~~,~~IAAAV~~,EAAG,QAAOA,EAU1BW,~~aAAW~~,~~EACXC~~,UAAWC,EAAGC,EAAOC,YAVhBhB,EAATa,YAaF"}
1	+ {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","hideTooltip","className","cx","styles","closeButton"],"mappings":"uPAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QASoB,kBARG,IAAHV,EAAG,QAAOA,EAU1BW,aACA,EAAAC,UAAWC,EAAGC,EAAOC,YAVhBhB,EAATa,YAaF"}

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_6f76cbff6e"};!function(e){const t="s_id-979f8aeb619b_4_2_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)}(".closeButton_6f76cbff6e {\n  flex-shrink: 0;\n}\n.closeButton_6f76cbff6e:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_be118e3994"};!function(e){const t="s_id-979f8aeb619b_4_2_3";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)}(".closeButton_be118e3994 {\n  flex-shrink: 0;\n}\n.closeButton_be118e3994:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n icon?: SubIcon;\n iconType?: IconType;\n className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n return <Icon icon={icon} type={iconType} size={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","type","size","className","cx","styles"],"mappings":"uKAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRC,~~UADsB~~,~~IAAAN~~,EAAG,MAAKA,EACdO,KAAM,GAAIC,UAAWC,EAAGC,EAAOL,KADNN,EAATS,YAE3D"}
1	+ {"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n icon?: SubIcon;\n iconType?: IconType;\n className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n return <Icon icon={icon} type={iconType} size={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","type","size","className","cx","styles"],"mappings":"uKAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRC,UADyB,IAAHN,EAAG,MAAKA,EACdO,KAAM,GAAIC,UAAWC,EAAGC,EAAOL,KADNN,EAATS,YAE3D"}

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_32dd1a104a"};!function(e){const t="s_id-55a80ba34ba3_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_32dd1a104a {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_ff42d08208"};!function(e){const t="s_id-55a80ba34ba3_4_2_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_ff42d08208 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"~~iNAQA~~,~~IAAMA~~,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}
1	+ {"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"iNAQMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_c50a23690e"};!function(e){const t="s_id-f7cefb69d475_4_2_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.attentionBoxLink_c50a23690e {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_872e5ca29c"};!function(e){const t="s_id-f7cefb69d475_4_2_3";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.attentionBoxLink_872e5ca29c {\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/AttentionBox/consts/icons.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"../../../../icons/dist/react/Favorite.js";import i from"../../../../icons/dist/react/Warning.js";import t from"../../../../icons/dist/react/Alert.js";import o from"../../../../icons/dist/react/Check.js";import s from"../../../../icons/dist/react/Info.js";var e={primary:s,positive:o,negative:t,warning:i,neutral:r};export{e as ATTENTION_BOX_DEFAULT_ICONS};
+import r from"../../../../icons/dist/react/Info.js";import i from"../../../../icons/dist/react/Check.js";import t from"../../../../icons/dist/react/Alert.js";import o from"../../../../icons/dist/react/Warning.js";import s from"../../../../icons/dist/react/Favorite.js";var e={primary:r,positive:i,negative:t,warning:o,neutral:s};export{e as ATTENTION_BOX_DEFAULT_ICONS};
 //# sourceMappingURL=icons.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"qgBAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,~~OAAoB~~,~~IAAAD~~,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,~~EAAAC~~,~~cAACS~~,~~EAAuB~~,~~CAAClB~~,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,~~EAAAC~~,~~cAACY~~,~~EAAI~~,~~CAACC~~,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,~~EAAI~~,~~CAACE~~,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,~~EAAI~~,~~CAAEyB~~,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}
1	+ {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"qgBAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAACC,cAAAS,EAAwB,CAAAlB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAACC,cAAAY,EAAK,CAAAC,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAK,CAAAE,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,EAAM,CAAAyB,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}

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

@@ -1,2 +1,2 @@
-var e={container:"container_8ba9e7bed2",mainContentGroup:"mainContentGroup_5caf935fe9",leadingIcon:"leadingIcon_dedd453b1b",actionsGroup:"actionsGroup_293e4b751f"};!function(e){const n="s_id-2f71fab0a877_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_8ba9e7bed2 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_5caf935fe9 {\n  min-width: 0;\n}\n\n.leadingIcon_dedd453b1b {\n  align-self: flex-start;\n}\n\n.actionsGroup_293e4b751f {\n  gap: var(--space-12);\n}");export{e as default};
+var n={container:"container_d14248c443",mainContentGroup:"mainContentGroup_f8f51d0b0c",leadingIcon:"leadingIcon_4e64f54c4f",actionsGroup:"actionsGroup_96db528c88"};!function(n){const e="s_id-2f71fab0a877_4_2_3";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)}(".container_d14248c443 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_f8f51d0b0c {\n  min-width: 0;\n}\n\n.leadingIcon_4e64f54c4f {\n  align-self: flex-start;\n}\n\n.actionsGroup_96db528c88 {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"qnBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,~~OAAoB~~,~~IAAAD~~,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,~~EAAA~~,~~CAAA~~,~~EAC3BF~~,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,~~EAAAS~~,~~cAACC~~,~~EAAuB~~,~~CAACnB~~,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,~~EAAAS~~,~~cAACE~~,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,~~EAAAS~~,~~cAACW~~,~~EAAI~~,~~CAACC~~,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,~~EAAI~~,~~CAAE6B~~,YAAY,KAChD9B,GAAUI,~~EAAAS~~,~~cAACkB~~,~~EAAkBH~~,OAAAC,OAAA,CAAA,~~EAAK7B~~,KAK7C"}
1	+ {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"qnBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAC3BF,CAAAA,EAAAA,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAACS,cAAAC,EAAwB,CAAAnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAACS,cAAAE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,EAACS,cAAAW,EAAK,CAAAC,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,EAAM,CAAA6B,YAAY,KAChD9B,GAAUI,EAACS,cAAAkB,EAAuBH,OAAAC,OAAA,CAAA,EAAA7B,KAK7C"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_5bba881430",icon:"icon_a162186b68",title:"title_444500726f",text:"text_884c4610f6",actions:"actions_49d640c5bc",closeButton:"closeButton_df59edcdcf",hasIcon:"hasIcon_5afc35f0e2",hasCloseButton:"hasCloseButton_5c381dc8f2",hasTitle:"hasTitle_bef19fe9a3"};!function(n){const t="s_id-d1aa0b2532e6_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container_5bba881430 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_5bba881430 .icon_a162186b68 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_5bba881430 .title_444500726f {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_5bba881430 .text_884c4610f6,\n.container_5bba881430 .actions_49d640c5bc {\n  grid-column: 2/-1;\n}\n.container_5bba881430 .text_884c4610f6 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_5bba881430 .closeButton_df59edcdcf {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_5bba881430 .actions_49d640c5bc {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_5bba881430:not(.hasIcon_5afc35f0e2) {\n  --grid-columns: 1fr auto;\n}\n.container_5bba881430:not(.hasIcon_5afc35f0e2):not(.hasCloseButton_5c381dc8f2) {\n  --grid-columns: 1fr;\n}\n.container_5bba881430:not(.hasIcon_5afc35f0e2) .title_444500726f {\n  grid-column: 1;\n}\n.container_5bba881430:not(.hasIcon_5afc35f0e2) .text_884c4610f6,\n.container_5bba881430:not(.hasIcon_5afc35f0e2) .actions_49d640c5bc {\n  grid-column: 1/-1;\n}\n.container_5bba881430:not(.hasIcon_5afc35f0e2) .closeButton_df59edcdcf {\n  grid-column: 2;\n}\n.container_5bba881430:not(.hasCloseButton_5c381dc8f2) {\n  --grid-columns: auto 1fr;\n}\n.container_5bba881430:not(.hasTitle_bef19fe9a3) .icon_a162186b68 {\n  align-self: start;\n}\n.container_5bba881430:not(.hasTitle_bef19fe9a3) .text_884c4610f6 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_5bba881430:not(.hasTitle_bef19fe9a3) .closeButton_df59edcdcf {\n  margin-block-start: -1px;\n}\n.container_5bba881430:not(.hasTitle_bef19fe9a3) .actions_49d640c5bc {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_7075f23592",icon:"icon_acefcb163c",title:"title_ec08ba22ee",text:"text_03229a63c7",actions:"actions_3357fe0668",closeButton:"closeButton_16b5df64e1",hasIcon:"hasIcon_611c07ff53",hasCloseButton:"hasCloseButton_9d60e0ea57",hasTitle:"hasTitle_a96952d15f"};!function(n){const e="s_id-d1aa0b2532e6_4_2_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_7075f23592 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_7075f23592 .icon_acefcb163c {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_7075f23592 .title_ec08ba22ee {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_7075f23592 .text_03229a63c7,\n.container_7075f23592 .actions_3357fe0668 {\n  grid-column: 2/-1;\n}\n.container_7075f23592 .text_03229a63c7 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_7075f23592 .closeButton_16b5df64e1 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_7075f23592 .actions_3357fe0668 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_7075f23592:not(.hasIcon_611c07ff53) {\n  --grid-columns: 1fr auto;\n}\n.container_7075f23592:not(.hasIcon_611c07ff53):not(.hasCloseButton_9d60e0ea57) {\n  --grid-columns: 1fr;\n}\n.container_7075f23592:not(.hasIcon_611c07ff53) .title_ec08ba22ee {\n  grid-column: 1;\n}\n.container_7075f23592:not(.hasIcon_611c07ff53) .text_03229a63c7,\n.container_7075f23592:not(.hasIcon_611c07ff53) .actions_3357fe0668 {\n  grid-column: 1/-1;\n}\n.container_7075f23592:not(.hasIcon_611c07ff53) .closeButton_16b5df64e1 {\n  grid-column: 2;\n}\n.container_7075f23592:not(.hasCloseButton_9d60e0ea57) {\n  --grid-columns: auto 1fr;\n}\n.container_7075f23592:not(.hasTitle_a96952d15f) .icon_acefcb163c {\n  align-self: start;\n}\n.container_7075f23592:not(.hasTitle_a96952d15f) .text_03229a63c7 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_7075f23592:not(.hasTitle_a96952d15f) .closeButton_16b5df64e1 {\n  margin-block-start: -1px;\n}\n.container_7075f23592:not(.hasTitle_a96952d15f) .actions_3357fe0668 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\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 { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps } 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 \"aria-label\"?: 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 \"aria-hidden\"?: 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 \"aria-label\": ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n \"aria-hidden\": 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 aria-label={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\nexport default Avatar;\n"],"names":["Avatar","_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"],"mappings":"8tBAoHA,IAAMA,EAAS,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAI,IAAAD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAa,IAAAD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACcC,EAASd,EAAvB,cAAYe,EAAAf,EACZgB,eAAAA,OAAc,IAAAD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAe,IAAAD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACR,eAAewB,OAAU,IAAAD,GAAQA,EACjCE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAa,IAAAD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAU,IAAAD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAqB,IAAAD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,GAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACvD,GAAG,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,CAAA,CAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAEtB,GAAG,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,EAAAM,cAACC,EAAWd,OAAAC,OAAA,CAACpC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAAAM,cAACC,EAAWd,OAAAC,OAAA,CAACpC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAAAM,cAACC,EAAWd,OAAAC,OAAA,CAACpC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAAAM,cAACC,EAAWd,OAAAC,OAAA,CAACpC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAAM,cAAA,MAAA,CAAKrD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,cAAoB,EAApBA,GAAsBG,UAG5C,EAFE,CAGX,GAAG,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EAAAM,cAAA,MAAA,CACExD,GAAIA,gBACSmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,GAAS,YACLkC,EAAgBH,QAE3BpB,EAAAM,cAACkB,GACCC,cAAezC,EACf0C,eAAgB,CACd1C,QAAS8B,GACT3C,UAAU,EACVlB,UAAWkD,EAAOwB,mBAGpB3B,EAAAM,cAACsB,EAAOnC,OAAAC,OAAA,CAACmC,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,EAAI,aACEE,EACZG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\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 { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps } 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 \"aria-label\"?: 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 \"aria-hidden\"?: 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 \"aria-label\": ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n \"aria-hidden\": 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 aria-label={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\nexport default Avatar;\n"],"names":["Avatar","_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"],"mappings":"iuBAoHA,IAAMA,EAAS,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,aACcC,EAASd,EAAvB,cAAYe,EAAAf,EACZgB,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,EACR,eAAewB,OAAa,IAAHD,GAAQA,EACjCE,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,cAAoB,EAApBA,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,UAAW,EACXlB,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,EAAI,aACEE,EACZG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX"}

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_5276bed7f8",large:"large_5822d3670f",medium:"medium_df31417323",small:"small_d04b6eac23",xs:"xs_7cde86568f",clickableWrapper:"clickableWrapper_562d82c71e",circle:"circle_f3c0fba999","focus-visible":"focus-visible_6321f595d6",circleImg:"circleImg_0f37dcc0b8",circleText:"circleText_eb684ecb3e",disabled:"disabled_7be26dc35f",square:"square_0916dbea29",withoutBorder:"withoutBorder_32b63fd5b4",badges:"badges_69d28ea0c8",badge:"badge_b656a1fbd1",badgeTopLeft:"badgeTopLeft_bc15e9fb90",badgeTopRight:"badgeTopRight_96de4aaef4",badgeBottomLeft:"badgeBottomLeft_768945ed0d",badgeBottomRight:"badgeBottomRight_7e07bd7672"};!function(e){const n="s_id-4487266934ef_4_2_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_5276bed7f8 {\n  position: relative;\n}\n.large_5822d3670f {\n  height: 50px;\n  width: 50px;\n}\n.medium_df31417323 {\n  height: 32px;\n  width: 32px;\n}\n.small_d04b6eac23 {\n  height: 28px;\n  width: 28px;\n}\n.xs_7cde86568f {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_562d82c71e {\n  height: 100%;\n  width: 100%;\n}\n.circle_f3c0fba999 {\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.circle_f3c0fba999:focus {\n  outline: none;\n}\n.circle_f3c0fba999:focus:focus-visible, .circle_f3c0fba999:focus.focus-visible_6321f595d6 {\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.circle_f3c0fba999:focus:focus:not(.focus-visible_6321f595d6) {\n  outline: none;\n}\n.circleImg_0f37dcc0b8 {\n  border-color: var(--primary-background-color);\n}\n.circleText_eb684ecb3e {\n  border-color: var(--layout-border-color);\n}\n.disabled_7be26dc35f: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.square_0916dbea29 {\n  border-radius: var(--border-radius-small);\n}\n.square_0916dbea29:focus {\n  outline: none;\n}\n.square_0916dbea29:focus:focus-visible, .square_0916dbea29:focus.focus-visible_6321f595d6 {\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.square_0916dbea29:focus:focus:not(.focus-visible_6321f595d6) {\n  outline: none;\n}\n.withoutBorder_32b63fd5b4 {\n  border: none;\n}\n.badges_69d28ea0c8 {\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-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_69d28ea0c8 .badge_b656a1fbd1 {\n  display: flex;\n}\n.badges_69d28ea0c8 .badgeTopLeft_bc15e9fb90 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_69d28ea0c8 .badgeTopRight_96de4aaef4 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_69d28ea0c8 .badgeBottomLeft_768945ed0d {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_69d28ea0c8 .badgeBottomRight_7e07bd7672 {\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_638f62c2d5",large:"large_d8fae058d9",medium:"medium_936114cc84",small:"small_334f89fc7b",xs:"xs_85a21169d7",clickableWrapper:"clickableWrapper_4bc7267fb1",circle:"circle_cfe422a61c","focus-visible":"focus-visible_388a39e77b",circleImg:"circleImg_e7118c8232",circleText:"circleText_c8e56cbde7",disabled:"disabled_a78604c601",square:"square_a9f76ec669",withoutBorder:"withoutBorder_6e62766320",badges:"badges_c288fcb010",badge:"badge_c1dfaaa26e",badgeTopLeft:"badgeTopLeft_091264f2a8",badgeTopRight:"badgeTopRight_773c0465b6",badgeBottomLeft:"badgeBottomLeft_ebee602335",badgeBottomRight:"badgeBottomRight_6e65974699"};!function(e){const n="s_id-4487266934ef_4_2_3";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)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_638f62c2d5 {\n  position: relative;\n}\n.large_d8fae058d9 {\n  height: 50px;\n  width: 50px;\n}\n.medium_936114cc84 {\n  height: 32px;\n  width: 32px;\n}\n.small_334f89fc7b {\n  height: 28px;\n  width: 28px;\n}\n.xs_85a21169d7 {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_4bc7267fb1 {\n  height: 100%;\n  width: 100%;\n}\n.circle_cfe422a61c {\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.circle_cfe422a61c:focus {\n  outline: none;\n}\n.circle_cfe422a61c:focus:focus-visible, .circle_cfe422a61c:focus.focus-visible_388a39e77b {\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.circle_cfe422a61c:focus:focus:not(.focus-visible_388a39e77b) {\n  outline: none;\n}\n.circleImg_e7118c8232 {\n  border-color: var(--primary-background-color);\n}\n.circleText_c8e56cbde7 {\n  border-color: var(--layout-border-color);\n}\n.disabled_a78604c601: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.square_a9f76ec669 {\n  border-radius: var(--border-radius-small);\n}\n.square_a9f76ec669:focus {\n  outline: none;\n}\n.square_a9f76ec669:focus:focus-visible, .square_a9f76ec669:focus.focus-visible_388a39e77b {\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.square_a9f76ec669:focus:focus:not(.focus-visible_388a39e77b) {\n  outline: none;\n}\n.withoutBorder_6e62766320 {\n  border: none;\n}\n.badges_c288fcb010 {\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-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_c288fcb010 .badge_c1dfaaa26e {\n  display: flex;\n}\n.badges_c288fcb010 .badgeTopLeft_091264f2a8 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_c288fcb010 .badgeTopRight_773c0465b6 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_c288fcb010 .badgeBottomLeft_ebee602335 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_c288fcb010 .badgeBottomRight_6e65974699 {\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 e}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as s}from"es-toolkit";import{getTestId as a,ComponentDefaultTestId as i}from"../../../testIds.js";import o from"classnames";import c from"./AvatarBadge.module.scss.js";import r from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import l from"../../../components/icon/dist/Icon/Icon.js";import n from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(d){var p=d.src,b=d.icon,f=d.tabIndex,k=void 0===f?0:f,u=d.className,C=d.size,j=void 0===C?"large":C,I=d.id,v=d.onClick,g=d["data-testid"],x=e(d,["src","icon","tabIndex","className","size","id","onClick","data-testid"]),E=o(m(c,s("badge--"+j)),u),A=g||a(i.AVATAR_BADGE,I),N=-1===k&&!!v;if(b)return N?t.createElement(r,{isClickable:!0,clickableProps:{onClick:v,tabIndex:k}},t.createElement(l,Object.assign({icon:b,className:E},x,{"data-testid":A}))):t.createElement(l,Object.assign({icon:b,className:E,tabindex:k},x,{"data-testid":A}));var O=t.createElement(n,Object.assign({src:p,className:E},x,{"data-testid":A}));return p?N?t.createElement(r,{isClickable:!0,clickableProps:{onClick:v,tabIndex:k}},O):O:null};export{d as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e from"react";import{camelCase as s}from"es-toolkit";import{getTestId as a,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import c from"./AvatarBadge.module.scss.js";import r from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import l from"../../../components/icon/dist/Icon/Icon.js";import n from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(d){var p=d.src,b=d.icon,f=d.tabIndex,k=void 0===f?0:f,u=d.className,C=d.size,j=void 0===C?"large":C,I=d.id,v=d.onClick,g=d["data-testid"],x=t(d,["src","icon","tabIndex","className","size","id","onClick","data-testid"]),E=o(m(c,s("badge--"+j)),u),A=g||a(i.AVATAR_BADGE,I),N=-1===k&&!!v;if(b)return N?e.createElement(r,{isClickable:!0,clickableProps:{onClick:v,tabIndex:k}},e.createElement(l,Object.assign({icon:b,className:E},x,{"data-testid":A}))):e.createElement(l,Object.assign({icon:b,className:E,tabindex:k},x,{"data-testid":A}));var O=e.createElement(n,Object.assign({src:p,className:E},x,{"data-testid":A}));return p?N?e.createElement(r,{isClickable:!0,clickableProps:{onClick:v,tabIndex:k}},O):O:null};export{d 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 \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\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?: number;\n /\n The size of the badge.\n /\n size?: AvatarSize;\n /\n Callback fired when the badge is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n onClick,\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 const isClickable = tabIndex === -1 && !!onClick;\n\n if (icon) {\n return isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />\n </ClickableWrapper>\n ) : (\n <Icon icon={icon} className={classNames} tabindex={tabIndex} {...otherProps} data-testid={testId} />\n );\n }\n\n const svgIcon = <CustomSvgIcon src={src} className={classNames} {...otherProps} data-testid={testId} />;\n\n return src ? (\n isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n {svgIcon}\n </ClickableWrapper>\n ) : (\n svgIcon\n )\n ) : null;\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","onClick","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","isClickable","React","ClickableWrapper","clickableProps","createElement","Icon","Object","assign","tabindex","svgIcon","CustomSvgIcon"],"mappings":"~~ijBAmCA~~,IAAMA,EAAc,SAACC,OACnBC,EAOyBD,EAPzBC,IACAC,EAMyBF,EANzBE,KAAIC,EAMqBH,EALzBI,SAAAA,~~OAAQ~~,~~IAAAD~~,EAAG,EAACA,EACZE,EAIyBL,EAJzBK,UAASC,EAIgBN,EAHzBO,KAAAA,~~OAAI~~,~~IAAAD~~,EAAG,QAAOA,EACdE,EAEyBR,EAFzBQ,GACAC,EACyBT,EADzBS,QACeC,EAAUV,EAAzB,eACGW,~~EAAUC~~,EAAAZ,~~EATM~~,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,UAAA,gBAWba,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYV,IAAQF,GAC/Da,EAASR,GAAcS,EAAUC,EAAuBC,aAAcb,GACtEc,~~GAA2B~~,~~IAAblB~~,KAAqBK,EAEzC,GAAIP,EACF,OAAOoB,EACLC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACvDmB,EAAAG,cAACC,~~EAAIC~~,OAAAC,OAAA,~~CAAC3B~~,KAAMA,EAAMG,UAAWQ,GAAgBF,iBAAyBO,MAGxEK,~~EAAAG~~,~~cAACC~~,iBAAKzB,KAAMA,EAAMG,UAAWQ,EAAYiB,SAAU1B,GAAcO,iBAAyBO,KAI9F,IAAMa,EAAUR,EAAAG,cAACM,EAAaJ,OAAAC,OAAA,CAAC5B,IAAKA,EAAKI,UAAWQ,GAAgBF,~~EAAU~~,CAAA,~~cAAeO~~,KAE7F,OAAOjB,EACLqB,EACEC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACtD2B,GAGHA,EAEA,IACN"}
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 \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\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?: number;\n /\n The size of the badge.\n /\n size?: AvatarSize;\n /\n Callback fired when the badge is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n onClick,\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 const isClickable = tabIndex === -1 && !!onClick;\n\n if (icon) {\n return isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />\n </ClickableWrapper>\n ) : (\n <Icon icon={icon} className={classNames} tabindex={tabIndex} {...otherProps} data-testid={testId} />\n );\n }\n\n const svgIcon = <CustomSvgIcon src={src} className={classNames} {...otherProps} data-testid={testId} />;\n\n return src ? (\n isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n {svgIcon}\n </ClickableWrapper>\n ) : (\n svgIcon\n )\n ) : null;\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","onClick","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","isClickable","React","ClickableWrapper","clickableProps","createElement","Icon","Object","assign","tabindex","svgIcon","CustomSvgIcon"],"mappings":"ojBAmCA,IAAMA,EAAc,SAACC,OACnBC,EAOyBD,EAPzBC,IACAC,EAMyBF,EANzBE,KAAIC,EAMqBH,EALzBI,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAIyBL,EAJzBK,UAASC,EAIgBN,EAHzBO,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAEyBR,EAFzBQ,GACAC,EACyBT,EADzBS,QACeC,EAAUV,EAAzB,eACGW,EATgBC,EAAAZ,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,UAAA,gBAWba,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYV,IAAQF,GAC/Da,EAASR,GAAcS,EAAUC,EAAuBC,aAAcb,GACtEc,GAA4B,IAAdlB,KAAqBK,EAEzC,GAAIP,EACF,OAAOoB,EACLC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACvDmB,EAAAG,cAACC,EAAKC,OAAAC,OAAA,CAAA3B,KAAMA,EAAMG,UAAWQ,GAAgBF,iBAAyBO,MAGxEK,EAACG,cAAAC,iBAAKzB,KAAMA,EAAMG,UAAWQ,EAAYiB,SAAU1B,GAAcO,iBAAyBO,KAI9F,IAAMa,EAAUR,EAAAG,cAACM,EAAaJ,OAAAC,OAAA,CAAC5B,IAAKA,EAAKI,UAAWQ,GAAgBF,EAAyB,CAAA,cAAAO,KAE7F,OAAOjB,EACLqB,EACEC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACtD2B,GAGHA,EAEA,IACN"}

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

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_ffb11dd9ba",badgeMedium:"badgeMedium_55142b8067",badgeSmall:"badgeSmall_a814994d1a",badgeXs:"badgeXs_8559395a56"};!function(e){const d="s_id-e545a08d61b0_4_2_2";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_ffb11dd9ba {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_55142b8067 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_a814994d1a,\n.badgeXs_8559395a56 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_3514ec682f",badgeMedium:"badgeMedium_ac2fe4584c",badgeSmall:"badgeSmall_51b5174319",badgeXs:"badgeXs_1d379d00b8"};!function(e){const d="s_id-e545a08d61b0_4_2_3";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_3514ec682f {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_ac2fe4584c {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_51b5174319,\n.badgeXs_1d379d00b8 {\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{getTestId as e,ComponentDefaultTestId as a}from"../../../testIds.js";import s from"classnames";import r from"react";import i from"./AvatarContent.module.scss.js";import o from"../../../components/icon/dist/Icon/Icon.js";import{getStyle as l}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var n=function(n){var c=n.type,m=void 0===c?"text":c,d=n.src,p=n.icon,u=n.text,f=n["aria-label"],A=n.role,N=n.size,T=void 0===N?"large":N,v=n.textClassName,C=void 0===v?"":v,E=n.id,x=n["data-testid"],_=s(l(i,t("content_"+m)),l(i,t("content_"+m+"--"+T)));switch(m){case"img":return r.createElement("img",{role:A,alt:f,src:d,className:_,id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)});case"icon":return r.createElement(o,{icon:p,"aria-label":f,className:_,"aria-hidden":!1,id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)});case"text":return r.createElement("span",{"aria-label":f,role:A,className:s(_,C),id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)},u);default:return null}};export{n as default};
+import{camelCase as t}from"es-toolkit";import{getTestId as e,ComponentDefaultTestId as a}from"../../tests/testIds.js";import s from"classnames";import r from"react";import i from"./AvatarContent.module.scss.js";import o from"../../../components/icon/dist/Icon/Icon.js";import{getStyle as l}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var n=function(n){var c=n.type,m=void 0===c?"text":c,d=n.src,p=n.icon,u=n.text,f=n["aria-label"],A=n.role,N=n.size,T=void 0===N?"large":N,v=n.textClassName,C=void 0===v?"":v,E=n.id,x=n["data-testid"],_=s(l(i,t("content_"+m)),l(i,t("content_"+m+"--"+T)));switch(m){case"img":return r.createElement("img",{role:A,alt:f,src:d,className:_,id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)});case"icon":return r.createElement(o,{icon:p,"aria-label":f,className:_,"aria-hidden":!1,id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)});case"text":return r.createElement("span",{"aria-label":f,role:A,className:s(_,C),id:E,"data-testid":x||e(a.AVATAR_CONTENT,E)},u);default:return null}};export{n 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 \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n \"aria-label\"?: 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 \"aria-label\": 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 aria-hidden={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\nexport default AvatarContent;\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon"],"mappings":"~~6VA6CA~~,IAAMA,EAAgB,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,~~OAAI~~,~~IAAAD~~,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACcC,EAASN,EAAvB,cACAO,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,~~OAAI~~,~~IAAAD~~,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,~~OAAa~~,~~IAAAD~~,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,~~EAAE~~,~~cACOC~~,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,~~EAAS~~,~~eACP~~,EACbF,GAAIA,~~EAAE~~,~~cACOC~~,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,~~EAAE~~,~~cACOC~~,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb"}
1	+ {"version":3,"file":"AvatarContent.js","sources":["../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n \"aria-label\"?: 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 \"aria-label\": 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 aria-hidden={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\nexport default AvatarContent;\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon"],"mappings":"gWA6CA,IAAMA,EAAgB,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACcC,EAASN,EAAvB,cACAO,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,EACE,eAAA,EACbF,GAAIA,EACS,cAAAC,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"}

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_1678bb0466",contentText:"contentText_12c6257327",contentTextLarge:"contentTextLarge_8eab4684f3",contentTextMedium:"contentTextMedium_37ec5a7257",contentTextSmall:"contentTextSmall_1f72edb835",contentTextXs:"contentTextXs_33f62aa031",contentIconLarge:"contentIconLarge_d04b6eac23",contentIconMedium:"contentIconMedium_15ad0cc192",contentIconSmall:"contentIconSmall_695bbdd807"};!function(n){const t="s_id-50188146c7c7_4_2_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_1678bb0466 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText_12c6257327 {\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.contentTextLarge_8eab4684f3 {\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.contentTextMedium_37ec5a7257 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall_1f72edb835 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs_33f62aa031 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge_d04b6eac23 {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium_15ad0cc192 {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall_695bbdd807 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_fac8c32e6b",contentText:"contentText_7cae1ae19b",contentTextLarge:"contentTextLarge_6492d54987",contentTextMedium:"contentTextMedium_2e0c8542d7",contentTextSmall:"contentTextSmall_c50fc6fa97",contentTextXs:"contentTextXs_671bab9149",contentIconLarge:"contentIconLarge_334f89fc7b",contentIconMedium:"contentIconMedium_b5faea67d2",contentIconSmall:"contentIconSmall_40a39c99d0"};!function(n){const t="s_id-50188146c7c7_4_2_3";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_fac8c32e6b {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText_7cae1ae19b {\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.contentTextLarge_6492d54987 {\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.contentTextMedium_2e0c8542d7 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall_c50fc6fa97 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs_671bab9149 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge_334f89fc7b {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium_b5faea67d2 {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall_40a39c99d0 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

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