npm - @vibe/core - Versions diffs - 3.37.0 → 3.38.0-alpha-fff13.0 - Mend

@vibe/core 3.37.0 → 3.38.0-alpha-fff13.0

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

Files changed (759) hide show

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_496aa6cdd4",large:"large_7849b448ee",medium:"medium_a5cf1befc7",small:"small_21ed4ebe23",xs:"xs_90679d0011",clickableWrapper:"clickableWrapper_ad8de84d2c",circle:"circle_79cfc14145","focus-visible":"focus-visible_80b786000e",circleImg:"circleImg_859f1cad0a",circleText:"circleText_1ff61a1f63",disabled:"disabled_496aa6cdd4",square:"square_a69c012cc8",withoutBorder:"withoutBorder_84d9e3895c",badges:"badges_1e1c9471c6",badge:"badge_ef64c7e83c",badgeTopLeft:"badgeTopLeft_0ed3e8fc99",badgeTopRight:"badgeTopRight_da29a5c1e4",badgeBottomLeft:"badgeBottomLeft_53948ffb8b",badgeBottomRight:"badgeBottomRight_b16ac8e6a1"};!function(e){const n="s_id-dccf983c2f60_3_36_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_496aa6cdd4 {\n  position: relative;\n}\n\n.large_7849b448ee {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_a5cf1befc7 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_21ed4ebe23 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_90679d0011 {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_ad8de84d2c {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_79cfc14145 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_79cfc14145:focus {\n  outline: none;\n}\n\n.circle_79cfc14145:focus:focus-visible, .circle_79cfc14145:focus.focus-visible_80b786000e {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_79cfc14145:focus:focus:not(.focus-visible_80b786000e) {\n  outline: none;\n}\n\n.circleImg_859f1cad0a {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_1ff61a1f63 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_496aa6cdd4:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_a69c012cc8 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_a69c012cc8:focus {\n  outline: none;\n}\n\n.square_a69c012cc8:focus:focus-visible, .square_a69c012cc8:focus.focus-visible_80b786000e {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_a69c012cc8:focus:focus:not(.focus-visible_80b786000e) {\n  outline: none;\n}\n\n.withoutBorder_84d9e3895c {\n  border: none;\n}\n\n.badges_1e1c9471c6 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_1e1c9471c6 .badge_ef64c7e83c {\n  display: flex;\n}\n\n.badges_1e1c9471c6 .badgeTopLeft_0ed3e8fc99 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_1e1c9471c6 .badgeTopRight_da29a5c1e4 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_1e1c9471c6 .badgeBottomLeft_53948ffb8b {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_1e1c9471c6 .badgeBottomRight_b16ac8e6a1 {\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_0f93937865",large:"large_6b5b843d3c",medium:"medium_23c1c0320a",small:"small_007fbf1958",xs:"xs_6003a11c3a",clickableWrapper:"clickableWrapper_d00cc2a885",circle:"circle_2b99bd391c","focus-visible":"focus-visible_ca21d3e44b",circleImg:"circleImg_5ff42f1e8c",circleText:"circleText_edc6875a5b",disabled:"disabled_0f93937865",square:"square_d09e8058ef",withoutBorder:"withoutBorder_fdbf36aa7f",badges:"badges_b70eb3349e",badge:"badge_881c1c88a2",badgeTopLeft:"badgeTopLeft_3aec745dc2",badgeTopRight:"badgeTopRight_6273382f5e",badgeBottomLeft:"badgeBottomLeft_e54a8c5ba0",badgeBottomRight:"badgeBottomRight_f78cdccea9"};!function(e){const n="s_id-dccf983c2f60_3_37_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_0f93937865 {\n  position: relative;\n}\n\n.large_6b5b843d3c {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_23c1c0320a {\n  height: 32px;\n  width: 32px;\n}\n\n.small_007fbf1958 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_6003a11c3a {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_d00cc2a885 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_2b99bd391c {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_2b99bd391c:focus {\n  outline: none;\n}\n\n.circle_2b99bd391c:focus:focus-visible, .circle_2b99bd391c:focus.focus-visible_ca21d3e44b {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_2b99bd391c:focus:focus:not(.focus-visible_ca21d3e44b) {\n  outline: none;\n}\n\n.circleImg_5ff42f1e8c {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_edc6875a5b {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_0f93937865:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_d09e8058ef {\n  border-radius: var(--border-radius-small);\n}\n\n.square_d09e8058ef:focus {\n  outline: none;\n}\n\n.square_d09e8058ef:focus:focus-visible, .square_d09e8058ef:focus.focus-visible_ca21d3e44b {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_d09e8058ef:focus:focus:not(.focus-visible_ca21d3e44b) {\n  outline: none;\n}\n\n.withoutBorder_fdbf36aa7f {\n  border: none;\n}\n\n.badges_b70eb3349e {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_b70eb3349e .badge_881c1c88a2 {\n  display: flex;\n}\n\n.badges_b70eb3349e .badgeTopLeft_3aec745dc2 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_b70eb3349e .badgeTopRight_6273382f5e {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_b70eb3349e .badgeBottomLeft_e54a8c5ba0 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_b70eb3349e .badgeBottomRight_f78cdccea9 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_d825b328af",badgeMedium:"badgeMedium_53aded40c0",badgeSmall:"badgeSmall_34fa5f2a01",badgeXs:"badgeXs_d0f613d1f6"};!function(e){const d="s_id-e545a08d61b0_3_36_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_d825b328af {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_53aded40c0 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_34fa5f2a01,\n.badgeXs_d0f613d1f6 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_69f52dba3b",badgeMedium:"badgeMedium_f54357095f",badgeSmall:"badgeSmall_c93c5a9bdb",badgeXs:"badgeXs_da9b838a51"};!function(e){const d="s_id-e545a08d61b0_3_37_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_69f52dba3b {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_f54357095f {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_c93c5a9bdb,\n.badgeXs_da9b838a51 {\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"lodash-es";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r from"classnames";import o from"react";import{AvatarType as i,AvatarSize as m}from"./AvatarConstants.js";import n from"../Icon/Icon.js";import l from"./AvatarContent.module.scss.js";var c=function(i){var m=i.type,c=void 0===m?"text":m,d=i.src,p=i.icon,A=i.text,f=i.ariaLabel,N=i.role,u=i.size,T=void 0===u?"large":u,v=i.textClassName,C=void 0===v?"":v,j=i.id,E=i["data-testid"],x=r(e(l,t("content_"+c)),e(l,t("content_"+c+"--"+T)));switch(c){case"img":return o.createElement("img",{role:N,alt:f,src:d,className:x,id:j,"data-testid":E||a(s.AVATAR_CONTENT,j)});case"icon":return o.createElement(n,{icon:p,"aria-label":f,className:x,ariaHidden:!1,id:j,"data-testid":E||a(s.AVATAR_CONTENT,j)});case"text":return o.createElement("span",{"aria-label":f,role:N,className:r(x,C),id:j,"data-testid":E||a(s.AVATAR_CONTENT,j)},A);default:return null}};Object.assign(c,{types:i,sizes:m});export{c as AvatarContent};
+import{camelCase as t}from"lodash-es";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import r from"classnames";import o from"react";import{AvatarSize as i,AvatarType as m}from"./AvatarConstants.js";import l from"../Icon/Icon.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import n from"./AvatarContent.module.scss.js";var d=c((function(i){var m=i.type,c=void 0===m?"text":m,d=i.src,p=i.icon,f=i.text,u=i.ariaLabel,A=i.role,N=i.size,T=void 0===N?"large":N,v=i.textClassName,j=void 0===v?"":v,C=i.id,E=i["data-testid"],x=r(e(n,t("content_"+c)),e(n,t("content_"+c+"--"+T)));switch(c){case"img":return o.createElement("img",{role:A,alt:u,src:d,className:x,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"icon":return o.createElement(l,{icon:p,"aria-label":u,className:x,ariaHidden:!1,id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)});case"text":return o.createElement("span",{"aria-label":u,role:A,className:r(x,j),id:C,"data-testid":E||s(a.AVATAR_CONTENT,C)},f);default:return null}}),{sizes:i,types:m});export{d as default};
 //# 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 \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n ariaLabel?: string;\n /\n The icon displayed when the type is set to `icon`.\n /\n icon?: SubIcon;\n /\n Class name applied to the text content.\n /\n textClassName?: string;\n /\n The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\~~nexport~~ ~~const~~ AvatarContent: ~~React.FC<AvatarContentProps> & {\n sizes?: typeof AvatarSizeEnum;\n types?: typeof AvatarTypeEnum;\n}~~ = ({\n type = \"text\",\n src,\n icon,\n text,\n ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n ariaHidden={false}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\~~nObject.assign~~(AvatarContent, {\n ~~types~~: ~~AvatarTypeEnum~~,\n ~~sizes~~: ~~AvatarSizeEnum~~\n});\n"],"names":["~~AvatarContent~~","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","~~Object~~","~~assign~~","types","AvatarTypeEnum"~~,"sizes","AvatarSizeEnum"~~],"mappings":"~~6XA8CaA~~,~~EAGT~~,~~SAHsBC~~,~~GAcD~~,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,~~EAEAsB~~,~~OAAOC~~,~~OAAO7B,EAAe,CAC3B8B,~~MAAOC,EACPC,MAAOC"}
1	+ {"version":3,"file":"AvatarContent.js","sources":["../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /*\n The image source when the type is set to `img`.\n /\n src?: string;\n /\n The type of content displayed inside the avatar.\n /\n type?: AvatarType;\n /\n The size of the avatar content.\n /\n size?: AvatarSize;\n /\n The ARIA role of the content.\n /\n role?: string;\n /\n The label of the content for accessibility.\n /\n ariaLabel?: string;\n /\n The icon displayed when the type is set to `icon`.\n /\n icon?: SubIcon;\n /\n Class name applied to the text content.\n /\n textClassName?: string;\n /\n The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\nconst AvatarContent = ({\n type = \"text\",\n src,\n icon,\n text,\n ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n ariaHidden={false}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\ninterface AvatarContentStaticProps {\n sizes: typeof AvatarSizeEnum;\n types: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<AvatarContentProps, AvatarContentStaticProps>(AvatarContent, {\n sizes: AvatarSizeEnum,\n types: AvatarTypeEnum\n});\n"],"names":["withStaticProps","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","sizes","AvatarSizeEnum","types","AvatarTypeEnum"],"mappings":"ieA8CA,IA8DeA,EAAAA,GA9DO,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,GAO4F,CAC1FsB,MAAOC,EACPC,MAAOC"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_459ce81724","focus-visible":"focus-visible_302f4573e3",xs:"xs_8541218ac9",small:"small_815bec85d9",medium:"medium_0c60e26c66",large:"large_f776496076",primary:"primary_2a95d5e598",dark:"dark_33b72886d1",negative:"negative_9797160554",light:"light_481e148a3f",disabled:"disabled_a5f18362e5",menu:"menu_3144b7d9e1"};!function(n){const e="s_id-6c7433759f1e_3_36_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_459ce81724 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_459ce81724:focus-visible, .counterContainer_459ce81724.focus-visible_302f4573e3 {\n  outline: none;\n}\n.counterContainer_459ce81724:focus-visible:focus-visible, .counterContainer_459ce81724:focus-visible.focus-visible_302f4573e3, .counterContainer_459ce81724.focus-visible_302f4573e3:focus-visible, .counterContainer_459ce81724.focus-visible_302f4573e3.focus-visible_302f4573e3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_459ce81724:focus-visible:focus:not(.focus-visible_302f4573e3), .counterContainer_459ce81724.focus-visible_302f4573e3:focus:not(.focus-visible_302f4573e3) {\n  outline: none;\n}\n.counterContainer_459ce81724.xs_8541218ac9 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_459ce81724.small_815bec85d9 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_459ce81724.medium_0c60e26c66 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_459ce81724.large_f776496076 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_459ce81724.primary_2a95d5e598 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_459ce81724.dark_33b72886d1 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_459ce81724.negative_9797160554 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_459ce81724.light_481e148a3f {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_459ce81724 .disabled_a5f18362e5, .counterContainer_459ce81724.disabled_a5f18362e5 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_3144b7d9e1 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_3144b7d9e1::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_3144b7d9e1::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_a300c73d46","focus-visible":"focus-visible_7d6e86ddc9",xs:"xs_972a9d8710",small:"small_666b91c663",medium:"medium_e6a0ff4916",large:"large_808ca11b23",primary:"primary_4981064ff4",dark:"dark_be46b237d9",negative:"negative_4b8ceb562c",light:"light_a173255e47",disabled:"disabled_051f1c5e2c",menu:"menu_818f8b1700"};!function(n){const e="s_id-6c7433759f1e_3_37_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_a300c73d46 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_a300c73d46:focus-visible, .counterContainer_a300c73d46.focus-visible_7d6e86ddc9 {\n  outline: none;\n}\n.counterContainer_a300c73d46:focus-visible:focus-visible, .counterContainer_a300c73d46:focus-visible.focus-visible_7d6e86ddc9, .counterContainer_a300c73d46.focus-visible_7d6e86ddc9:focus-visible, .counterContainer_a300c73d46.focus-visible_7d6e86ddc9.focus-visible_7d6e86ddc9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_a300c73d46:focus-visible:focus:not(.focus-visible_7d6e86ddc9), .counterContainer_a300c73d46.focus-visible_7d6e86ddc9:focus:not(.focus-visible_7d6e86ddc9) {\n  outline: none;\n}\n.counterContainer_a300c73d46.xs_972a9d8710 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_a300c73d46.small_666b91c663 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_a300c73d46.medium_e6a0ff4916 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_a300c73d46.large_808ca11b23 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_a300c73d46.primary_4981064ff4 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_a300c73d46.dark_be46b237d9 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_a300c73d46.negative_4b8ceb562c {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_a300c73d46.light_a173255e47 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_a300c73d46 .disabled_051f1c5e2c, .counterContainer_a300c73d46.disabled_051f1c5e2c {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_818f8b1700 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_818f8b1700::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_818f8b1700::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_7f988f013f",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_2387b0e0ea",tooltipContainer:"tooltipContainer_ebe1cd08cc","focus-visible":"focus-visible_302f4573e3",tooltipGridContainer:"tooltipGridContainer_53bf2af582",scrollableContainer:"scrollableContainer_e531d5fd43"};!function(e){const t="s_id-6cc986178da6_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tooltipAvatarItemTitle_7f988f013f {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_2387b0e0ea {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_ebe1cd08cc {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_ebe1cd08cc:focus, .tooltipContainer_ebe1cd08cc:focus-visible, .tooltipContainer_ebe1cd08cc.focus-visible_302f4573e3 {\n  outline: none;\n}\n\n.tooltipGridContainer_53bf2af582 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_e531d5fd43::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_e531d5fd43::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_415249dc36",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_e9d164f176",tooltipContainer:"tooltipContainer_a4d2c94df9","focus-visible":"focus-visible_7d6e86ddc9",tooltipGridContainer:"tooltipGridContainer_2a607cc7fe",scrollableContainer:"scrollableContainer_b430adc59e"};!function(t){const e="s_id-6cc986178da6_3_37_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_415249dc36 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_e9d164f176 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_a4d2c94df9 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_a4d2c94df9:focus, .tooltipContainer_a4d2c94df9:focus-visible, .tooltipContainer_a4d2c94df9.focus-visible_7d6e86ddc9 {\n  outline: none;\n}\n\n.tooltipGridContainer_2a607cc7fe {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_b430adc59e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_b430adc59e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport Flex from \"../Flex/Flex\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { AvatarType } from \"../Avatar~~/Avatar.types~~\";\nimport { ElementContent } from \"~~src/~~types~~/ElementContent~~\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" ariaLabelledby={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n ariaLabel={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size={Avatar.sizes.SMALL}\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","sizes","SMALL","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"4kBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAACS,cAAAK,mBACKtB,EAAW,CACfuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,eAAAA,EAAaF,MAC3BkB,UAAW,EACXW,KAAML,EAAOM,MAAMC,MACnBC,UAAWC,EAAuCC,4BAElDjC,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASwB,UAAWC,EAAuCE,wBACjEjC,EAAYkC,kBAO3B"}
1	+ {"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport Flex from \"../Flex/Flex\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n counterContainerRef = undefined,\n tooltipContentContainerRef,\n focusPrevPlaceholderRef,\n focusNextPlaceholderRef,\n isKeyboardTooltipVisible,\n setIsKeyboardTooltipVisible\n}: {\n counterContainerRef: RefObject<HTMLDivElement>;\n tooltipContentContainerRef: RefObject<HTMLElement>;\n focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n isKeyboardTooltipVisible: boolean;\n setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n const showKeyboardTooltip = useCallback(() => {\n if (!isKeyboardTooltipVisible) {\n // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n }\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n const hideKeyboardTooltip = useCallback(() => {\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n // Open tooltip manually when keyboard focusing on counter\n useListenFocusTriggers({\n ref: counterContainerRef,\n onFocusByKeyboard: showKeyboardTooltip\n });\n\n useEventListener({\n eventName: \"blur\",\n ref: tooltipContentContainerRef,\n callback: hideKeyboardTooltip\n });\n\n //Move focus to content by keyboard\n useKeyEvent({\n keys: TAB,\n ref: counterContainerRef,\n withoutAnyModifier: true,\n preventDefault: true,\n callback: useCallback(() => {\n if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n });\n\n // Close tooltip by keyboard\n useKeyEvent({\n keys: TAB,\n modifier: useKeyEvent.modifiers.SHIFT,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n withoutAnyModifier: true,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: TAB,\n ref: tooltipContentContainerRef,\n modifier: useKeyEvent.modifiers.SHIFT,\n callback: useCallback(() => {\n // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n // the browser will move the focus to the next element in the focus order.\n focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: tooltipContentContainerRef,\n callback: useCallback(() => {\n counterContainerRef?.current && counterContainerRef.current.focus();\n if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n });\n useKeyEvent({\n keys: ESC,\n ref: counterContainerRef,\n callback: hideKeyboardTooltip\n });\n\n // Close tooltip when moving focus to next element\n useEventListener({\n eventName: \"focus\",\n ref: focusNextPlaceholderRef,\n callback: hideKeyboardTooltip\n });\n}\n\nexport const avatarRenderer = (\n item: { value: AvatarProps & { tooltipContent: ElementContent } },\n index: number,\n style: CSSProperties,\n type: AvatarType,\n displayAsGrid: boolean\n) => {\n const avatarProps = item.value;\n const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n const labelId = `tooltip-item-${index}-label`;\n\n return (\n <ClickableWrapper\n key={index}\n isClickable={!!avatarProps?.onClick}\n clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n >\n <div style={overrideStyle}>\n <Flex direction=\"row\" gap=\"xs\" ariaLabelledby={labelId}>\n <Avatar\n {...avatarProps}\n tooltipProps={undefined}\n ariaLabel={\"\"}\n customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n type={type \|\| avatarProps?.type}\n tabIndex={-1}\n size={Avatar.sizes.SMALL}\n className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n />\n {!displayAsGrid && (\n <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n {avatarProps.tooltipContent}\n </div>\n )}\n </Flex>\n </div>\n </ClickableWrapper>\n );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","sizes","SMALL","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"4kBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAACS,cAAAK,mBACKtB,EAAW,CACfuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,eAAAA,EAAaF,MAC3BkB,UAAW,EACXW,KAAML,EAAOM,MAAMC,MACnBC,UAAWC,EAAuCC,4BAElDjC,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASwB,UAAWC,EAAuCE,wBACjEjC,EAAYkC,kBAO3B"}

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as n}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{BadgeType as c,BadgeAlignments as d,BadgeAnchor as l}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import u from"./Badge.module.scss.js";var j=r((function(r,c){var d=r.type,l=void 0===d?"indicator":d,j=r.anchor,v=void 0===j?"top-end":j,h=r.alignment,b=void 0===h?"rectangular":h,E=r.className,y=r.id,C=r["data-testid"],N=r.children,B=t(r,["type","anchor","alignment","className","id","data-testid","children"]),I=o(null),M=i(c,I),O=s(u.badge,g(u,a(v)),g(u,b)),_=B.color||"indicator"===l?"notification":"negative";return e.createElement("div",{ref:M,className:s(u.badgeWrapper,E),id:y},N,e.createElement("div",{className:O,"data-testid":C||n(m.BADGE,y)},"indicator"===l?e.createElement(p,Object.assign({color:_},B)):"counter"===l&&e.createElement(f,Object.assign({color:_},B))))}));j.types=c,j.alignments=d,j.anchors=l;export{j as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import{BadgeType as c,BadgeAlignments as d,BadgeAnchor as l}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";import u from"./Badge.module.scss.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=g(r((function(r,c){var d=r.type,l=void 0===d?"indicator":d,g=r.anchor,v=void 0===g?"top-end":g,h=r.alignment,b=void 0===h?"rectangular":h,y=r.className,E=r.id,C=r["data-testid"],N=r.children,B=t(r,["type","anchor","alignment","className","id","data-testid","children"]),I=o(null),M=i(c,I),O=s(u.badge,j(u,a(v)),j(u,b)),_=B.color||"indicator"===l?"notification":"negative";return e.createElement("div",{ref:M,className:s(u.badgeWrapper,y),id:E},N,e.createElement("div",{className:O,"data-testid":C||m(n.BADGE,E)},"indicator"===l?e.createElement(p,Object.assign({color:_},B)):"counter"===l&&e.createElement(f,Object.assign({color:_},B))))})),{types:c,alignments:d,anchors:l});export{v as default};
 //# sourceMappingURL=Badge.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{IndicatorColor as r}from"./IndicatorConstants.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";var e=function(r){var e=r.color,m=r.id,c=r["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===e?"notification":e],r.className),"data-testid":c||i(a.INDICATOR,m)})};e.colors=r;export{e as default};
+import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{IndicatorColor as r}from"./IndicatorConstants.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{withStaticProps as i}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTestId as m}from"../../../tests/testIds.js";var e=i((function(r){var i=r.color,e=r.id,c=r["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],r.className),"data-testid":c||m(a.INDICATOR,e)})}),{colors:r});export{e as default};
 //# sourceMappingURL=Indicator.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_f3345be1c4",small:"small_3f56d61eb0",medium:"medium_a1982402a8",large:"large_b4d65cb4ab",rightThinnerPadding:"rightThinnerPadding_46e4f8a772",input:"input_faaa526a24",success:"success_3bc13a7b8f",readOnly:"readOnly_44a4a0da5a",disabled:"disabled_56f7bea627",error:"error_bd4dba1563"};!function(r){const a="s_id-1f2ba40749da_3_36_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".wrapper_f3345be1c4 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_f3345be1c4.small_3f56d61eb0 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_f3345be1c4.medium_a1982402a8 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_f3345be1c4.large_b4d65cb4ab {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_f3345be1c4.rightThinnerPadding_46e4f8a772 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_f3345be1c4:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_f3345be1c4:has(.input_faaa526a24:active, .input_faaa526a24:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24:read-only) .input_faaa526a24 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24:disabled) .input_faaa526a24 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f:has(.input_faaa526a24:active, .input_faaa526a24:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_f3345be1c4:has(.input_faaa526a24[aria-invalid=true]):has(.input_faaa526a24:active, .input_faaa526a24:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_f3345be1c4:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_f3345be1c4.readOnly_44a4a0da5a {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_f3345be1c4.readOnly_44a4a0da5a .input_faaa526a24 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_f3345be1c4.disabled_56f7bea627 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_f3345be1c4.disabled_56f7bea627 .input_faaa526a24 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4.success_3bc13a7b8f:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_f3345be1c4.error_bd4dba1563 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_f3345be1c4.error_bd4dba1563:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_f3345be1c4.error_bd4dba1563:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_f3345be1c4 .input_faaa526a24 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_f3345be1c4 .input_faaa526a24::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_f3345be1c4 .input_faaa526a24:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_ad3292eacd",small:"small_23b03e0ef2",medium:"medium_62fc2917e4",large:"large_9d54effbd1",rightThinnerPadding:"rightThinnerPadding_9197c3fa7f",input:"input_5ffae96322",success:"success_b2c28493d4",readOnly:"readOnly_9af281d0e6",disabled:"disabled_842f34a299",error:"error_5d792d1a8a"};!function(r){const e="s_id-1f2ba40749da_3_37_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_ad3292eacd {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_ad3292eacd.small_23b03e0ef2 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_ad3292eacd.medium_62fc2917e4 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_ad3292eacd.large_9d54effbd1 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_ad3292eacd.rightThinnerPadding_9197c3fa7f {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_ad3292eacd:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_ad3292eacd:has(.input_5ffae96322:active, .input_5ffae96322:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322:read-only) .input_5ffae96322 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322:disabled) .input_5ffae96322 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4:has(.input_5ffae96322:active, .input_5ffae96322:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ad3292eacd:has(.input_5ffae96322[aria-invalid=true]):has(.input_5ffae96322:active, .input_5ffae96322:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_ad3292eacd:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_ad3292eacd.readOnly_9af281d0e6 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_ad3292eacd.readOnly_9af281d0e6 .input_5ffae96322 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_ad3292eacd.disabled_842f34a299 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ad3292eacd.disabled_842f34a299 .input_5ffae96322 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd.success_b2c28493d4:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_ad3292eacd.error_5d792d1a8a {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ad3292eacd.error_5d792d1a8a:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_ad3292eacd.error_5d792d1a8a:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_ad3292eacd .input_5ffae96322 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_ad3292eacd .input_5ffae96322::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_ad3292eacd .input_5ffae96322:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={box:"box_7b744c39c7",scrollable:"scrollable_6cc700d88c",opacityDisabled:"opacityDisabled_3a6ef8bb7a",border:"border_327adfb651",borderColorUiBorderColor:"borderColorUiBorderColor_25aec135da",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_00e40af80a",rounded0:"rounded0_d1e7fde80e",roundedSmall:"roundedSmall_ec22e0d98c",roundedMedium:"roundedMedium_3a9eba06a8",roundedBig:"roundedBig_6a6f5c1d61",shadowXs:"shadowXs_3b8f58bc05",shadowSmall:"shadowSmall_c1f3c59261",shadowMedium:"shadowMedium_19eb91708c",shadowLarge:"shadowLarge_cb7aa1b180",m0:"m0_62d78f943e",mXs:"mXs_5fa6697954",mSmall:"mSmall_2bc3b7853e",mMedium:"mMedium_8edba5570f",mLarge:"mLarge_07357a2f41",mXl:"mXl_f65d998947",mXxl:"mXxl_18b13173fe",mXxxl:"mXxxl_1469099589",mAuto:"mAuto_881fa3884e",mx0:"mx0_e6b45e0c8b",mxXs:"mxXs_90544ffc42",mxSmall:"mxSmall_f3cdbc671e",mxMedium:"mxMedium_a426f2f325",mxLarge:"mxLarge_04231552b9",mxXl:"mxXl_02de08b489",mxXxl:"mxXxl_75ed88ae83",mxXxxl:"mxXxxl_5c6ae93a03",mxAuto:"mxAuto_3054dfbec7",my0:"my0_ac5f76f498",myXs:"myXs_dce04e7918",mySmall:"mySmall_a083c3e327",myMedium:"myMedium_c4754267ff",myLarge:"myLarge_9681c3ed8d",myXl:"myXl_12e490d57d",myXxl:"myXxl_bf5322eab1",myXxxl:"myXxxl_ad68b39804",myAuto:"myAuto_555a4d7471",mt0:"mt0_67f05f0352",mtXs:"mtXs_8b9d887b0f",mtSmall:"mtSmall_b3746fdaf0",mtMedium:"mtMedium_db0bb3744f",mtLarge:"mtLarge_0d9471c3bd",mtXl:"mtXl_be98679ee5",mtXxl:"mtXxl_f727e6afdb",mtXxxl:"mtXxxl_e96c4e5611",mtAuto:"mtAuto_84a9d0b761",me0:"me0_ca1f5c7940",meXs:"meXs_3fa5c24d11",meSmall:"meSmall_ae1fdbbbb2",meMedium:"meMedium_836d8dfb9d",meLarge:"meLarge_4ed2100cda",meXl:"meXl_2dbbbb69fd",meXxl:"meXxl_2937b5ecb5",meXxxl:"meXxxl_e781044d28",meAuto:"meAuto_8829768831",mb0:"mb0_6796dc5019",mbXs:"mbXs_922eb16f6a",mbSmall:"mbSmall_43e0417a93",mbMedium:"mbMedium_80cbd1e197",mbLarge:"mbLarge_b85bc190dd",mbXl:"mbXl_56d6e772e1",mbXxl:"mbXxl_f0f8d64a2e",mbXxxl:"mbXxxl_d9417487d7",mbAuto:"mbAuto_f1d340ee92",ms0:"ms0_7f99c22dd8",msXs:"msXs_4c7d34ab89",msSmall:"msSmall_0416b52ca5",msMedium:"msMedium_ae037ff9c7",msLarge:"msLarge_cae9d6dcab",msXl:"msXl_8474980c90",msXxl:"msXxl_4505f5c629",msXxxl:"msXxxl_e5422b90e7",msAuto:"msAuto_bee10dd3e4",p0:"p0_cb1aa06f70",pXs:"pXs_21c38423bc",pSmall:"pSmall_5417c1bea6",pMedium:"pMedium_0058f0f190",pLarge:"pLarge_11fc075e45",pXl:"pXl_ed50521ade",pXxl:"pXxl_509e6b68df",pXxxl:"pXxxl_82e1e4e559",px0:"px0_ba774ded60",pxXs:"pxXs_c4fa4d5a87",pxSmall:"pxSmall_7e5d2e06d2",pxMedium:"pxMedium_6e3fd8af35",pxLarge:"pxLarge_7e85a27066",pxXl:"pxXl_90ae2abf68",pxXxl:"pxXxl_cc193fce62",pxXxxl:"pxXxxl_2caa806495",py0:"py0_1a520cb16c",pyXs:"pyXs_067d993569",pySmall:"pySmall_c1fdc533f2",pyMedium:"pyMedium_dbe3a9f4bc",pyLarge:"pyLarge_7eda16c40d",pyXl:"pyXl_fbf881608f",pyXxl:"pyXxl_9424c6bc70",pyXxxl:"pyXxxl_9d6058b5cb",pt0:"pt0_d1ac777a09",ptXs:"ptXs_1d71780ceb",ptSmall:"ptSmall_8e1f61efc9",ptMedium:"ptMedium_678f622390",ptLarge:"ptLarge_cf4b6b2807",ptXl:"ptXl_f5a9d875a6",ptXxl:"ptXxl_462e9df2cc",ptXxxl:"ptXxxl_9c43c4f16d",pe0:"pe0_98dc4fee85",peXs:"peXs_d644d535fc",peSmall:"peSmall_b68d13e0e4",peMedium:"peMedium_79bce81024",peLarge:"peLarge_b6b6bf880b",peXl:"peXl_447767394c",peXxl:"peXxl_2a530fb1c5",peXxxl:"peXxxl_f61612456f",pb0:"pb0_001200d176",pbXs:"pbXs_f829f4e298",pbSmall:"pbSmall_7c270c3ee7",pbMedium:"pbMedium_4fdecb9281",pbLarge:"pbLarge_02e7737491",pbXl:"pbXl_992e298b5f",pbXxl:"pbXxl_c4b6083093",pbXxxl:"pbXxxl_8f38486aed",ps0:"ps0_5fa2068131",psXs:"psXs_3af522f92e",psSmall:"psSmall_47a370ff1d",psMedium:"psMedium_3b4a998df0",psLarge:"psLarge_b44edb6d6c",psXl:"psXl_7a3ac98cf7",psXxl:"psXxl_d549a009ca",psXxxl:"psXxxl_37ae742be7",textPrimaryTextColor:"textPrimaryTextColor_9ff6447e17",textTextColorOnInverted:"textTextColorOnInverted_222b531a64",textSecondaryTextColor:"textSecondaryTextColor_108da6d56c",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_fc5cca15cf",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_e1b123a934",bgGreyBackgroundColor:"bgGreyBackgroundColor_7d973e0039",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_0fa0529ae1",bgInvertedColorBackground:"bgInvertedColorBackground_58bc897c4f"};!function(n){const a="s_id-e8ebf0c89fee_3_36_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_7b744c39c7 {\n  overflow: hidden;\n}\n.box_7b744c39c7.scrollable_6cc700d88c {\n  overflow: auto;\n}\n.box_7b744c39c7.scrollable_6cc700d88c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_7b744c39c7.scrollable_6cc700d88c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_3a6ef8bb7a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_327adfb651 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_25aec135da {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_00e40af80a {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_d1e7fde80e {\n  border-radius: 0 !important;\n}\n.roundedSmall_ec22e0d98c {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_3a9eba06a8 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_6a6f5c1d61 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_3b8f58bc05 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_c1f3c59261 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_19eb91708c {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_cb7aa1b180 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_62d78f943e {\n  margin: 0 !important;\n}\n.mXs_5fa6697954 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_2bc3b7853e {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_8edba5570f {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_07357a2f41 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_f65d998947 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_18b13173fe {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_1469099589 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_881fa3884e {\n  margin: auto !important;\n}\n.mx0_e6b45e0c8b {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_90544ffc42 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_f3cdbc671e {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_a426f2f325 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_04231552b9 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_02de08b489 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_75ed88ae83 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_5c6ae93a03 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_3054dfbec7 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ac5f76f498 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_dce04e7918 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_a083c3e327 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_c4754267ff {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_9681c3ed8d {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_12e490d57d {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_bf5322eab1 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_ad68b39804 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_555a4d7471 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_67f05f0352 {\n  margin-top: 0 !important;\n}\n.mtXs_8b9d887b0f {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_b3746fdaf0 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_db0bb3744f {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_0d9471c3bd {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_be98679ee5 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_f727e6afdb {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_e96c4e5611 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_84a9d0b761 {\n  margin-top: auto !important;\n}\n.me0_ca1f5c7940 {\n  margin-inline-end: 0 !important;\n}\n.meXs_3fa5c24d11 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_ae1fdbbbb2 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_836d8dfb9d {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_4ed2100cda {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_2dbbbb69fd {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_2937b5ecb5 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_e781044d28 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_8829768831 {\n  margin-inline-end: auto !important;\n}\n.mb0_6796dc5019 {\n  margin-bottom: 0 !important;\n}\n.mbXs_922eb16f6a {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_43e0417a93 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_80cbd1e197 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_b85bc190dd {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_56d6e772e1 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_f0f8d64a2e {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_d9417487d7 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_f1d340ee92 {\n  margin-bottom: auto !important;\n}\n.ms0_7f99c22dd8 {\n  margin-inline-start: 0 !important;\n}\n.msXs_4c7d34ab89 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_0416b52ca5 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_ae037ff9c7 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_cae9d6dcab {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_8474980c90 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_4505f5c629 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_e5422b90e7 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_bee10dd3e4 {\n  margin-inline-start: auto !important;\n}\n.p0_cb1aa06f70 {\n  padding: 0 !important;\n}\n.pXs_21c38423bc {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_5417c1bea6 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_0058f0f190 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_11fc075e45 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_ed50521ade {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_509e6b68df {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_82e1e4e559 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_ba774ded60 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_c4fa4d5a87 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_7e5d2e06d2 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_6e3fd8af35 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_7e85a27066 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_90ae2abf68 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_cc193fce62 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_2caa806495 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_1a520cb16c {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_067d993569 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_c1fdc533f2 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_dbe3a9f4bc {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_7eda16c40d {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_fbf881608f {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_9424c6bc70 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9d6058b5cb {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_d1ac777a09 {\n  padding-top: 0 !important;\n}\n.ptXs_1d71780ceb {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_8e1f61efc9 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_678f622390 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_cf4b6b2807 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_f5a9d875a6 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_462e9df2cc {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_9c43c4f16d {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_98dc4fee85 {\n  padding-inline-end: 0 !important;\n}\n.peXs_d644d535fc {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_b68d13e0e4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_79bce81024 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_b6b6bf880b {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_447767394c {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_2a530fb1c5 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_f61612456f {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_001200d176 {\n  padding-bottom: 0 !important;\n}\n.pbXs_f829f4e298 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_7c270c3ee7 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4fdecb9281 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_02e7737491 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_992e298b5f {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_c4b6083093 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_8f38486aed {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_5fa2068131 {\n  padding-inline-start: 0 !important;\n}\n.psXs_3af522f92e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_47a370ff1d {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_3b4a998df0 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b44edb6d6c {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7a3ac98cf7 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_d549a009ca {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_37ae742be7 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_9ff6447e17 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_222b531a64 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_108da6d56c {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_fc5cca15cf {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_e1b123a934 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_7d973e0039 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_0fa0529ae1 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_58bc897c4f {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_b2cf3a6afb",scrollable:"scrollable_476c97ce20",opacityDisabled:"opacityDisabled_550c5105c9",border:"border_cf6548fa59",borderColorUiBorderColor:"borderColorUiBorderColor_a64140fee2",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_0ca165fad8",rounded0:"rounded0_efe20b4887",roundedSmall:"roundedSmall_9e6dfefa58",roundedMedium:"roundedMedium_8967c3a6e6",roundedBig:"roundedBig_edee24b3ea",shadowXs:"shadowXs_6d949f065e",shadowSmall:"shadowSmall_4acc8e147a",shadowMedium:"shadowMedium_b39fc2eeca",shadowLarge:"shadowLarge_69d95b7728",m0:"m0_405a7289a2",mXs:"mXs_63bccab997",mSmall:"mSmall_b7cb90b54a",mMedium:"mMedium_f1c75e389d",mLarge:"mLarge_43ebcd4ac2",mXl:"mXl_f3311e0c99",mXxl:"mXxl_a4ac6f84ee",mXxxl:"mXxxl_53a8ab6902",mAuto:"mAuto_31528da221",mx0:"mx0_63d6a4643f",mxXs:"mxXs_ddc5272247",mxSmall:"mxSmall_d83b3b7016",mxMedium:"mxMedium_3688d5a881",mxLarge:"mxLarge_1089e260f6",mxXl:"mxXl_188a1eeaef",mxXxl:"mxXxl_f37a134749",mxXxxl:"mxXxxl_a8ebdb6001",mxAuto:"mxAuto_a694bd43dc",my0:"my0_d70753736b",myXs:"myXs_8e6fd7a05a",mySmall:"mySmall_6680b409b2",myMedium:"myMedium_8b377656ec",myLarge:"myLarge_07900a601e",myXl:"myXl_c732f92888",myXxl:"myXxl_aa211baa47",myXxxl:"myXxxl_474a13b43a",myAuto:"myAuto_e977ca741a",mt0:"mt0_00705e467f",mtXs:"mtXs_7927a8fd2b",mtSmall:"mtSmall_69675e8869",mtMedium:"mtMedium_5fae2d62d5",mtLarge:"mtLarge_b703c0ce83",mtXl:"mtXl_1e7d3677d4",mtXxl:"mtXxl_3f222089a5",mtXxxl:"mtXxxl_6efe3374d1",mtAuto:"mtAuto_25c7df9509",me0:"me0_374a2f294f",meXs:"meXs_d878a792c6",meSmall:"meSmall_99f978075a",meMedium:"meMedium_4daf250fcf",meLarge:"meLarge_1063e44e17",meXl:"meXl_6d093a5c5b",meXxl:"meXxl_2b9720a371",meXxxl:"meXxxl_ccbb7b249c",meAuto:"meAuto_5f5abcb0b0",mb0:"mb0_7d1ca558a6",mbXs:"mbXs_96d48ff2c5",mbSmall:"mbSmall_173f5e81a7",mbMedium:"mbMedium_a5a22416a8",mbLarge:"mbLarge_c08d2de379",mbXl:"mbXl_7235410ab2",mbXxl:"mbXxl_0e44ae2c30",mbXxxl:"mbXxxl_b09ce7dfa8",mbAuto:"mbAuto_685f60be76",ms0:"ms0_70a61276b0",msXs:"msXs_ee2070046e",msSmall:"msSmall_b139d44855",msMedium:"msMedium_611ff33855",msLarge:"msLarge_70800361c5",msXl:"msXl_5c43891d24",msXxl:"msXxl_15a4719ec1",msXxxl:"msXxxl_08a75d006c",msAuto:"msAuto_54ac03ccb3",p0:"p0_5532dc9ee7",pXs:"pXs_f2439dea74",pSmall:"pSmall_3eb3b37f15",pMedium:"pMedium_ef3209a97d",pLarge:"pLarge_ef0fe5c0cb",pXl:"pXl_ebbd14a8a3",pXxl:"pXxl_738803d2ae",pXxxl:"pXxxl_520bf9a453",px0:"px0_9d695ded4c",pxXs:"pxXs_02544fb43b",pxSmall:"pxSmall_615145ed41",pxMedium:"pxMedium_f414e76d04",pxLarge:"pxLarge_0a4ec91a88",pxXl:"pxXl_b4958e5c3d",pxXxl:"pxXxl_72b0400a35",pxXxxl:"pxXxxl_82d562f153",py0:"py0_9eb378fdbe",pyXs:"pyXs_c6d986d0f2",pySmall:"pySmall_0be9b98714",pyMedium:"pyMedium_097e45a4f2",pyLarge:"pyLarge_f49a194733",pyXl:"pyXl_368eeba173",pyXxl:"pyXxl_73ef25b106",pyXxxl:"pyXxxl_f314bbe109",pt0:"pt0_cb2baff2e8",ptXs:"ptXs_79744f64ba",ptSmall:"ptSmall_0fc0e721b9",ptMedium:"ptMedium_44e91ccddd",ptLarge:"ptLarge_395dc6a8b6",ptXl:"ptXl_fb536f447b",ptXxl:"ptXxl_26b4e338f9",ptXxxl:"ptXxxl_980bb72b31",pe0:"pe0_d1a13611af",peXs:"peXs_1971724132",peSmall:"peSmall_56809aecb4",peMedium:"peMedium_88c9aff67f",peLarge:"peLarge_54fb841ded",peXl:"peXl_7e9e3723cc",peXxl:"peXxl_8e1c419c1f",peXxxl:"peXxxl_923e2ab500",pb0:"pb0_e82b35aff1",pbXs:"pbXs_39f05ae9a7",pbSmall:"pbSmall_cb0dc7759a",pbMedium:"pbMedium_f48f17f89e",pbLarge:"pbLarge_da90b2b7e5",pbXl:"pbXl_40b5183e5e",pbXxl:"pbXxl_6cfe754fdd",pbXxxl:"pbXxxl_1e7fd87664",ps0:"ps0_85dd342c9c",psXs:"psXs_06a1b6d353",psSmall:"psSmall_7bdb5f351e",psMedium:"psMedium_7137811f14",psLarge:"psLarge_3187e1b310",psXl:"psXl_3cacfb2673",psXxl:"psXxl_ae60ec2985",psXxxl:"psXxxl_17b6dd2c87",textPrimaryTextColor:"textPrimaryTextColor_54444142f1",textTextColorOnInverted:"textTextColorOnInverted_3abdb9c88d",textSecondaryTextColor:"textSecondaryTextColor_e540e05db9",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_6e3d25a497",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_57164d3da2",bgGreyBackgroundColor:"bgGreyBackgroundColor_d4c6151492",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_10ebd6b2c7",bgInvertedColorBackground:"bgInvertedColorBackground_4f8798daf5"};!function(n){const a="s_id-e8ebf0c89fee_3_37_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_b2cf3a6afb {\n  overflow: hidden;\n}\n.box_b2cf3a6afb.scrollable_476c97ce20 {\n  overflow: auto;\n}\n.box_b2cf3a6afb.scrollable_476c97ce20::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_b2cf3a6afb.scrollable_476c97ce20::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_550c5105c9 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_cf6548fa59 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_a64140fee2 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_0ca165fad8 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_efe20b4887 {\n  border-radius: 0 !important;\n}\n.roundedSmall_9e6dfefa58 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_8967c3a6e6 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_edee24b3ea {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_6d949f065e {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_4acc8e147a {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_b39fc2eeca {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_69d95b7728 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_405a7289a2 {\n  margin: 0 !important;\n}\n.mXs_63bccab997 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_b7cb90b54a {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_f1c75e389d {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_43ebcd4ac2 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_f3311e0c99 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_a4ac6f84ee {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_53a8ab6902 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_31528da221 {\n  margin: auto !important;\n}\n.mx0_63d6a4643f {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_ddc5272247 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_d83b3b7016 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_3688d5a881 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_1089e260f6 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_188a1eeaef {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f37a134749 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_a8ebdb6001 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_a694bd43dc {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_d70753736b {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_8e6fd7a05a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_6680b409b2 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_8b377656ec {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_07900a601e {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_c732f92888 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_aa211baa47 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_474a13b43a {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_e977ca741a {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_00705e467f {\n  margin-top: 0 !important;\n}\n.mtXs_7927a8fd2b {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_69675e8869 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_5fae2d62d5 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_b703c0ce83 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_1e7d3677d4 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_3f222089a5 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_6efe3374d1 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_25c7df9509 {\n  margin-top: auto !important;\n}\n.me0_374a2f294f {\n  margin-inline-end: 0 !important;\n}\n.meXs_d878a792c6 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_99f978075a {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_4daf250fcf {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_1063e44e17 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_6d093a5c5b {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_2b9720a371 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_ccbb7b249c {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_5f5abcb0b0 {\n  margin-inline-end: auto !important;\n}\n.mb0_7d1ca558a6 {\n  margin-bottom: 0 !important;\n}\n.mbXs_96d48ff2c5 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_173f5e81a7 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_a5a22416a8 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_c08d2de379 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_7235410ab2 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0e44ae2c30 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_b09ce7dfa8 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_685f60be76 {\n  margin-bottom: auto !important;\n}\n.ms0_70a61276b0 {\n  margin-inline-start: 0 !important;\n}\n.msXs_ee2070046e {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_b139d44855 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_611ff33855 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_70800361c5 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_5c43891d24 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_15a4719ec1 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_08a75d006c {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_54ac03ccb3 {\n  margin-inline-start: auto !important;\n}\n.p0_5532dc9ee7 {\n  padding: 0 !important;\n}\n.pXs_f2439dea74 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_3eb3b37f15 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_ef3209a97d {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_ef0fe5c0cb {\n  padding: var(--spacing-large) !important;\n}\n.pXl_ebbd14a8a3 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_738803d2ae {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_520bf9a453 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_9d695ded4c {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_02544fb43b {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_615145ed41 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_f414e76d04 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_0a4ec91a88 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_b4958e5c3d {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_72b0400a35 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_82d562f153 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_9eb378fdbe {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_c6d986d0f2 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_0be9b98714 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_097e45a4f2 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f49a194733 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_368eeba173 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_73ef25b106 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_f314bbe109 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_cb2baff2e8 {\n  padding-top: 0 !important;\n}\n.ptXs_79744f64ba {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_0fc0e721b9 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_44e91ccddd {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_395dc6a8b6 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_fb536f447b {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_26b4e338f9 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_980bb72b31 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_d1a13611af {\n  padding-inline-end: 0 !important;\n}\n.peXs_1971724132 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_56809aecb4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_88c9aff67f {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_54fb841ded {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_7e9e3723cc {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_8e1c419c1f {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_923e2ab500 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_e82b35aff1 {\n  padding-bottom: 0 !important;\n}\n.pbXs_39f05ae9a7 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_cb0dc7759a {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_f48f17f89e {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_da90b2b7e5 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_40b5183e5e {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_6cfe754fdd {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_1e7fd87664 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_85dd342c9c {\n  padding-inline-start: 0 !important;\n}\n.psXs_06a1b6d353 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_7bdb5f351e {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7137811f14 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_3187e1b310 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_3cacfb2673 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_ae60ec2985 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_17b6dd2c87 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_54444142f1 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_3abdb9c88d {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_e540e05db9 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_6e3d25a497 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_57164d3da2 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_d4c6151492 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_10ebd6b2c7 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_4f8798daf5 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"~~classnames~~\";\nimport ~~React,~~ ~~{ FC, ReactElement }~~ from \"~~react~~\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: ~~FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum }~~ = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default withStaticProps(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"uZAqBA,~~IA8BeA~~,EAAAA,~~GA9B4E~~,~~SAAvEC~~,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,~~GAGuC~~,~~CAC7CyB~~,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticProps<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"uZAqBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOsF,CAC5FyB,MAAOC"}

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

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