npm - @vibe/core - Versions diffs - 3.31.1 → 3.32.0 - Mend

@vibe/core 3.31.1 → 3.32.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 (361) hide show

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,C=void 0===f?[]:f,b=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,M=void 0===j?"medium":j,P=v.type,g=v.counterAriaLabel,E=v.disabled,A=v.counterProps||{},z=A.color,L=void 0===z?"light":z,N=A.count,T=void 0===N?C.length:N,h=A.prefix,y=void 0===h?"+":h,G=A.maxDigits,k=void 0===G?3:G,B=A.ariaLabelItemsName,D=void 0===B?"items":B,H=A.noAnimation,O=A.dialogContainerSelector,R=m(p,null==M?void 0:""+M),S=p[L],V=t(null),_=t(null),U=t(null),q=r((function(){return o.createElement(i,{color:L,count:T,prefix:y,maxDigits:k,ariaLabel:g||"Tab for more ".concat(D),noAnimation:H,counterClassName:n(e({},p.disabled,E)),size:"xs"===M?"xs":void 0})}),[g,D,L,k,y,T,E,H]);return C.length||T?E?o.createElement("div",{ref:U,className:n(p.counterContainer,p.disabled,R,S)},q()):C.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:q,zIndex:1,className:n(p.counterContainer,R,S),ariaLabel:g||"".concat(T," additional ").concat(D),dialogContainerSelector:O},o.createElement(l,{id:"menu",size:l.sizes.MEDIUM,className:p.menu,focusItemIndexOnMount:0},C.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:V,focusNextPlaceholderRef:_,counterContainerRef:U,avatars:C,counterTooltipCustomProps:b,counterTooltipIsVirtualizedList:I,type:P},o.createElement("div",{tabIndex:-1,ref:V}),o.createElement("div",{tabIndex:0,className:n(p.counterContainer,R,S),ref:U},q(),o.createElement("div",{tabIndex:-1,ref:_}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,M=void 0===j?"medium":j,P=v.type,g=v.counterAriaLabel,E=v.disabled,A=v.counterProps||{},z=A.color,L=void 0===z?"light":z,N=A.count,T=void 0===N?b.length:N,h=A.prefix,y=void 0===h?"+":h,G=A.maxDigits,k=void 0===G?3:G,B=A.ariaLabelItemsName,D=void 0===B?"items":B,H=A.noAnimation,O=A.dialogContainerSelector,R=A.tabIndex,S=void 0===R?0:R,V=m(p,null==M?void 0:""+M),_=p[L],U=t(null),q=t(null),w=t(null),F=r((function(){return o.createElement(i,{color:L,count:T,prefix:y,maxDigits:k,ariaLabel:g||"Tab for more ".concat(D),noAnimation:H,counterClassName:n(e({},p.disabled,E)),size:"xs"===M?"xs":void 0})}),[g,D,L,k,y,T,E,H]);return b.length||T?E?o.createElement("div",{ref:w,className:n(p.counterContainer,p.disabled,V,_)},F()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:F,zIndex:1,className:n(p.counterContainer,V,_),ariaLabel:g||"".concat(T," additional ").concat(D),dialogContainerSelector:O},o.createElement(l,{id:"menu",size:l.sizes.MEDIUM,className:p.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:U,focusNextPlaceholderRef:q,counterContainerRef:w,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:P},o.createElement("div",{tabIndex:-1,ref:U}),o.createElement("div",{tabIndex:S,className:n(p.counterContainer,V,_),ref:w},F(),o.createElement("div",{tabIndex:-1,ref:q}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n Array of Avatar elements\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n AvatarGroupCounterVisualProps: props for counter\n /\n counterProps?: AvatarGroupCounterVisualProps;\n counterTooltipCustomProps?: Partial<TooltipProps>;\n counterTooltipIsVirtualizedList?: boolean;\n size?: AvatarSize;\n type?: AvatarType;\n counterAriaLabel?: string;\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.ariaLabel,\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n ariaLabel: \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={0}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","~~tabIndex","~~AvatarGroupCounterTooltipContainer","avatars"],"mappings":"unBAkCA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,~~cAgBoB~~,CAAE,EAAAC,EAAAF,~~EAPpBG~~,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,~~wBAGIC~~,EAAmBC,EAASC,~~EAAQ1B~~,eAAAA,~~MACpC2B~~,EAAoBD,~~EAAOlB~~,~~GAE3BoB~~,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,~~CACN7B~~,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,~~EACXmB~~,~~UAAWnC~~,~~mBAAmCoC~~,~~OAAmBjB~~,GACjEC,YAAaA,~~EACbiB~~,iBAAkBC,EAAEC,EAAA,CAAA,EAAIf,~~EAAOvB~~,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,~~UAAO0C~~,GAGnC,GAAG,~~CACDxC~~,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,~~EAEA+B~~,EACEC,cAAA,MAAA,CAAAQ,IAAKZ,EACLa,UAAWJ,EAAGd,EAAOmB,iBAAkBnB,~~EAAOvB~~,~~SAAUqB~~,EAAkBG,IAEzEK,~~KAKqBrC~~,~~EAAsBmD~~,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEhB,EAACC,cAAAgB,GACCC,UAAWpB,EACXqB,OAAQ,EACRT,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDU,~~UAAWnC~~,~~GAAmCoC~~,GAAAA,~~OAAM3B~~,~~EAAY2B~~,gBAAAA,~~OAAejB~~,GAC/EE,wBAAyBA,~~GAEzBW~~,EAAAC,cAACmB,EAAI,CAACC,GAAG,~~OAAOvD~~,~~KAAMsD~~,EAAKE,MAAMC,OAAQb,UAAWlB,EAAOgC,KAAMC,sBAAuB,~~GACrFhE~~,~~EAAsBiE~~,KAAI,SAACC,EAAQC,eAClC,OAEE5B,EAACC,cAAA4B,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdjB,EAAAa,EAAOZ,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaO,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOZ,aAAO,IAAAoB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAqC,QAAfC,EAAAX,aAAM,EAANA,EAAQZ,aAAO,IAAAuB,OAAA,EAAAA,EAAAnC,WACzEa,QAAS,SAACuB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOZ,MAAM,GAEhG0B,2CACKd,EAAOZ,OACV,CAAA2B,WAAYC,EACZxC,UAAW,~~GACXyC~~,UAAW,KAIlB,~~MAOP5C~~,EAAAC,~~cAAC4C~~,EAAkC,~~CACjCnD~~,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,~~EACrBiD~~,~~QAASrF~~,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,~~GAENiC~~,EAAKC,cAAA,MAAA,~~CAAA2C~~,UAAW,~~EAAGnC~~,IAAKf,IAExBM,EAAAC,cAAA,MAAA,~~CACE2C~~,~~SAAU~~,~~EACVlC~~,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDgB,IAAKZ,GAGJC,IACDE,EAAAC,cAAA,MAAA,~~CAAK2C~~,UAAW,~~EAAGnC~~,IAAKb,MAnErB,IAuEX"}
1	+ {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /*\n Array of Avatar elements\n /\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /\n AvatarGroupCounterVisualProps: props for counter\n /\n counterProps?: AvatarGroupCounterVisualProps;\n counterTooltipCustomProps?: Partial<TooltipProps>;\n counterTooltipIsVirtualizedList?: boolean;\n size?: AvatarSize;\n type?: AvatarType;\n counterAriaLabel?: string;\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps \|\| {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id \|\| String(index),\n title: (avatar.props?.tooltipProps?.content as string) \|\| avatar?.props?.ariaLabel,\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n ariaLabel: \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/ eslint-disable jsx-a11y/no-noninteractive-tabindex /}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/ eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_bad1874b18","focus-visible":"focus-visible_7e6c84ea75",xs:"xs_2b56731de7",small:"small_275f0517c0",medium:"medium_f472af370c",large:"large_fb93a4dddb",primary:"primary_fd3736b640",dark:"dark_a7284f03fb",negative:"negative_9818672f6a",light:"light_da129bf36b",disabled:"disabled_6f15ec5187",menu:"menu_5c24bfdec6"};!function(n){const e="s_id-6c7433759f1e_3_31_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_bad1874b18 {\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_bad1874b18:focus-visible, .counterContainer_bad1874b18.focus-visible_7e6c84ea75 {\n  outline: none;\n}\n.counterContainer_bad1874b18:focus-visible:focus-visible, .counterContainer_bad1874b18:focus-visible.focus-visible_7e6c84ea75, .counterContainer_bad1874b18.focus-visible_7e6c84ea75:focus-visible, .counterContainer_bad1874b18.focus-visible_7e6c84ea75.focus-visible_7e6c84ea75 {\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_bad1874b18:focus-visible:focus:not(.focus-visible_7e6c84ea75), .counterContainer_bad1874b18.focus-visible_7e6c84ea75:focus:not(.focus-visible_7e6c84ea75) {\n  outline: none;\n}\n.counterContainer_bad1874b18.xs_2b56731de7 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_bad1874b18.small_275f0517c0 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_bad1874b18.medium_f472af370c {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_bad1874b18.large_fb93a4dddb {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_bad1874b18.primary_fd3736b640 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_bad1874b18.dark_a7284f03fb {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_bad1874b18.negative_9818672f6a {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_bad1874b18.light_da129bf36b {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_bad1874b18 .disabled_6f15ec5187, .counterContainer_bad1874b18.disabled_6f15ec5187 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_5c24bfdec6 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_5c24bfdec6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_5c24bfdec6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_0ce939bab1","focus-visible":"focus-visible_22fcbaefd8",xs:"xs_ba10e570c6",small:"small_39500f7958",medium:"medium_6c7631db2f",large:"large_c97cb6781d",primary:"primary_4c1d18457f",dark:"dark_51f03126b7",negative:"negative_8c192e1216",light:"light_0a7d51073e",disabled:"disabled_82e62a7459",menu:"menu_d10bbf8fda"};!function(n){const e="s_id-6c7433759f1e_3_31_2";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_0ce939bab1 {\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_0ce939bab1:focus-visible, .counterContainer_0ce939bab1.focus-visible_22fcbaefd8 {\n  outline: none;\n}\n.counterContainer_0ce939bab1:focus-visible:focus-visible, .counterContainer_0ce939bab1:focus-visible.focus-visible_22fcbaefd8, .counterContainer_0ce939bab1.focus-visible_22fcbaefd8:focus-visible, .counterContainer_0ce939bab1.focus-visible_22fcbaefd8.focus-visible_22fcbaefd8 {\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_0ce939bab1:focus-visible:focus:not(.focus-visible_22fcbaefd8), .counterContainer_0ce939bab1.focus-visible_22fcbaefd8:focus:not(.focus-visible_22fcbaefd8) {\n  outline: none;\n}\n.counterContainer_0ce939bab1.xs_ba10e570c6 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_0ce939bab1.small_39500f7958 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_0ce939bab1.medium_6c7631db2f {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_0ce939bab1.large_c97cb6781d {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_0ce939bab1.primary_4c1d18457f {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_0ce939bab1.dark_51f03126b7 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_0ce939bab1.negative_8c192e1216 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_0ce939bab1.light_0a7d51073e {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_0ce939bab1 .disabled_82e62a7459, .counterContainer_0ce939bab1.disabled_82e62a7459 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_d10bbf8fda {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_d10bbf8fda::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_d10bbf8fda::-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_2c5ec5da0a",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_66ddc44fbe",tooltipContainer:"tooltipContainer_71e728ee92","focus-visible":"focus-visible_7e6c84ea75",tooltipGridContainer:"tooltipGridContainer_e9af7fea22",scrollableContainer:"scrollableContainer_24f8787346"};!function(e){const t="s_id-6cc986178da6_3_31_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_2c5ec5da0a {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_66ddc44fbe {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_71e728ee92 {\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_71e728ee92:focus, .tooltipContainer_71e728ee92:focus-visible, .tooltipContainer_71e728ee92.focus-visible_7e6c84ea75 {\n  outline: none;\n}\n\n.tooltipGridContainer_e9af7fea22 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_24f8787346::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_24f8787346::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_8591d603c7",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_a356854799",tooltipContainer:"tooltipContainer_ee0352b550","focus-visible":"focus-visible_22fcbaefd8",tooltipGridContainer:"tooltipGridContainer_f2f4feccc3",scrollableContainer:"scrollableContainer_b60a096e2d"};!function(t){const e="s_id-6cc986178da6_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_8591d603c7 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_a356854799 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_ee0352b550 {\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_ee0352b550:focus, .tooltipContainer_ee0352b550:focus-visible, .tooltipContainer_ee0352b550.focus-visible_22fcbaefd8 {\n  outline: none;\n}\n\n.tooltipGridContainer_f2f4feccc3 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_b60a096e2d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_b60a096e2d::-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_0f9cc0eb7c",virtualizedTooltipContainer:"virtualizedTooltipContainer_76dae29f95","focus-visible":"focus-visible_7e6c84ea75"};!function(e){const i="s_id-13c8e71f272d_3_31_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_0f9cc0eb7c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0f9cc0eb7c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_76dae29f95 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_76dae29f95:focus, .virtualizedTooltipContainer_76dae29f95:focus-visible, .virtualizedTooltipContainer_76dae29f95.focus-visible_7e6c84ea75 {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_8f545db870",virtualizedTooltipContainer:"virtualizedTooltipContainer_1e9c2850c5","focus-visible":"focus-visible_22fcbaefd8"};!function(e){const i="s_id-13c8e71f272d_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_8f545db870::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_8f545db870::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_1e9c2850c5 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_1e9c2850c5:focus, .virtualizedTooltipContainer_1e9c2850c5:focus-visible, .virtualizedTooltipContainer_1e9c2850c5.focus-visible_22fcbaefd8 {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_129a8b3b6b",badge:"badge_aa268348d5",outside:"outside_7f806682ab",topEnd:"topEnd_8a5dbf2ceb",rectangular:"rectangular_16f7d56b74",circular:"circular_3d424cce6a",topStart:"topStart_b79d04a178",bottomEnd:"bottomEnd_26b2f6731c",bottomStart:"bottomStart_b7a111ec5a"};!function(a){const t="s_id-b5dca6298ea9_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const b=document.createElement("style");b.id=t,e.firstChild?e.insertBefore(b,e.firstChild):e.appendChild(b),b.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=a)}(".badgeWrapper_129a8b3b6b {\n  position: relative;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5:not(.outside_7f806682ab) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topEnd_8a5dbf2ceb.rectangular_16f7d56b74 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topEnd_8a5dbf2ceb.outside_7f806682ab {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topEnd_8a5dbf2ceb.circular_3d424cce6a {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topStart_b79d04a178.rectangular_16f7d56b74 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topStart_b79d04a178.outside_7f806682ab {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.topStart_b79d04a178.circular_3d424cce6a {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomEnd_26b2f6731c.rectangular_16f7d56b74 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomEnd_26b2f6731c.outside_7f806682ab {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomEnd_26b2f6731c.circular_3d424cce6a {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomStart_b7a111ec5a.rectangular_16f7d56b74 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomStart_b7a111ec5a.outside_7f806682ab {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_129a8b3b6b .badge_aa268348d5.bottomStart_b7a111ec5a.circular_3d424cce6a {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var a={badgeWrapper:"badgeWrapper_a4b7ead3fe",badge:"badge_84a8a7c0f7",outside:"outside_d3b9b4b915",topEnd:"topEnd_22ac4c4cf6",rectangular:"rectangular_603a80b6d4",circular:"circular_17cf798ffb",topStart:"topStart_91af2fc29a",bottomEnd:"bottomEnd_e8caaeba70",bottomStart:"bottomStart_a8982e3b54"};!function(a){const e="s_id-b5dca6298ea9_3_31_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_a4b7ead3fe {\n  position: relative;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7:not(.outside_d3b9b4b915) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topEnd_22ac4c4cf6.rectangular_603a80b6d4 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topEnd_22ac4c4cf6.outside_d3b9b4b915 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topEnd_22ac4c4cf6.circular_17cf798ffb {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topStart_91af2fc29a.rectangular_603a80b6d4 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topStart_91af2fc29a.outside_d3b9b4b915 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.topStart_91af2fc29a.circular_17cf798ffb {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomEnd_e8caaeba70.rectangular_603a80b6d4 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomEnd_e8caaeba70.outside_d3b9b4b915 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomEnd_e8caaeba70.circular_17cf798ffb {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomStart_a8982e3b54.rectangular_603a80b6d4 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomStart_a8982e3b54.outside_d3b9b4b915 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_a4b7ead3fe .badge_84a8a7c0f7.bottomStart_a8982e3b54.circular_17cf798ffb {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_f924c831d9",primary:"primary_b5ab7bc946",notification:"notification_99d69c9d40"};!function(e){const i="s_id-d6448d74722f_3_31_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_f924c831d9 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_f924c831d9.primary_b5ab7bc946 {\n  background-color: var(--primary-color);\n}\n.indicator_f924c831d9.notification_99d69c9d40 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_985e7a729d",primary:"primary_726cce934f",notification:"notification_7a7a7aa004"};!function(e){const i="s_id-d6448d74722f_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_985e7a729d {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_985e7a729d.primary_726cce934f {\n  background-color: var(--primary-color);\n}\n.indicator_985e7a729d.notification_7a7a7aa004 {\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_640148d66f",small:"small_a75b69c2d6",medium:"medium_b9cc4bdd22",large:"large_8db1992bcd",rightThinnerPadding:"rightThinnerPadding_f19ca2e5bf",input:"input_2da48b0cce",success:"success_934641daac",readOnly:"readOnly_7533439c52",disabled:"disabled_e880285a29",error:"error_ee5ff0d413"};!function(r){const n="s_id-1f2ba40749da_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_640148d66f {\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_640148d66f.small_a75b69c2d6 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_640148d66f.medium_b9cc4bdd22 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_640148d66f.large_8db1992bcd {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_640148d66f.rightThinnerPadding_f19ca2e5bf {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_640148d66f:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_640148d66f:has(.input_2da48b0cce:active, .input_2da48b0cce:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce:read-only) .input_2da48b0cce {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce: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_640148d66f:has(.input_2da48b0cce:disabled) .input_2da48b0cce {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_640148d66f.success_934641daac {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f.success_934641daac:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f.success_934641daac:has(.input_2da48b0cce:active, .input_2da48b0cce:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_640148d66f:has(.input_2da48b0cce[aria-invalid=true]):has(.input_2da48b0cce:active, .input_2da48b0cce:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_640148d66f:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_640148d66f.readOnly_7533439c52 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_640148d66f.readOnly_7533439c52 .input_2da48b0cce {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_640148d66f.disabled_e880285a29 {\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_640148d66f.disabled_e880285a29 .input_2da48b0cce {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_640148d66f.success_934641daac {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f.success_934641daac:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f.success_934641daac:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_640148d66f.error_ee5ff0d413 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_640148d66f.error_ee5ff0d413:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_640148d66f.error_ee5ff0d413:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_640148d66f .input_2da48b0cce {\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_640148d66f .input_2da48b0cce::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_640148d66f .input_2da48b0cce:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_d4f0e5b72a",small:"small_2c3aac17b1",medium:"medium_42d94bd532",large:"large_85313aa1ee",rightThinnerPadding:"rightThinnerPadding_7824e4127b",input:"input_72a5462a01",success:"success_afec28f798",readOnly:"readOnly_919e4a3d09",disabled:"disabled_7d66f84480",error:"error_a4c5094e87"};!function(r){const e="s_id-1f2ba40749da_3_31_2";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_d4f0e5b72a {\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_d4f0e5b72a.small_2c3aac17b1 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_d4f0e5b72a.medium_42d94bd532 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_d4f0e5b72a.large_85313aa1ee {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_d4f0e5b72a.rightThinnerPadding_7824e4127b {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_d4f0e5b72a:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01:active, .input_72a5462a01:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01:read-only) .input_72a5462a01 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01: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_d4f0e5b72a:has(.input_72a5462a01:disabled) .input_72a5462a01 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798:has(.input_72a5462a01:active, .input_72a5462a01:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d4f0e5b72a:has(.input_72a5462a01[aria-invalid=true]):has(.input_72a5462a01:active, .input_72a5462a01:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_d4f0e5b72a:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_d4f0e5b72a.readOnly_919e4a3d09 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_d4f0e5b72a.readOnly_919e4a3d09 .input_72a5462a01 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_d4f0e5b72a.disabled_7d66f84480 {\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_d4f0e5b72a.disabled_7d66f84480 .input_72a5462a01 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a.success_afec28f798:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_d4f0e5b72a.error_a4c5094e87 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d4f0e5b72a.error_a4c5094e87:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_d4f0e5b72a.error_a4c5094e87:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_d4f0e5b72a .input_72a5462a01 {\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_d4f0e5b72a .input_72a5462a01::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_d4f0e5b72a .input_72a5462a01: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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={box:"box_f6753f3d4d",scrollable:"scrollable_a7c0001c2b",opacityDisabled:"opacityDisabled_60ed48ec8a",border:"border_71d52a3c86",borderColorUiBorderColor:"borderColorUiBorderColor_cc3f6eec68",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_acce532b29",rounded0:"rounded0_a4b619b7b2",roundedSmall:"roundedSmall_2d8558d729",roundedMedium:"roundedMedium_11efd0c174",roundedBig:"roundedBig_2b62d90797",shadowXs:"shadowXs_7d6d3a5b15",shadowSmall:"shadowSmall_dff1d32a01",shadowMedium:"shadowMedium_04e208d926",shadowLarge:"shadowLarge_1e073630e8",m0:"m0_bc2a91859a",mXs:"mXs_0d221a0854",mSmall:"mSmall_578db7b68f",mMedium:"mMedium_93d1fc7ec4",mLarge:"mLarge_c2c98b210a",mXl:"mXl_1fc7aeb192",mXxl:"mXxl_9a7ad82b22",mXxxl:"mXxxl_dadd06a049",mAuto:"mAuto_76cb9fe8ba",mx0:"mx0_d8943d7040",mxXs:"mxXs_983f00b2f2",mxSmall:"mxSmall_f13a5a677a",mxMedium:"mxMedium_48bb8b01ac",mxLarge:"mxLarge_69a394c00a",mxXl:"mxXl_5ab1ad6b50",mxXxl:"mxXxl_d1e9902443",mxXxxl:"mxXxxl_a76c80d4e1",mxAuto:"mxAuto_b1d96252ce",my0:"my0_99c1a4d913",myXs:"myXs_4f07139acf",mySmall:"mySmall_01f76069fe",myMedium:"myMedium_5a3c8042c8",myLarge:"myLarge_d1dc909472",myXl:"myXl_835127e07c",myXxl:"myXxl_0ea941dfda",myXxxl:"myXxxl_0ac1cef212",myAuto:"myAuto_75d56a89d0",mt0:"mt0_2661de70ee",mtXs:"mtXs_e9900dc2a1",mtSmall:"mtSmall_105cddacbc",mtMedium:"mtMedium_1d29c422a4",mtLarge:"mtLarge_cbb02bb672",mtXl:"mtXl_7e248399f2",mtXxl:"mtXxl_713dfc50b8",mtXxxl:"mtXxxl_69a3e671eb",mtAuto:"mtAuto_7cb1b2ce60",me0:"me0_8b0ff3631b",meXs:"meXs_f140d8244b",meSmall:"meSmall_de504b6b5c",meMedium:"meMedium_3179d018ea",meLarge:"meLarge_86dee6a380",meXl:"meXl_b561671820",meXxl:"meXxl_de9bab4c3f",meXxxl:"meXxxl_9c596dddc8",meAuto:"meAuto_834184373e",mb0:"mb0_3c2cff94ce",mbXs:"mbXs_8a0b4da8ba",mbSmall:"mbSmall_b47fd0dbc8",mbMedium:"mbMedium_527cdfbdfb",mbLarge:"mbLarge_869d968d44",mbXl:"mbXl_10b7e43584",mbXxl:"mbXxl_36293c9d27",mbXxxl:"mbXxxl_c104a51e37",mbAuto:"mbAuto_19693bbcf3",ms0:"ms0_6db914a6ee",msXs:"msXs_3756a2d583",msSmall:"msSmall_dd00c8786f",msMedium:"msMedium_b8d53d0f5a",msLarge:"msLarge_310097f18b",msXl:"msXl_40ca04d101",msXxl:"msXxl_465386f67d",msXxxl:"msXxxl_db6a5b783d",msAuto:"msAuto_e9c85acb9e",p0:"p0_8b4ab607a7",pXs:"pXs_3a246a4aac",pSmall:"pSmall_4ec39ae494",pMedium:"pMedium_c194986737",pLarge:"pLarge_8875f61bee",pXl:"pXl_c157f99ff5",pXxl:"pXxl_8ac0050f44",pXxxl:"pXxxl_e2364b39cd",px0:"px0_0bf2f0d220",pxXs:"pxXs_cd0cd03f0d",pxSmall:"pxSmall_fc0cc441ce",pxMedium:"pxMedium_1b5edf2692",pxLarge:"pxLarge_182d2d7664",pxXl:"pxXl_76d0cbde5a",pxXxl:"pxXxl_5b15fcf148",pxXxxl:"pxXxxl_b148e0036d",py0:"py0_cedfd77d9a",pyXs:"pyXs_5a3e219c9e",pySmall:"pySmall_d8b782c0d7",pyMedium:"pyMedium_0734225a65",pyLarge:"pyLarge_8daa99a8d2",pyXl:"pyXl_02c7f5dcc5",pyXxl:"pyXxl_4c5678e5a5",pyXxxl:"pyXxxl_32f66e1928",pt0:"pt0_310ce1799a",ptXs:"ptXs_c914f9da92",ptSmall:"ptSmall_dea0a0fcfd",ptMedium:"ptMedium_17ae5d8d29",ptLarge:"ptLarge_1ca192e045",ptXl:"ptXl_2cc08b1e67",ptXxl:"ptXxl_2e841d17ce",ptXxxl:"ptXxxl_ad4b031572",pe0:"pe0_a233f25b53",peXs:"peXs_44b65ae1eb",peSmall:"peSmall_beba07f60f",peMedium:"peMedium_875cb2c83a",peLarge:"peLarge_29bcfcf097",peXl:"peXl_0928c8e00c",peXxl:"peXxl_d0dbf5a1eb",peXxxl:"peXxxl_803aee8fb9",pb0:"pb0_a3d912d781",pbXs:"pbXs_48d16058a0",pbSmall:"pbSmall_b1ebe8b83c",pbMedium:"pbMedium_c2b5d2d4f0",pbLarge:"pbLarge_9c94f3b113",pbXl:"pbXl_daafbe9f28",pbXxl:"pbXxl_bc54a122f3",pbXxxl:"pbXxxl_c9677d1853",ps0:"ps0_631b988165",psXs:"psXs_40c08ccca2",psSmall:"psSmall_6dede8aeb2",psMedium:"psMedium_b173ff0aa0",psLarge:"psLarge_f4c010b9ad",psXl:"psXl_fa7aa232a5",psXxl:"psXxl_47a87c835c",psXxxl:"psXxxl_9385669dcf",textPrimaryTextColor:"textPrimaryTextColor_72465bd8a8",textTextColorOnInverted:"textTextColorOnInverted_9440b186ca",textSecondaryTextColor:"textSecondaryTextColor_3a70401a4d",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_46e683845c",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_0e20c24baf",bgGreyBackgroundColor:"bgGreyBackgroundColor_0dde29a5a4",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_9410296258",bgInvertedColorBackground:"bgInvertedColorBackground_b9684dcd5c"};!function(n){const a="s_id-e8ebf0c89fee_3_31_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_f6753f3d4d {\n  overflow: hidden;\n}\n.box_f6753f3d4d.scrollable_a7c0001c2b {\n  overflow: auto;\n}\n.box_f6753f3d4d.scrollable_a7c0001c2b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_f6753f3d4d.scrollable_a7c0001c2b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_60ed48ec8a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_71d52a3c86 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_cc3f6eec68 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_acce532b29 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_a4b619b7b2 {\n  border-radius: 0 !important;\n}\n.roundedSmall_2d8558d729 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_11efd0c174 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_2b62d90797 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_7d6d3a5b15 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_dff1d32a01 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_04e208d926 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_1e073630e8 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_bc2a91859a {\n  margin: 0 !important;\n}\n.mXs_0d221a0854 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_578db7b68f {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_93d1fc7ec4 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_c2c98b210a {\n  margin: var(--spacing-large) !important;\n}\n.mXl_1fc7aeb192 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_9a7ad82b22 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_dadd06a049 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_76cb9fe8ba {\n  margin: auto !important;\n}\n.mx0_d8943d7040 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_983f00b2f2 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_f13a5a677a {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_48bb8b01ac {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_69a394c00a {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_5ab1ad6b50 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_d1e9902443 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_a76c80d4e1 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_b1d96252ce {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_99c1a4d913 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_4f07139acf {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_01f76069fe {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_5a3c8042c8 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_d1dc909472 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_835127e07c {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_0ea941dfda {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_0ac1cef212 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_75d56a89d0 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_2661de70ee {\n  margin-top: 0 !important;\n}\n.mtXs_e9900dc2a1 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_105cddacbc {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_1d29c422a4 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cbb02bb672 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_7e248399f2 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_713dfc50b8 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_69a3e671eb {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_7cb1b2ce60 {\n  margin-top: auto !important;\n}\n.me0_8b0ff3631b {\n  margin-inline-end: 0 !important;\n}\n.meXs_f140d8244b {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_de504b6b5c {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_3179d018ea {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_86dee6a380 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_b561671820 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_de9bab4c3f {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_9c596dddc8 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_834184373e {\n  margin-inline-end: auto !important;\n}\n.mb0_3c2cff94ce {\n  margin-bottom: 0 !important;\n}\n.mbXs_8a0b4da8ba {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_b47fd0dbc8 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_527cdfbdfb {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_869d968d44 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_10b7e43584 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_36293c9d27 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_c104a51e37 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_19693bbcf3 {\n  margin-bottom: auto !important;\n}\n.ms0_6db914a6ee {\n  margin-inline-start: 0 !important;\n}\n.msXs_3756a2d583 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_dd00c8786f {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_b8d53d0f5a {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_310097f18b {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_40ca04d101 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_465386f67d {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_db6a5b783d {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e9c85acb9e {\n  margin-inline-start: auto !important;\n}\n.p0_8b4ab607a7 {\n  padding: 0 !important;\n}\n.pXs_3a246a4aac {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_4ec39ae494 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_c194986737 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_8875f61bee {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c157f99ff5 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_8ac0050f44 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_e2364b39cd {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0bf2f0d220 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_cd0cd03f0d {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_fc0cc441ce {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_1b5edf2692 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_182d2d7664 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_76d0cbde5a {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_5b15fcf148 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b148e0036d {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_cedfd77d9a {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_5a3e219c9e {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_d8b782c0d7 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_0734225a65 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_8daa99a8d2 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_02c7f5dcc5 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_4c5678e5a5 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_32f66e1928 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_310ce1799a {\n  padding-top: 0 !important;\n}\n.ptXs_c914f9da92 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_dea0a0fcfd {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_17ae5d8d29 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_1ca192e045 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_2cc08b1e67 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_2e841d17ce {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_ad4b031572 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_a233f25b53 {\n  padding-inline-end: 0 !important;\n}\n.peXs_44b65ae1eb {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_beba07f60f {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_875cb2c83a {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_29bcfcf097 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_0928c8e00c {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_d0dbf5a1eb {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_803aee8fb9 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_a3d912d781 {\n  padding-bottom: 0 !important;\n}\n.pbXs_48d16058a0 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_b1ebe8b83c {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_c2b5d2d4f0 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_9c94f3b113 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_daafbe9f28 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_bc54a122f3 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_c9677d1853 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_631b988165 {\n  padding-inline-start: 0 !important;\n}\n.psXs_40c08ccca2 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_6dede8aeb2 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_b173ff0aa0 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_f4c010b9ad {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_fa7aa232a5 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_47a87c835c {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_9385669dcf {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_72465bd8a8 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9440b186ca {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_3a70401a4d {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_46e683845c {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_0e20c24baf {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_0dde29a5a4 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_9410296258 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_b9684dcd5c {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_17809ac4c3",scrollable:"scrollable_8ba3b3d352",opacityDisabled:"opacityDisabled_d5d0c049e6",border:"border_693c47f390",borderColorUiBorderColor:"borderColorUiBorderColor_fc331a2758",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_d332302688",rounded0:"rounded0_5bbb81eabe",roundedSmall:"roundedSmall_b262523f66",roundedMedium:"roundedMedium_0d15cf2c0c",roundedBig:"roundedBig_61411477f3",shadowXs:"shadowXs_72286351e3",shadowSmall:"shadowSmall_4cf4268463",shadowMedium:"shadowMedium_9b0aaa1728",shadowLarge:"shadowLarge_faf05e4c93",m0:"m0_8ffa221734",mXs:"mXs_a8c4c1e5bc",mSmall:"mSmall_2c6f241e43",mMedium:"mMedium_771176b98f",mLarge:"mLarge_09a0df921b",mXl:"mXl_24c634fd21",mXxl:"mXxl_f44764f1ab",mXxxl:"mXxxl_c2d34dd34d",mAuto:"mAuto_786446531f",mx0:"mx0_d502c03008",mxXs:"mxXs_8c2227746d",mxSmall:"mxSmall_d0478d6418",mxMedium:"mxMedium_5c93404547",mxLarge:"mxLarge_4f94018b4f",mxXl:"mxXl_ce6189ad62",mxXxl:"mxXxl_87dfdc9d3c",mxXxxl:"mxXxxl_dc7c8294d7",mxAuto:"mxAuto_44ae96c4de",my0:"my0_25169489ee",myXs:"myXs_4884929201",mySmall:"mySmall_249a8db3cd",myMedium:"myMedium_7d8895c7a6",myLarge:"myLarge_10f74463a7",myXl:"myXl_6f0fa321ec",myXxl:"myXxl_323f586c92",myXxxl:"myXxxl_36888f7246",myAuto:"myAuto_bf3e465413",mt0:"mt0_f9ae282588",mtXs:"mtXs_debf397c07",mtSmall:"mtSmall_6d25455423",mtMedium:"mtMedium_92c47320ff",mtLarge:"mtLarge_58ea18684b",mtXl:"mtXl_df922f105d",mtXxl:"mtXxl_5d1147c242",mtXxxl:"mtXxxl_dd30bd1242",mtAuto:"mtAuto_7a7b913415",me0:"me0_1d8b65cb1f",meXs:"meXs_2fb88634ad",meSmall:"meSmall_3488d3faa5",meMedium:"meMedium_3ab5ed50da",meLarge:"meLarge_fbaad2a8d3",meXl:"meXl_b5210002b7",meXxl:"meXxl_8eba9caedd",meXxxl:"meXxxl_5f70bfa0ea",meAuto:"meAuto_929dc0eb7c",mb0:"mb0_cecf0a34f8",mbXs:"mbXs_db98d3c660",mbSmall:"mbSmall_d83825fa8a",mbMedium:"mbMedium_4eeba54544",mbLarge:"mbLarge_fa44c3fe82",mbXl:"mbXl_48dd5c1a2f",mbXxl:"mbXxl_6cf50f1d45",mbXxxl:"mbXxxl_3408971102",mbAuto:"mbAuto_36012e30bb",ms0:"ms0_0696e1b3a3",msXs:"msXs_8d5f425211",msSmall:"msSmall_ab118d8c3e",msMedium:"msMedium_799eb0aea4",msLarge:"msLarge_4649339d67",msXl:"msXl_a3545bde04",msXxl:"msXxl_f38113437a",msXxxl:"msXxxl_a8a86dd4b2",msAuto:"msAuto_0318e12cc1",p0:"p0_39e7bee2f8",pXs:"pXs_1fd4f455f8",pSmall:"pSmall_43f83cf24f",pMedium:"pMedium_745716eaaa",pLarge:"pLarge_dac217305b",pXl:"pXl_ae1c7efc75",pXxl:"pXxl_b20c5fc7e8",pXxxl:"pXxxl_1d18d53a71",px0:"px0_f1c6c0108f",pxXs:"pxXs_06cff182ab",pxSmall:"pxSmall_e046f5ac06",pxMedium:"pxMedium_02321c1d0f",pxLarge:"pxLarge_cf87bc7869",pxXl:"pxXl_98a2432749",pxXxl:"pxXxl_49fe118795",pxXxxl:"pxXxxl_b25ffa785e",py0:"py0_ab5638a9da",pyXs:"pyXs_2862b47752",pySmall:"pySmall_d68d57a8ca",pyMedium:"pyMedium_93aa6dc694",pyLarge:"pyLarge_21b8fb6664",pyXl:"pyXl_f2660d3ae5",pyXxl:"pyXxl_b25b8513d1",pyXxxl:"pyXxxl_784c2f1719",pt0:"pt0_13415189d7",ptXs:"ptXs_f7c0732fab",ptSmall:"ptSmall_620162a1a3",ptMedium:"ptMedium_cfd9873faf",ptLarge:"ptLarge_229550ea76",ptXl:"ptXl_8bb625793f",ptXxl:"ptXxl_fade100cca",ptXxxl:"ptXxxl_53a2939fd3",pe0:"pe0_b5bb3dab59",peXs:"peXs_fa67440385",peSmall:"peSmall_43dd441f4f",peMedium:"peMedium_5ca2a97724",peLarge:"peLarge_a67bd088e1",peXl:"peXl_5137779569",peXxl:"peXxl_907ea44844",peXxxl:"peXxxl_3180d5ca41",pb0:"pb0_23921184d0",pbXs:"pbXs_e867916d91",pbSmall:"pbSmall_488d59c031",pbMedium:"pbMedium_45b9224c4a",pbLarge:"pbLarge_ed30581992",pbXl:"pbXl_97311b631f",pbXxl:"pbXxl_20beecd75b",pbXxxl:"pbXxxl_54a7a4045d",ps0:"ps0_0e3c9d7095",psXs:"psXs_aa5de0435a",psSmall:"psSmall_22950dba50",psMedium:"psMedium_2ad7cfa8e9",psLarge:"psLarge_c7268cfbf3",psXl:"psXl_965d7ca940",psXxl:"psXxl_5a7793aacd",psXxxl:"psXxxl_470002bb64",textPrimaryTextColor:"textPrimaryTextColor_3f12f9c516",textTextColorOnInverted:"textTextColorOnInverted_29a786d030",textSecondaryTextColor:"textSecondaryTextColor_a76a92660b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_0c7ff44116",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_8ed64ebd4a",bgGreyBackgroundColor:"bgGreyBackgroundColor_ec34f049ee",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_40d1ab879d",bgInvertedColorBackground:"bgInvertedColorBackground_2a3f0006c5"};!function(n){const a="s_id-e8ebf0c89fee_3_31_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_17809ac4c3 {\n  overflow: hidden;\n}\n.box_17809ac4c3.scrollable_8ba3b3d352 {\n  overflow: auto;\n}\n.box_17809ac4c3.scrollable_8ba3b3d352::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_17809ac4c3.scrollable_8ba3b3d352::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_d5d0c049e6 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_693c47f390 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_fc331a2758 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_d332302688 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_5bbb81eabe {\n  border-radius: 0 !important;\n}\n.roundedSmall_b262523f66 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_0d15cf2c0c {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_61411477f3 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_72286351e3 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_4cf4268463 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_9b0aaa1728 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_faf05e4c93 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_8ffa221734 {\n  margin: 0 !important;\n}\n.mXs_a8c4c1e5bc {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_2c6f241e43 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_771176b98f {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_09a0df921b {\n  margin: var(--spacing-large) !important;\n}\n.mXl_24c634fd21 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_f44764f1ab {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_c2d34dd34d {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_786446531f {\n  margin: auto !important;\n}\n.mx0_d502c03008 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_8c2227746d {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_d0478d6418 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_5c93404547 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_4f94018b4f {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_ce6189ad62 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_87dfdc9d3c {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_dc7c8294d7 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_44ae96c4de {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_25169489ee {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_4884929201 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_249a8db3cd {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_7d8895c7a6 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_10f74463a7 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_6f0fa321ec {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_323f586c92 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_36888f7246 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_bf3e465413 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_f9ae282588 {\n  margin-top: 0 !important;\n}\n.mtXs_debf397c07 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6d25455423 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_92c47320ff {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_58ea18684b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_df922f105d {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_5d1147c242 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_dd30bd1242 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_7a7b913415 {\n  margin-top: auto !important;\n}\n.me0_1d8b65cb1f {\n  margin-inline-end: 0 !important;\n}\n.meXs_2fb88634ad {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_3488d3faa5 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_3ab5ed50da {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_fbaad2a8d3 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_b5210002b7 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_8eba9caedd {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_5f70bfa0ea {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_929dc0eb7c {\n  margin-inline-end: auto !important;\n}\n.mb0_cecf0a34f8 {\n  margin-bottom: 0 !important;\n}\n.mbXs_db98d3c660 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_d83825fa8a {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_4eeba54544 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_fa44c3fe82 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_48dd5c1a2f {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_6cf50f1d45 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_3408971102 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_36012e30bb {\n  margin-bottom: auto !important;\n}\n.ms0_0696e1b3a3 {\n  margin-inline-start: 0 !important;\n}\n.msXs_8d5f425211 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_ab118d8c3e {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_799eb0aea4 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_4649339d67 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_a3545bde04 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_f38113437a {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_a8a86dd4b2 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_0318e12cc1 {\n  margin-inline-start: auto !important;\n}\n.p0_39e7bee2f8 {\n  padding: 0 !important;\n}\n.pXs_1fd4f455f8 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_43f83cf24f {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_745716eaaa {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_dac217305b {\n  padding: var(--spacing-large) !important;\n}\n.pXl_ae1c7efc75 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_b20c5fc7e8 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_1d18d53a71 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_f1c6c0108f {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_06cff182ab {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_e046f5ac06 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_02321c1d0f {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_cf87bc7869 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_98a2432749 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_49fe118795 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b25ffa785e {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_ab5638a9da {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_2862b47752 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_d68d57a8ca {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_93aa6dc694 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_21b8fb6664 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_f2660d3ae5 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_b25b8513d1 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_784c2f1719 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_13415189d7 {\n  padding-top: 0 !important;\n}\n.ptXs_f7c0732fab {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_620162a1a3 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_cfd9873faf {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_229550ea76 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_8bb625793f {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_fade100cca {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_53a2939fd3 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_b5bb3dab59 {\n  padding-inline-end: 0 !important;\n}\n.peXs_fa67440385 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_43dd441f4f {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_5ca2a97724 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_a67bd088e1 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_5137779569 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_907ea44844 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_3180d5ca41 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_23921184d0 {\n  padding-bottom: 0 !important;\n}\n.pbXs_e867916d91 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_488d59c031 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_45b9224c4a {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_ed30581992 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_97311b631f {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_20beecd75b {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_54a7a4045d {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_0e3c9d7095 {\n  padding-inline-start: 0 !important;\n}\n.psXs_aa5de0435a {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_22950dba50 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_2ad7cfa8e9 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_c7268cfbf3 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_965d7ca940 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_5a7793aacd {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_470002bb64 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_3f12f9c516 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_29a786d030 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_a76a92660b {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_0c7ff44116 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_8ed64ebd4a {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_ec34f049ee {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_40d1ab879d {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_2a3f0006c5 {\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_471d9b4d3e",withoutText:"withoutText_ee5bb722c6",breadcrumbText:"breadcrumbText_7967aa2400",breadcrumbIcon:"breadcrumbIcon_f9d2147b09",clickable:"clickable_f1faf381d6",current:"current_586a746470",disabled:"disabled_08c0c602f0",notClickable:"notClickable_5e4c5c0b85"};!function(e){const n="s_id-55ff70da99a4_3_31_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_471d9b4d3e {\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_471d9b4d3e.withoutText_ee5bb722c6 {\n  padding: 4px;\n}\na.breadcrumbContent_471d9b4d3e:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_471d9b4d3e .breadcrumbText_7967aa2400 {\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_471d9b4d3e .breadcrumbIcon_f9d2147b09 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_471d9b4d3e:focus {\n  outline: none;\n}\n.breadcrumbContent_471d9b4d3e.clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.breadcrumbContent_471d9b4d3e.clickable_f1faf381d6:hover,\n.breadcrumbContent_471d9b4d3e:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_471d9b4d3e.current_586a746470 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_471d9b4d3e.disabled_08c0c602f0 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_471d9b4d3e.disabled_08c0c602f0:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_471d9b4d3e.notClickable_5e4c5c0b85 {\n  pointer-events: none;\n}");export{e as default};
+var n={breadcrumbContent:"breadcrumbContent_35dc68ff1f",withoutText:"withoutText_97ffb5481b",breadcrumbText:"breadcrumbText_e806937c14",breadcrumbIcon:"breadcrumbIcon_7941508403",clickable:"clickable_c9003c5718",current:"current_51756de96c",disabled:"disabled_c6232f2063",notClickable:"notClickable_01b863f4b7"};!function(n){const e="s_id-55ff70da99a4_3_31_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".breadcrumbContent_35dc68ff1f {\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_35dc68ff1f.withoutText_97ffb5481b {\n  padding: 4px;\n}\na.breadcrumbContent_35dc68ff1f:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_35dc68ff1f .breadcrumbText_e806937c14 {\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_35dc68ff1f .breadcrumbIcon_7941508403 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_35dc68ff1f:focus {\n  outline: none;\n}\n.breadcrumbContent_35dc68ff1f.clickable_c9003c5718 {\n  cursor: pointer;\n}\n.breadcrumbContent_35dc68ff1f.clickable_c9003c5718:hover,\n.breadcrumbContent_35dc68ff1f:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_35dc68ff1f.current_51756de96c {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_35dc68ff1f.disabled_c6232f2063 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_35dc68ff1f.disabled_c6232f2063:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_35dc68ff1f.notClickable_01b863f4b7 {\n  pointer-events: none;\n}");export{n 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_5306f464d6",disabled:"disabled_bca4d11a6a"};!function(e){const d="s_id-03f482333e23_3_31_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_5306f464d6 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_5306f464d6.disabled_bca4d11a6a {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_0bcd02af64",disabled:"disabled_b4e3a43e56"};!function(e){const d="s_id-03f482333e23_3_31_2";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_0bcd02af64 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_0bcd02af64.disabled_b4e3a43e56 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,ButtonColor as y,ButtonType as g,ButtonInputType as b}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as v,getParentBackgroundColorNotTransparent as h}from"./helper/dom-helpers.js";import{getTestId as C}from"../../tests/testIds.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as E}from"./helper/useButtonLoading.js";var I=o((function(o,c){var d=o.className,y=o.children,g=o.kind,b=o.onClick,v=o.name,j=o.size,I=o.color,x=o.disabled,P=o.rightIcon,B=o.leftIcon,S=o.success,L=o.successText,T=o.successIcon,z=o.style,M=o.loading,O=o.loaderClassName,D=o.active,w=o.activeButtonClassName,A=o.id,H=o.marginRight,R=o.marginLeft,U=o.type,_=o.onMouseDown,q=o.ariaLabel,G=o.rightFlat,J=o.leftFlat,K=o.preventClickAnimation,Q=o.noSidePadding,V=o.onFocus,W=o.onBlur,X=o.ariaLabeledBy,Y=o.defaultTextColorOnPrimaryColor,Z=o.ariaHasPopup,$=o.ariaExpanded,ee=o.ariaControls,te=o["aria-describedby"],oe=o["aria-hidden"],ae=o["aria-pressed"],ne=o.blurOnMouseUp,re=o["data-testid"],ie=o.insetFocus,se=o.tabIndex,le=a(null),ce=u(c,le),ue=E({isLoading:M}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===g&&le.current){var e=le.current;e.style.color=h(e,Y)}}),[g,le,I,Y]);var de=r((function(){var e=le.current;!x&&e&&ne&&e.blur()}),[x,le,ne]),me=r((function(e){x||ue||S?e.preventDefault():b&&b(e)}),[b,x,ue,S]),pe=r((function(e){x||ue||S?e.preventDefault():_&&_(e)}),[_,x,ue,S]),fe=i((function(){var t,o=S?"positive":I;return l(d,k.button,F(k,s("size-"+j)),F(k,s("kind-"+g)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,S),F(k,s("color-"+o+"-active")),D),w,D),k.marginRight,H),k.marginLeft,R),k.rightFlat,G),k.leftFlat,J),k.preventClickAnimation,K),k.noSidePadding,Q),k.disabled,x),e(t,k.insetFocusStyle,ie)))}),[S,I,d,j,g,D,w,H,R,G,J,K,Q,x,ie]),ye=i((function(){return{ref:ce,type:U,className:fe,name:v,onMouseUp:de,style:z,onClick:me,id:A,onFocus:V,onBlur:W,tabIndex:x||oe?-1:se,"data-testid":re||C(N.BUTTON,A),onMouseDown:pe,"aria-disabled":x,"aria-busy":ue,"aria-labelledby":X,"aria-label":q,"aria-haspopup":Z,"aria-expanded":$,"aria-controls":ee,"aria-describedby":te,"aria-hidden":oe,"aria-pressed":ae}}),[ce,U,fe,v,de,z,me,A,V,W,se,re,pe,x,ue,X,q,Z,$,ee,te,oe,ae]),ge=i((function(){if("function"==typeof B)return f}),[B]),be=i((function(){if("function"==typeof P)return f}),[P]),ve=i((function(){if("function"==typeof T)return f}),[T]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,B?t.createElement(m,{iconType:"font",icon:B,iconSize:ge,className:l(e({},k.leftIcon,he)),ignoreFocusStyle:!0}):null,y,P?t.createElement(m,{iconType:"font",icon:P,iconSize:be,className:l(e({},k.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,B,ge,P,be]);return ue?t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-loading")}),t.createElement("span",{className:l(k.loader,O)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},Ce))):S?t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-success")}),t.createElement("span",{className:k.successContent},T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve,className:l(e({},k.leftIcon,!!L)),ignoreFocusStyle:!0}):null,L),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},Ce)):t.createElement("button",Object.assign({},ye,{key:"".concat(A,"-button")}),Ce)}));I.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:v,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var x=j(I,{sizes:c,colors:y,kinds:g,types:b,inputTags:b});export{x as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as E}from"./helper/useButtonLoading.js";var I=o((function(o,c){var d=o.className,y=o.children,b=o.kind,v=o.onClick,h=o.name,x=o.size,I=o.color,P=o.disabled,B=o.rightIcon,S=o.leftIcon,L=o.success,T=o.successText,z=o.successIcon,M=o.style,O=o.loading,w=o.loaderClassName,D=o.active,A=o.activeButtonClassName,H=o.id,R=o.marginRight,U=o.marginLeft,_=o.type,q=o.onMouseDown,G=o.ariaLabel,J=o.rightFlat,K=o.leftFlat,Q=o.preventClickAnimation,V=o.noSidePadding,W=o.onFocus,X=o.onBlur,Y=o.ariaLabeledBy,Z=o.defaultTextColorOnPrimaryColor,$=o.ariaHasPopup,ee=o.ariaExpanded,te=o.ariaControls,oe=o["aria-describedby"],ae=o["aria-hidden"],ne=o["aria-pressed"],re=o.blurOnMouseUp,ie=o["data-testid"],se=o.insetFocus,le=o.tabIndex,ce=a(null),ue=u(c,ce),de=E({isLoading:O}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===b&&ce.current){var e=ce.current;e.style.color=C(e,Z)}}),[b,ce,I,Z]);var me=r((function(){var e=ce.current;!P&&e&&re&&e.blur()}),[P,ce,re]),pe=r((function(e){P||de||L?e.preventDefault():v&&v(e)}),[v,P,de,L]),fe=r((function(e){P||de||L?e.preventDefault():q&&q(e)}),[q,P,de,L]),ge=i((function(){var t,o=L?"positive":I;return l(d,k.button,F(k,s("size-"+x)),F(k,s("kind-"+b)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,L),F(k,s("color-"+o+"-active")),D),A,D),k.marginRight,R),k.marginLeft,U),k.rightFlat,J),k.leftFlat,K),k.preventClickAnimation,Q),k.noSidePadding,V),k.disabled,P),e(t,k.insetFocusStyle,se)))}),[L,I,d,x,b,D,A,R,U,J,K,Q,V,P,se]),ye=i((function(){return{ref:ue,type:_,className:ge,name:h,onMouseUp:me,style:M,onClick:pe,id:H,onFocus:W,onBlur:X,tabIndex:P||ae?-1:le,"data-testid":ie||j(N.BUTTON,H),onMouseDown:fe,"aria-disabled":P,"aria-busy":de,"aria-labelledby":Y,"aria-label":G,"aria-haspopup":$,"aria-expanded":ee,"aria-controls":te,"aria-describedby":oe,"aria-hidden":ae,"aria-pressed":ne}}),[ue,_,ge,h,me,M,pe,H,W,X,le,ie,fe,P,de,Y,G,$,ee,te,oe,ae,ne]),be=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),ve=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),he=i((function(){return t.createElement(t.Fragment,null,S?t.createElement(m,{iconType:"font",icon:S,iconSize:be(S),className:l(e({},k.leftIcon,ve)),ignoreFocusStyle:!0}):null,y,B?t.createElement(m,{iconType:"font",icon:B,iconSize:be(B),className:l(e({},k.rightIcon,ve)),ignoreFocusStyle:!0}):null)}),[y,ve,be,S,B]);return de?t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(k.loader,w)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},he))):L?t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-success")}),t.createElement("span",{className:k.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:be(z),className:l(e({},k.leftIcon,!!T)),ignoreFocusStyle:!0}):null,T),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},he)):t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-button")}),he)}));I.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(I,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
 //# sourceMappingURL=Button.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, leftIcon, leftIconSize, rightIcon, rightIconSize]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={successIconSize}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","icon","iconSize","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"6jCA0GA,IAAMA,EAMFC,GACF,SAAAC,EA6CEC,GACE,IA5CAC,EAASF,EAATE,UACAC,EAAQH,EAARG,SACAC,EAAIJ,EAAJI,KACAC,EAAOL,EAAPK,QACAC,EAAIN,EAAJM,KACAC,EAAIP,EAAJO,KACAC,EAAKR,EAALQ,MACAC,EAAQT,EAARS,SACAC,EAASV,EAATU,UACAC,EAAQX,EAARW,SACAC,EAAOZ,EAAPY,QACAC,EAAWb,EAAXa,YACAC,EAAWd,EAAXc,YACAC,EAAKf,EAALe,MACSC,EAAShB,EAAlBiB,QACAC,EAAelB,EAAfkB,gBACAC,EAAMnB,EAANmB,OACAC,EAAqBpB,EAArBoB,sBACAC,EAAErB,EAAFqB,GACAC,EAAWtB,EAAXsB,YACAC,EAAUvB,EAAVuB,WACAC,EAAIxB,EAAJwB,KACAC,EAAWzB,EAAXyB,YACAC,EAAS1B,EAAT0B,UACAC,EAAS3B,EAAT2B,UACAC,EAAQ5B,EAAR4B,SACAC,EAAqB7B,EAArB6B,sBACAC,EAAa9B,EAAb8B,cACAC,EAAO/B,EAAP+B,QACAC,EAAMhC,EAANgC,OACAC,EAAajC,EAAbiC,cACAC,EAA8BlC,EAA9BkC,+BACAC,EAAYnC,EAAZmC,aACAC,GAAYpC,EAAZoC,aACAC,GAAYrC,EAAZqC,aACoBC,GAAetC,EAAnC,oBACeuC,GAAUvC,EAAzB,eACgBwC,GAAWxC,EAA3B,gBACAyC,GAAazC,EAAbyC,cACeC,GAAU1C,EAAzB,eACA2C,GAAU3C,EAAV2C,WACAC,GAAQ5C,EAAR4C,SAIIC,GAAYC,EAA0B,MACtCC,GAAYC,EAAY/C,EAAK4C,IAE3B5B,GAAYgC,EAAiB,CAAEjC,UAAAA,IAA/BC,QAERiC,GAAU,WACR,IAAc,qBAAV1C,GAA0C,gBAAVA,IACvB,YAATJ,GACCyC,GAAUM,QAAf,CAEA,IAAMC,EAAgBP,GAAUM,QAChCC,EAAcrC,MAAMP,MAAQ6C,EAAuCD,EAAelB,EAH1D,CAIzB,GAAE,CAAC9B,EAAMyC,GAAWrC,EAAO0B,IAE5B,IAAMoB,GAAYC,GAAY,WAC5B,IAAMC,EAASX,GAAUM,SACrB1C,GAAa+C,GAGbf,IACFe,EAAOC,MAEV,GAAE,CAAChD,EAAUoC,GAAWJ,KAEnBiB,GAAkBH,GACtB,SAACI,GACKlD,GAAYQ,IAAWL,EACzB+C,EAAMC,iBAIJvD,GACFA,EAAQsD,EAEX,GACD,CAACtD,EAASI,EAAUQ,GAASL,IAGzBiD,GAAqBN,GACzB,SAACI,GACKlD,GAAYQ,IAAWL,EACzB+C,EAAMC,iBAIJnC,GACFA,EAAYkC,EAEf,GACD,CAAClC,EAAahB,EAAUQ,GAASL,IAG7BkD,GAAaC,GAAQ,WAAK,IAAAC,EACxBC,EAAkBrD,EAAU,WAAaJ,EAC/C,OAAO0D,EACLhE,EACAiE,EAAOX,OACPY,EAASD,EAAQE,EAAU,QAAU9D,IACrC6D,EAASD,EAAQE,EAAU,QAAUjE,IACrCgE,EAASD,EAAQE,EAAU,SAAWJ,KAAiBK,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAN,EAAA,CAAA,EAEpDG,EAAOvD,QAAUA,GACjBwD,EAASD,EAAQE,EAAU,SAAWJ,EAAkB,YAAc9C,GACtEC,EAAwBD,GACxBgD,EAAO7C,YAAcA,GACrB6C,EAAO5C,WAAaA,GACpB4C,EAAOxC,UAAYA,GACnBwC,EAAOvC,SAAWA,GAClBuC,EAAOtC,sBAAwBA,GAC/BsC,EAAOrC,cAAgBA,GACvBqC,EAAO1D,SAAWA,GAAQ6D,EAAAN,EAC1BG,EAAOI,gBAAkB5B,KAGhC,GAAG,CACD/B,EACAJ,EACAN,EACAK,EACAH,EACAe,EACAC,EACAE,EACAC,EACAI,EACAC,EACAC,EACAC,EACArB,EACAkC,KAGI6B,GAAcT,GAAQ,WA0B1B,MAzBuC,CACrC9D,IAAK8C,GACLvB,KAAAA,EACAtB,UAAW4D,GACXxD,KAAAA,EACAgD,UAAAA,GACAvC,MAAAA,EACAV,QAASqD,GACTrC,GAAAA,EACAU,QAAAA,EACAC,OAAAA,EACAY,SAAUnC,GAAY8B,IAAc,EAAIK,GACxC,cAAeF,IAAc+B,EAAUC,EAAuBC,OAAQtD,GACtEI,YAAaoC,GACb,gBAAiBpD,EACjB,YAAaQ,GACb,kBAAmBgB,EACnB,aAAcP,EACd,gBAAiBS,EACjB,gBAAiBC,GACjB,gBAAiBC,GACjB,mBAAoBC,GACpB,cAAeC,GACf,eAAgBC,GAGnB,GAAE,CACDO,GACAvB,EACAsC,GACAxD,EACAgD,GACAvC,EACA2C,GACArC,EACAU,EACAC,EACAY,GACAF,GACAmB,GACApD,EACAQ,GACAgB,EACAP,EACAS,EACAC,GACAC,GACAC,GACAC,GACAC,KAGIoC,GAAWrB,GACf,SAACsB,GACC,GAAoB,mBAATA,EACX,OAAQtE,GACN,IAAK,MACL,IAAK,KACH,OAAOuE,EACT,QACE,OAAOC,EAEb,GACA,CAACxE,IAGGyE,GAAwBjB,GAAQ,WAAA,OAAMkB,EAAMC,SAASC,QAAQhF,GAAUiF,KAAKC,WAAU,CAAClF,IAEvFmF,GAAgBvB,GACpB,WAAA,OACEkB,EAAAM,cAAAN,EAAAO,SAAA,KACG7E,EACCsE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAMlE,EACNiE,SAAUA,GAASjE,GACnBT,UAAWgE,EAAEI,EAAA,CAAA,EACVH,EAAOxD,SAAWqE,KAErBW,kBAAgB,IAEhB,KACHxF,EACAO,EACCuE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAMnE,EACNkE,SAAUA,GAASlE,GACnBR,UAAWgE,EAAEI,EAAA,CAAA,EACVH,EAAOzD,UAAYsE,KAEtBW,kBACA,IACA,KACH,GAEL,CAACxF,EAAU6E,GAAuBJ,GAAUjE,EAAUD,IAGxD,OAAIO,GAEAgE,0CAAYT,GAAW,CAAEoB,IAAG,GAAAC,OAAKxE,EAAE,cACjC4D,EAAMM,cAAA,OAAA,CAAArF,UAAWgE,EAAGC,EAAO2B,OAAQ5E,IACjC+D,EAAAM,cAACQ,EAAO,CAAA7F,UAAWiE,EAAO6B,YAC1Bf,EAAkBM,cAAA,OAAA,CAAA,eAAA,EAAArF,UAAWiE,EAAO8B,iBACjCX,MAOP1E,EAEAqE,0CAAYT,GAAW,CAAEoB,IAAG,GAAAC,OAAKxE,EAAE,cACjC4D,EAAAM,cAAA,OAAA,CAAMrF,UAAWiE,EAAO+B,gBACrBpF,EACCmE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAM/D,EACN8D,SAAUA,GAAS9D,GACnBZ,UAAWgE,EAAEI,EACVH,CAAAA,EAAAA,EAAOxD,WAAaE,IAEvB8E,kBAAgB,IAEhB,KACH9E,GAEHoE,EAAAM,cAAA,OAAA,CAAA,cAAkB,OAAOrF,UAAWiE,EAAO8B,iBACxCX,KAOPL,EAAAM,cAAA,SAAAY,OAAAC,OAAA,CAAA,EAAY5B,GAAW,CAAEoB,IAAG,GAAAC,OAAKxE,EAAE,aAChCiE,GAGP,IAGFxF,EAAOuG,aAAe,CACpBnG,eAAWoG,EACXhG,UAAMgG,EACNvF,WAAOuF,EACPjF,QAAIiF,EACJlG,KAAM,UACNC,QAASkG,EACThG,KAAM,SACNC,MAAO,UACPC,UAAU,EACVC,UAAW,KACXC,SAAU,KACVC,SAAS,EACTC,YAAa,GACbC,YAAa,KACbG,SAAS,EACTC,qBAAiBoF,EACjBnF,QAAQ,EACRG,aAAa,EACbC,YAAY,EACZC,KAAM,SACNC,YAAa8E,EACb5E,WAAW,EACXC,UAAU,EACVC,uBAAuB,EACvBC,eAAe,EACfC,QAASwE,EACTvE,OAAQuE,EACRrE,+BAAgCsE,EAChCrE,kBAAcmE,EACd7D,eAAe,EACfL,kBAAckE,EACdjE,kBAAciE,EACd5E,eAAW4E,EACXrE,mBAAeqE,EACf3D,YAAY,GAGd,IAAe8D,EAAAA,EAAgB3G,EAAQ,CACrC4G,MAAOC,EACPC,OAAQC,EACRC,MAAOC,EACPC,MAAOC,EACPC,UAAWD"}