npm - @vibe/core - Versions diffs - 3.59.0 → 3.61.0 - Mend

@vibe/core 3.59.0 → 3.61.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 (466) hide show

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

@@ -1,2 +1,2 @@
-import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import n from"classnames";import a from"../Flex/Flex.js";import s from"../Heading/Heading.js";import m from"../Text/Text.js";import l from"./EmptyState.module.scss.js";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import u from"../Button/Button.js";import d from"../Link/Link.js";var f=r((function(r,f){var g=r.className,j=r.title,x=r.description,E=r.visual,y=r.mainAction,v=r.supportingAction,b=r.layout,N=void 0===b?"default":b,T=r.id,_=r["data-testid"],h="compact"===N;return i.createElement(a,{direction:"column",align:"center",justify:"center",gap:h?"small":"medium",className:n(l.emptyState,o(l,N),g),id:T,"data-testid":_||c(p.EMPTY_STATE,T),ref:f},!!E&&E,i.createElement(a,{direction:"column",align:"center",gap:h?12:"medium",className:l.content},i.createElement(a,{direction:"column",align:"center",gap:"xs"},j&&i.createElement(s,{type:"h3",weight:"normal",className:l.title,align:"center",ellipsis:!1},j),"string"==typeof x?i.createElement(m,{className:l.description,align:"center",ellipsis:!1},x):x),(y||v)&&i.createElement(a,{direction:"column",align:"center",gap:"small",className:l.actions},function(t,r){if("object"===e(t)&&"text"in t)return i.createElement(u,Object.assign({kind:"secondary",size:r?"small":"medium"},t),t.text);return t}(y,h),function(r,n){if("object"===e(r)){if("text"in r&&"href"in r){var a=r.text,s=t(r,["text"]);return i.createElement(d,Object.assign({text:a},s))}if("text"in r){var m=r.text,l=t(r,["text"]);return i.createElement(u,Object.assign({kind:"tertiary",size:n?"small":"medium"},l),m)}}return r}(v,h))))}));export{f as default};
+import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import n from"classnames";import s from"../Flex/Flex.js";import a from"../Heading/Heading.js";import m from"../Text/Text.js";import o from"./EmptyState.module.scss.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import u from"../Button/Button.js";import d from"../Link/Link.js";import{ComponentVibeId as f}from"../../tests/constants.js";var g=r((function(r,g){var j=r.className,x=r.title,E=r.description,y=r.visual,v=r.mainAction,b=r.supportingAction,T=r.layout,N=void 0===T?"default":T,_=r.id,h=r["data-testid"],k="compact"===N;return i.createElement(s,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:n(o.emptyState,l(o,N),j),id:_,"data-testid":h||c(p.EMPTY_STATE,_),"data-vibe":f.EMPTY_STATE,ref:g},!!y&&y,i.createElement(s,{direction:"column",align:"center",gap:k?12:"medium",className:o.content},i.createElement(s,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(a,{type:"h3",weight:"normal",className:o.title,align:"center",ellipsis:!1},x),"string"==typeof E?i.createElement(m,{className:o.description,align:"center",ellipsis:!1},E):E),(v||b)&&i.createElement(s,{direction:"column",align:"center",gap:"small",className:o.actions},function(e,r){if("object"===t(e)&&"text"in e)return i.createElement(u,Object.assign({kind:"secondary",size:r?"small":"medium"},e),e.text);return e}(v,k),function(r,n){if("object"===t(r)){if("text"in r&&"href"in r){var s=r.text,a=e(r,["text"]);return i.createElement(d,Object.assign({text:s},a))}if("text"in r){var m=r.text,o=e(r,["text"]);return i.createElement(u,Object.assign({kind:"tertiary",size:n?"small":"medium"},o),m)}}return r}(b,k))))}));export{g as default};
 //# sourceMappingURL=EmptyState.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"../Button\";\nimport { Link, type LinkProps } from \"../Link\";\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"~~kiBAWMA~~,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,~~EAAE~~,~~cACOC~~,GAAca,EAAUC,EAAuBC,YAAahB,~~GACzET~~,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,~~EAAOM~~,~~SACxFd~~,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,~~cAAAc~~,EAAQ,CAAAC,KAAK,KAAKC,OAAO,~~SAAS5B~~,UAAWmB,EAAOlB,MAAOc,MAAM,~~SAASc~~,UAAU,~~GAClF5B~~,GAImB,iBAAhBC,EACNS,EAACC,~~cAAAkB~~,EAAK,~~CAAA9B~~,UAAWmB,EAAOjB,YAAaa,MAAM,~~SAASc~~,UAAU,~~GAC3D3B~~,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,~~EAAOY~~,SAWlF,~~SAA0B3B~~,EAA2CM,GACnE,GAA0B,~~WAAtBsB~~,~~EAAO5B~~,IAA2B,SAAUA,EAC9C,OACEO,EAACC,~~cAAAqB~~,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,~~KAAM3B~~,EAAY,QAAU,UAAcN,GAChEA,~~EAAWkC~~,MAKlB,~~OAAOlC~~,CACT,~~CApBemC~~,~~CAAiBnC~~,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,~~WAA5BsB~~,~~EAAO3B~~,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,~~IAAEiC~~,~~EAAuBjC~~,~~EAAvBiC~~,KAASE,EAASC,~~EAAKpC~~,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,~~cAAC8B~~,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,~~SAAUnC~~,EAAkB,CACxB,~~IAAEiC~~,~~EAAyBjC~~,~~EAAzBiC~~,KAASK,EAAWF,~~EAAKpC~~,EAA3B,CAAwB,SAC9B,OACEM,EAACC,~~cAAAqB~~,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,~~KAAM3B~~,EAAY,QAAU,~~UAAciC~~,GAC/DL,EAGN,CACF,CAED,~~OAAOjC~~,CACT,~~CAtCeuC~~,~~CAAuBvC~~,EAAkBK,KAMtD"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"../Button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"6lBAaMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGN,CACF,CAED,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}

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

@@ -1,2 +1,2 @@
-var e={emptyState:"emptyState_21e8d918b6",compact:"compact_379a6220f7",content:"content_37bd888496",title:"title_849de3f39f",description:"description_849de3f39f",actions:"actions_ad04f3d5f5"};!function(e){const t="s_id-ec6bbd61ae58_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_21e8d918b6 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_21e8d918b6.compact_379a6220f7 {\n  padding: var(--spacing-medium);\n}\n.emptyState_21e8d918b6 .content_37bd888496 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_21e8d918b6 .content_37bd888496 .title_849de3f39f {\n  max-width: 500px;\n}\n.emptyState_21e8d918b6 .content_37bd888496 .description_849de3f39f {\n  max-width: 500px;\n}\n.emptyState_21e8d918b6 .content_37bd888496 .actions_ad04f3d5f5 {\n  width: 100%;\n}");export{e as default};
+var e={emptyState:"emptyState_fda903e347",compact:"compact_b20a73560f",content:"content_265ffc0489",title:"title_f7eb0ea418",description:"description_f7eb0ea418",actions:"actions_5fb72dd96c"};!function(e){const t="s_id-ec6bbd61ae58_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_fda903e347 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_fda903e347.compact_b20a73560f {\n  padding: var(--spacing-medium);\n}\n.emptyState_fda903e347 .content_265ffc0489 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_fda903e347 .content_265ffc0489 .title_f7eb0ea418 {\n  max-width: 500px;\n}\n.emptyState_fda903e347 .content_265ffc0489 .description_f7eb0ea418 {\n  max-width: 500px;\n}\n.emptyState_fda903e347 .content_265ffc0489 .actions_5fb72dd96c {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import c from"../Icon/Icon.js";import d from"../Text/Text.js";import{getTestId as m,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"./ExpandCollapse.module.scss.js";import u from"../../../icons/dist/react/DropdownChevronDown.js";var v=r((function(r,v){var C=r.children,h=r.headerComponentRenderer,N=void 0===h?null:h,E=r.title,g=void 0===E?"":E,x=r.className,j=r.defaultOpenState,y=void 0!==j&&j,B=r.iconSize,I=void 0===B?24:B,k=r.iconPosition,O=void 0===k?"right":k,P=r.id,S=void 0===P?"":P,T=r.open,b=r.onClick,w=void 0===b?null:b,A=r.hideBorder,D=void 0!==A&&A,_=r.headerClassName,z=r.contentClassName,L=r.componentClassName,R=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,X=a(null),q=l(v,X),F=i(y),G=e(F,2),J=G[0],K=G[1],Q=void 0===T?J:T,U=function(){K(!J)},V=s((function(){return"string"==typeof g?n.createElement(d,{type:"text1",className:t(f.headerContent)},g):g}),[g]),W=function(){return n.createElement(c,{className:t(f.iconComponent,o(o({},f.animateIconOpen,Q),f.animateIconClose,!Q)),iconType:"svg",icon:u,iconSize:I})};return n.createElement("div",{ref:q,className:x,id:S,"data-testid":R||m(p.EXPAND_COLLAPSE,S)},n.createElement("div",{className:t(f.expandCollapse,o(o({},f.hideBorder,D),f.showBorder,!D),L)},n.createElement("button",{type:"button",className:t(f.header,f.section,_,o(o(o({},f.headerOpen,Q),f.hideBorderBottom,D),f.leftIcon,"left"===O)),onClickCapture:M?w||U:void 0,onClick:M?void 0:w||U,"aria-expanded":Q,"aria-controls":"".concat(S,"-controls")},"left"===O&&W(),"string"!=typeof g||0!==g.length?V():N&&N(),"right"===O&&W()),Q&&n.createElement("div",{className:t(f.content,f.section,z,o({},f.animateExpandCollapseContent,Q)),id:"".concat(S,"-controls"),role:"region"},C)))}));export{v as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import c from"../Icon/Icon.js";import d from"../Text/Text.js";import{getTestId as m,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as u}from"../../tests/constants.js";import v from"../../../icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,j=void 0===g?"":g,x=r.className,y=r.defaultOpenState,P=void 0!==y&&y,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,S=void 0===A?"":A,b=r.open,D=r.onClick,L=void 0===D?null:D,T=r.hideBorder,_=void 0!==T&&T,w=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=l(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===b?K:b,V=function(){Q(!K)},W=s((function(){return"string"==typeof j?n.createElement(d,{type:"text1",className:t(f.headerContent)},j):j}),[j]),Y=function(){return n.createElement(c,{className:t(f.iconComponent,o(o({},f.animateIconOpen,U),f.animateIconClose,!U)),iconType:"svg",icon:v,iconSize:I})};return n.createElement("div",{ref:F,className:x,id:S,"data-testid":X||m(p.EXPAND_COLLAPSE,S),"data-vibe":u.EXPAND_COLLAPSE},n.createElement("div",{className:t(f.expandCollapse,o(o({},f.hideBorder,_),f.showBorder,!_),R)},n.createElement("button",{type:"button",className:t(f.header,f.section,w,o(o(o({},f.headerOpen,U),f.hideBorderBottom,_),f.leftIcon,"left"===k)),onClickCapture:M?L||V:void 0,onClick:M?void 0:L||V,"aria-expanded":U,"aria-controls":"".concat(S,"-controls")},"left"===k&&Y(),"string"!=typeof j||0!==j.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:t(f.content,f.section,z,o({},f.animateExpandCollapseContent,U)),id:"".concat(S,"-controls"),role:"region"},h)))}));export{C as default};
 //# sourceMappingURL=ExpandCollapse.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"~~ofAkEMA~~,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,~~uBACEzC~~,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,~~EAAE~~,~~cACOS~~,GAAckC,EAAUC,EAAuBC,gBAAiB7C,~~IAE7E2B~~,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,~~EAAOc~~,~~eAAcT~~,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,~~EAAOe~~,~~YAAc1C~~,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,~~EAAOgB~~,~~OAAQhB~~,~~EAAOiB~~,~~QAAS3C~~,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,~~EAAOkB~~,~~WAAa5B~~,GACpBU,~~EAAOmB~~,~~iBAAmB9C~~,GAC1B2B,~~EAAOoB~~,SAA4B,~~SAAjBtD~~,~~IAErBuD~~,~~eAAgB1C~~,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,~~GAAAgC~~,~~OAAGtD~~,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,~~EAAMgE~~,~~OAChC9B~~,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,~~EAAOwB~~,~~QAASxB~~,~~EAAOiB~~,~~QAAS1C~~,EAAgB8B,EAC3DL,CAAAA,EAAAA,~~EAAOyB~~,6BAA+~~BnC~~,IAEzCtB,~~GAAEsD~~,GAAAA,~~OAAKtD~~,EAAa,~~aACpB0D~~,KAAK,~~UAEJvE~~,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"+iBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_6d13d69c87",header:"header_bcbd00be70","focus-visible":"focus-visible_8b0aa4c8e5",headerContent:"headerContent_cfc3e8a363",iconComponent:"iconComponent_25ed96ff9d",content:"content_379a6220f7",section:"section_ad04f3d5f5",hideBorder:"hideBorder_a75d3e71a5",hideBorderBottom:"hideBorderBottom_38e162b876",showBorder:"showBorder_ce65aa452a",headerOpen:"headerOpen_4910ce2f46",animateIconOpen:"animateIconOpen_44c99e3661",animateIconClose:"animateIconClose_afb9ebef4c",leftIcon:"leftIcon_c3646623f2"};!function(n){const e="s_id-023f1d02802e_3_58_4";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)}(".expandCollapse_6d13d69c87 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_bcbd00be70 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_bcbd00be70:focus-visible, .header_bcbd00be70.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_bcbd00be70:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n\n.header_bcbd00be70:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_bcbd00be70:active {\n  transform: scale(1);\n}\n\n.header_bcbd00be70 .headerContent_cfc3e8a363 {\n  margin: 0;\n}\n\n.header_bcbd00be70 .iconComponent_25ed96ff9d {\n  color: var(--icon-color);\n}\n\n.content_379a6220f7 {\n  padding: var(--spacing-medium);\n}\n\n.section_ad04f3d5f5 {\n  width: 100%;\n}\n\n.hideBorder_a75d3e71a5 {\n  border: none;\n}\n\n.hideBorderBottom_38e162b876 {\n  border-bottom: none;\n}\n\n.showBorder_ce65aa452a {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_ce65aa452a .headerOpen_4910ce2f46 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_44c99e3661 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_afb9ebef4c {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_bcbd00be70.leftIcon_c3646623f2 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_534733610e",header:"header_244bd5fe48","focus-visible":"focus-visible_b00c002bd4",headerContent:"headerContent_eb065c6258",iconComponent:"iconComponent_1ae8212513",content:"content_b20a73560f",section:"section_5fb72dd96c",hideBorder:"hideBorder_da5ae58dbf",hideBorderBottom:"hideBorderBottom_3e6175e6df",showBorder:"showBorder_c987e648ff",headerOpen:"headerOpen_336c176a06",animateIconOpen:"animateIconOpen_83869deb4a",animateIconClose:"animateIconClose_da160528c6",leftIcon:"leftIcon_5e8f51e258"};!function(n){const e="s_id-023f1d02802e_3_60_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)}(".expandCollapse_534733610e {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_244bd5fe48 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_244bd5fe48:focus-visible, .header_244bd5fe48.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_244bd5fe48:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n\n.header_244bd5fe48:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_244bd5fe48:active {\n  transform: scale(1);\n}\n\n.header_244bd5fe48 .headerContent_eb065c6258 {\n  margin: 0;\n}\n\n.header_244bd5fe48 .iconComponent_1ae8212513 {\n  color: var(--icon-color);\n}\n\n.content_b20a73560f {\n  padding: var(--spacing-medium);\n}\n\n.section_5fb72dd96c {\n  width: 100%;\n}\n\n.hideBorder_da5ae58dbf {\n  border: none;\n}\n\n.hideBorderBottom_3e6175e6df {\n  border-bottom: none;\n}\n\n.showBorder_c987e648ff {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_c987e648ff .headerOpen_336c176a06 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_83869deb4a {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_da160528c6 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_244bd5fe48.leftIcon_5e8f51e258 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_f7ec97780d",labelComponentIcon:"labelComponentIcon_5ce34d3759",labelComponentText:"labelComponentText_716780f309",required:"required_1fb286685e"};!function(e){const n="s_id-12dfba012dab_3_58_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_f7ec97780d {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_5ce34d3759 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_716780f309 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_1fb286685e {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_89fc7c7395",labelComponentIcon:"labelComponentIcon_31408cd8cc",labelComponentText:"labelComponentText_035a1ead0e",required:"required_560226cebb"};!function(e){const n="s_id-12dfba012dab_3_60_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_89fc7c7395 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_31408cd8cc {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_035a1ead0e {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_560226cebb {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_e7c3e96176",justifyStart:"justifyStart_5db43a4d0b",justifyEnd:"justifyEnd_ac3b8376c3",justifyCenter:"justifyCenter_1ab570889b",justifySpaceBetween:"justifySpaceBetween_c710fe7ce2",justifySpaceAround:"justifySpaceAround_9e10c331be",justifyInital:"justifyInital_5c73bcb20c",alignStart:"alignStart_da89d2249a",alignEnd:"alignEnd_fb7e6592ee",alignCenter:"alignCenter_f2c16da223",alignStretch:"alignStretch_5c6e41fca5",alignBaseline:"alignBaseline_e692475b72",alignInitial:"alignInitial_6de598d7a4",directionColumn:"directionColumn_db622bec54",wrap:"wrap_2b447fe452"};!function(e){const n="s_id-3ad7193e0a34_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_e7c3e96176 {\n  display: flex;\n  flex-direction: row;\n}\n.container_e7c3e96176.justifyStart_5db43a4d0b {\n  justify-content: flex-start;\n}\n.container_e7c3e96176.justifyEnd_ac3b8376c3 {\n  justify-content: flex-end;\n}\n.container_e7c3e96176.justifyCenter_1ab570889b {\n  justify-content: center;\n}\n.container_e7c3e96176.justifySpaceBetween_c710fe7ce2 {\n  justify-content: space-between;\n}\n.container_e7c3e96176.justifySpaceAround_9e10c331be {\n  justify-content: space-around;\n}\n.container_e7c3e96176.justifyInital_5c73bcb20c {\n  justify-content: initial;\n}\n.container_e7c3e96176.alignStart_da89d2249a {\n  align-items: flex-start;\n}\n.container_e7c3e96176.alignEnd_fb7e6592ee {\n  align-items: flex-end;\n}\n.container_e7c3e96176.alignCenter_f2c16da223 {\n  align-items: center;\n}\n.container_e7c3e96176.alignStretch_5c6e41fca5 {\n  align-items: stretch;\n}\n.container_e7c3e96176.alignBaseline_e692475b72 {\n  align-items: baseline;\n}\n.container_e7c3e96176.alignInitial_6de598d7a4 {\n  align-items: initial;\n}\n.container_e7c3e96176.directionColumn_db622bec54 {\n  flex-direction: column;\n}\n.container_e7c3e96176.wrap_2b447fe452 {\n  flex-wrap: wrap;\n}");export{e as default};
+var n={container:"container_f0b76bb458",justifyStart:"justifyStart_ae23721d47",justifyEnd:"justifyEnd_9c585405ad",justifyCenter:"justifyCenter_c58c57c8c5",justifySpaceBetween:"justifySpaceBetween_0a68fdabdf",justifySpaceAround:"justifySpaceAround_335225c39f",justifyInital:"justifyInital_a369eec754",alignStart:"alignStart_ff37b8d5b0",alignEnd:"alignEnd_0ea22bc093",alignCenter:"alignCenter_b51b4600d2",alignStretch:"alignStretch_e705275a1d",alignBaseline:"alignBaseline_b4398cc86b",alignInitial:"alignInitial_b40e35a70d",directionColumn:"directionColumn_0addcac644",wrap:"wrap_b297f75f4b"};!function(n){const e="s_id-3ad7193e0a34_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_f0b76bb458 {\n  display: flex;\n  flex-direction: row;\n}\n.container_f0b76bb458.justifyStart_ae23721d47 {\n  justify-content: flex-start;\n}\n.container_f0b76bb458.justifyEnd_9c585405ad {\n  justify-content: flex-end;\n}\n.container_f0b76bb458.justifyCenter_c58c57c8c5 {\n  justify-content: center;\n}\n.container_f0b76bb458.justifySpaceBetween_0a68fdabdf {\n  justify-content: space-between;\n}\n.container_f0b76bb458.justifySpaceAround_335225c39f {\n  justify-content: space-around;\n}\n.container_f0b76bb458.justifyInital_a369eec754 {\n  justify-content: initial;\n}\n.container_f0b76bb458.alignStart_ff37b8d5b0 {\n  align-items: flex-start;\n}\n.container_f0b76bb458.alignEnd_0ea22bc093 {\n  align-items: flex-end;\n}\n.container_f0b76bb458.alignCenter_b51b4600d2 {\n  align-items: center;\n}\n.container_f0b76bb458.alignStretch_e705275a1d {\n  align-items: stretch;\n}\n.container_f0b76bb458.alignBaseline_b4398cc86b {\n  align-items: baseline;\n}\n.container_f0b76bb458.alignInitial_b40e35a70d {\n  align-items: initial;\n}\n.container_f0b76bb458.directionColumn_0addcac644 {\n  flex-direction: column;\n}\n.container_f0b76bb458.wrap_b297f75f4b {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_0377117fd3",prefix:"prefix_652b77169c",suffix:"suffix_652b77169c"};!function(e){const n="s_id-d821b20045aa_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_0377117fd3 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_652b77169c {\n  white-space: pre;\n}\n\n.suffix_652b77169c {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_20aaaaee7b",prefix:"prefix_8fe00eadd0",suffix:"suffix_8fe00eadd0"};!function(e){const n="s_id-d821b20045aa_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_20aaaaee7b {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_8fe00eadd0 {\n  white-space: pre;\n}\n\n.suffix_8fe00eadd0 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_e249b0e706",h1Medium:"h1Medium_9bf426a2c8",h1Normal:"h1Normal_dbd9086ba2",h1Light:"h1Light_03b579b93c",h2Bold:"h2Bold_749c4a5bd0",h2Medium:"h2Medium_078af01cc0",h2Normal:"h2Normal_e693a5fe49",h2Light:"h2Light_5d5819e6b6",h3Bold:"h3Bold_d049c7d9da",h3Medium:"h3Medium_0cad4c7507",h3Normal:"h3Normal_c63815ffc1",h3Light:"h3Light_1dd74d50d5",heading:"heading_cfc3e8a363"};!function(n){const o="s_id-7b3706ef5cf5_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_e249b0e706 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_9bf426a2c8 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_dbd9086ba2 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_03b579b93c {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_749c4a5bd0 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_078af01cc0 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_e693a5fe49 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_5d5819e6b6 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_d049c7d9da {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_0cad4c7507 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_c63815ffc1 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_1dd74d50d5 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_cfc3e8a363 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_a228d0dea9",h1Medium:"h1Medium_21511b59e8",h1Normal:"h1Normal_63f7d6ad77",h1Light:"h1Light_78b2d01c77",h2Bold:"h2Bold_1c8e208e58",h2Medium:"h2Medium_98c85c367a",h2Normal:"h2Normal_da29373a93",h2Light:"h2Light_9daeccba17",h3Bold:"h3Bold_eb3b5be316",h3Medium:"h3Medium_dd2e4a99a0",h3Normal:"h3Normal_c1a434cada",h3Light:"h3Light_a1eeb9e369",heading:"heading_eb065c6258"};!function(n){const o="s_id-7b3706ef5cf5_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_a228d0dea9 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_21511b59e8 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_63f7d6ad77 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_78b2d01c77 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_1c8e208e58 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_98c85c367a {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_da29373a93 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_9daeccba17 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_eb3b5be316 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_dd2e4a99a0 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_c1a434cada {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_a1eeb9e369 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_eb065c6258 {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_d3c9f66237"};!function(e){const t="s_id-5ac012179a41_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_d3c9f66237 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_38308b8aff"};!function(e){const t="s_id-5ac012179a41_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_38308b8aff {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_733435283b",noFocusStyle:"noFocusStyle_d5e85fa1a4",clickable:"clickable_83ee00d0a9"};!function(e){const n="s_id-039c30c54242_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_733435283b {\n  position: relative;\n}\n\n.icon_733435283b:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_d5e85fa1a4:focus {\n  outline: none;\n}\n\n.clickable_83ee00d0a9 {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_e1b0a21f0d",noFocusStyle:"noFocusStyle_9e8fa56047",clickable:"clickable_268b7a2598"};!function(e){const n="s_id-039c30c54242_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_e1b0a21f0d {\n  position: relative;\n}\n\n.icon_e1b0a21f0d:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_9e8fa56047:focus {\n  outline: none;\n}\n\n.clickable_268b7a2598 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_9820311a15",referenceWrapper:"referenceWrapper_92d8b3215e",loader:"loader_d5bd45d71a",xxs:"xxs_7ac9ca4638"};!function(e){const n="s_id-8d1605f1f87b_3_58_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_9820311a15 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_92d8b3215e {\n  display: inline-flex;\n}\n\n.referenceWrapper_92d8b3215e button .loader_d5bd45d71a {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_92d8b3215e button .loader_d5bd45d71a.xxs_7ac9ca4638 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_92d8b3215e button .loader_d5bd45d71a.xxs_7ac9ca4638 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_cbc3ed8a11",referenceWrapper:"referenceWrapper_b52c5e6196",loader:"loader_4157521fed",xxs:"xxs_c99928fa69"};!function(e){const n="s_id-8d1605f1f87b_3_60_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)}(".wrapper_cbc3ed8a11 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_b52c5e6196 {\n  display: inline-flex;\n}\n\n.referenceWrapper_b52c5e6196 button .loader_4157521fed {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_b52c5e6196 button .loader_4157521fed.xxs_c99928fa69 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_b52c5e6196 button .loader_4157521fed.xxs_c99928fa69 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_bbbf38add3",error:"error_1fb286685e",success:"success_537ed01c3d",disabled:"disabled_b3d70eb725",readOnly:"readOnly_bbbf38add3"};!function(e){const d="s_id-05a2b3ab5fae_3_58_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".infoText_bbbf38add3 {\n  color: var(--secondary-text-color);\n}\n.infoText_bbbf38add3.error_1fb286685e {\n  color: var(--negative-color);\n}\n.infoText_bbbf38add3.success_537ed01c3d {\n  color: var(--positive-color);\n}\n.infoText_bbbf38add3.disabled_b3d70eb725 {\n  color: var(--disabled-text-color);\n}\n.infoText_bbbf38add3.readOnly_bbbf38add3 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_54d9416ee6",error:"error_560226cebb",success:"success_ee05995cf0",disabled:"disabled_7ec8a6cab2",readOnly:"readOnly_54d9416ee6"};!function(e){const o="s_id-05a2b3ab5fae_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_54d9416ee6 {\n  color: var(--secondary-text-color);\n}\n.infoText_54d9416ee6.error_560226cebb {\n  color: var(--negative-color);\n}\n.infoText_54d9416ee6.success_ee05995cf0 {\n  color: var(--positive-color);\n}\n.infoText_54d9416ee6.disabled_7ec8a6cab2 {\n  color: var(--disabled-text-color);\n}\n.infoText_54d9416ee6.readOnly_54d9416ee6 {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as o}from"lodash-es";import t from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"../Text/Text.js";import b from"./Leg.js";import{LabelAllowedColor as v,LabelKind as j,mapSizesToTextSize as k}from"./LabelConstants.js";import{contentColors as C}from"../../utils/colors-vars-map.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import g from"../../hooks/useClickableProps/useClickableProps.js";import y from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import h from"./LabelCelebrationAnimation.js";var x=E(n((function(n,v){var j=n.className,E=n.labelClassName,x=n.kind,N=void 0===x?"fill":x,P=n.color,A=void 0===P?"primary":P,H=n.text,T=void 0===H?"":H,I=n.isLegIncluded,w=void 0!==I&&I,B=n.id,M=n["data-testid"],W=n.onClick,_=n.celebrationAnimation,z=n.size,D=void 0===z?"medium":z,O=m(null),R=y(v,O),S=c(_),q=e(S,2),F=q[0],G=q[1],J=!!W,K=p((function(){return t(L.label,s(L,o("kind-"+N)),s(L,o("color-"+A)),r(r(r({},L.withLeg,w),L.clickable,J),L.small,"small"===D),E)}),[N,A,w,E,J,D]),Q=p((function(){if(C.includes(A))return"line"===N?{color:"var(--color-".concat(A,")")}:{backgroundColor:"var(--color-".concat(A,")")}}),[A,N]),U=d((function(e){W&&(e.preventDefault(),W(e))}),[W]),V=g({onClick:U,id:B,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},O);u((function(){G(_)}),[_]);var X=p((function(){return i.createElement("span",Object.assign({},J&&V,{className:t(r({},L.clickableWrapper,J),j),"data-testid":M||a(l.LABEL,B),ref:R}),i.createElement(f,{style:Q,element:"span",type:k[D],className:K,color:"onInverted","data-celebration-text":F},i.createElement(f,{element:"span",type:k[D],color:"inherit",className:t(r({},L.smallText,"small"===D))},T),i.createElement("span",{className:t(L.legWrapper)},w?i.createElement(b,null):null)))}),[J,V,j,M,B,R,K,F,T,w,D,Q]);return F&&"line"===N?i.createElement(h,{onAnimationEnd:function(){return G(!1)}},X):X})),{colors:v,kinds:j});export{x as default};
+import{slicedToArray as e,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t}from"lodash-es";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"../Text/Text.js";import b from"./Leg.js";import{LabelAllowedColor as v,LabelKind as j,mapSizesToTextSize as k}from"./LabelConstants.js";import{contentColors as E}from"../../utils/colors-vars-map.js";import{withStaticProps as L}from"../../types/withStaticProps.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import g from"../../hooks/useMergeRef.js";import y from"./Label.module.scss.js";import h from"./LabelCelebrationAnimation.js";import{ComponentVibeId as x}from"../../tests/constants.js";var A=L(n((function(n,v){var j=n.className,L=n.labelClassName,A=n.kind,N=void 0===A?"fill":A,P=n.color,H=void 0===P?"primary":P,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,w=void 0!==I&&I,M=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=g(v,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(y.label,l(y,t("kind-"+N)),l(y,t("color-"+H)),r(r(r({},y.withLeg,w),y.clickable,K),y.small,"small"===O),L)}),[N,H,w,L,K,O]),U=p((function(){if(E.includes(H))return"line"===N?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,N]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=C({onClick:V,id:M,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(r({},y.clickableWrapper,K),j),"data-testid":W||a(s.LABEL,M),"data-vibe":x.LABEL,ref:S}),i.createElement(f,{style:U,element:"span",type:k[O],className:Q,color:"onInverted","data-celebration-text":G},i.createElement(f,{element:"span",type:k[O],color:"inherit",className:o(r({},y.smallText,"small"===O))},B),i.createElement("span",{className:o(y.legWrapper)},w?i.createElement(b,null):null)))}),[K,X,j,W,M,S,Q,G,B,w,O,U]);return G&&"line"===N?i.createElement(h,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:v,kinds:j});export{A as default};
 //# sourceMappingURL=Label.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"onInverted\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"~~23BAoDA~~,~~IAsIeA~~,EAAAA,~~EAtIDC~~,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,~~EAAe~~,~~CACnC~~/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,~~GACnEX~~,IAAKmB,IAELmC,EAACC,~~cAAAO~~,EACC,CAAAC,~~MAAOxB~~,~~EACPyB~~,QAAQ,OACRC,KAAMC,~~EAAmBlD~~,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,~~cAACO~~,EAAI,CACHE,QAAQ,OACRC,KAAMC,~~EAAmBlD~~,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,~~EAAOoC~~,UAAqB,~~UAATnD~~,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,~~EAAOqC~~,~~aAAc1D~~,EAAgB4C,EAACC,~~cAAAc~~,EAAM,MAAG,OAI1E,GAAE,~~CACD1C~~,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,~~cAAAe~~,EAA0B,CAAAC,eAAgB,WAAA,~~OAAM7C~~,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,~~CAClEwC~~,OAAQC,EACRC,MAAOC"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"onInverted\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"s7BAqDA,IAuIeA,EAAAA,EAvIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAACC,cAAAQ,EACC,CAAAC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI1E,GAAE,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_83ee00d0a9","focus-visible":"focus-visible_8b0aa4c8e5",disabled:"disabled_49e09db850",disableTextSelection:"disableTextSelection_e14c77a59a",clickableWrapper:"clickableWrapper_83ee00d0a9",label:"label_b1475dc72e",small:"small_749a1ee69a",withLeg:"withLeg_28c940bab6",legWrapper:"legWrapper_69c5f1b3d2",kindFill:"kindFill_f1f706a7df",colorPrimary:"colorPrimary_909babe047",colorDark:"colorDark_fc516c6731",colorNegative:"colorNegative_cde5b2f9a6",colorPositive:"colorPositive_f11a8b5a38",kindLine:"kindLine_8050268a02",smallText:"smallText_5c6e86afbc"};!function(e){const a="s_id-4bcc4b0ff746_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_83ee00d0a9 {\n  cursor: pointer;\n}\n.clickable_83ee00d0a9:focus-visible, .clickable_83ee00d0a9.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_83ee00d0a9:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.clickable_83ee00d0a9.disabled_49e09db850 {\n  cursor: default;\n}\n.disableTextSelection_e14c77a59a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_83ee00d0a9 {\n  cursor: pointer;\n}\n.clickableWrapper_83ee00d0a9:focus-visible, .clickableWrapper_83ee00d0a9.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_83ee00d0a9:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.clickableWrapper_83ee00d0a9:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_b1475dc72e {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_b1475dc72e.small_749a1ee69a {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_28c940bab6 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_69c5f1b3d2 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_f1f706a7df.colorPrimary_909babe047 {\n  background-color: var(--primary-color);\n}\n.kindFill_f1f706a7df.colorPrimary_909babe047 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_f1f706a7df.colorPrimary_909babe047.clickable_83ee00d0a9:hover, .kindFill_f1f706a7df.colorPrimary_909babe047.clickable_83ee00d0a9:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_f1f706a7df.colorDark_fc516c6731 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f1f706a7df.colorDark_fc516c6731 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_f1f706a7df.colorNegative_cde5b2f9a6 {\n  background-color: var(--negative-color);\n}\n.kindFill_f1f706a7df.colorNegative_cde5b2f9a6 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_f1f706a7df.colorNegative_cde5b2f9a6.clickable_83ee00d0a9:hover, .kindFill_f1f706a7df.colorNegative_cde5b2f9a6.clickable_83ee00d0a9:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_f1f706a7df.colorPositive_f11a8b5a38 {\n  background-color: var(--positive-color);\n}\n.kindFill_f1f706a7df.colorPositive_f11a8b5a38 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_f1f706a7df.colorPositive_f11a8b5a38.clickable_83ee00d0a9:hover, .kindFill_f1f706a7df.colorPositive_f11a8b5a38.clickable_83ee00d0a9:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_8050268a02 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_8050268a02 .legWrapper_69c5f1b3d2 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_8050268a02.colorPrimary_909babe047 {\n  color: var(--primary-color);\n}\n.kindLine_8050268a02.colorPrimary_909babe047 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_8050268a02.colorPrimary_909babe047.clickable_83ee00d0a9:hover, .kindLine_8050268a02.colorPrimary_909babe047.clickable_83ee00d0a9:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_8050268a02.colorDark_fc516c6731 {\n  color: var(--inverted-color-background);\n}\n.kindLine_8050268a02.colorDark_fc516c6731 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_8050268a02.colorDark_fc516c6731.clickable_83ee00d0a9:hover, .kindLine_8050268a02.colorDark_fc516c6731.clickable_83ee00d0a9:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_8050268a02.colorNegative_cde5b2f9a6 {\n  color: var(--negative-color);\n}\n.kindLine_8050268a02.colorNegative_cde5b2f9a6 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_8050268a02.colorNegative_cde5b2f9a6.clickable_83ee00d0a9:hover, .kindLine_8050268a02.colorNegative_cde5b2f9a6.clickable_83ee00d0a9:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_8050268a02.colorPositive_f11a8b5a38 {\n  color: var(--positive-color);\n}\n.kindLine_8050268a02.colorPositive_f11a8b5a38 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_8050268a02.colorPositive_f11a8b5a38.clickable_83ee00d0a9:hover, .kindLine_8050268a02.colorPositive_f11a8b5a38.clickable_83ee00d0a9:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_8050268a02 .smallText_5c6e86afbc {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_268b7a2598","focus-visible":"focus-visible_b00c002bd4",disabled:"disabled_bfa0c0a36d",disableTextSelection:"disableTextSelection_720e0a0077",clickableWrapper:"clickableWrapper_268b7a2598",label:"label_9e5431549f",small:"small_a228437f7d",withLeg:"withLeg_561fe6c261",legWrapper:"legWrapper_d809f4ca78",kindFill:"kindFill_de0b62c2d4",colorPrimary:"colorPrimary_42424ade6c",colorDark:"colorDark_296a313572",colorNegative:"colorNegative_f47c379907",colorPositive:"colorPositive_aa4e5cd00f",kindLine:"kindLine_3b10ad8202",smallText:"smallText_e0f7f3378a"};!function(e){const a="s_id-4bcc4b0ff746_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_268b7a2598 {\n  cursor: pointer;\n}\n.clickable_268b7a2598:focus-visible, .clickable_268b7a2598.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_268b7a2598:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.clickable_268b7a2598.disabled_bfa0c0a36d {\n  cursor: default;\n}\n.disableTextSelection_720e0a0077 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_268b7a2598 {\n  cursor: pointer;\n}\n.clickableWrapper_268b7a2598:focus-visible, .clickableWrapper_268b7a2598.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_268b7a2598:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.clickableWrapper_268b7a2598:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_9e5431549f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_9e5431549f.small_a228437f7d {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_561fe6c261 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_d809f4ca78 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_de0b62c2d4.colorPrimary_42424ade6c {\n  background-color: var(--primary-color);\n}\n.kindFill_de0b62c2d4.colorPrimary_42424ade6c svg path {\n  fill: var(--primary-color);\n}\n.kindFill_de0b62c2d4.colorPrimary_42424ade6c.clickable_268b7a2598:hover, .kindFill_de0b62c2d4.colorPrimary_42424ade6c.clickable_268b7a2598:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_de0b62c2d4.colorDark_296a313572 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_de0b62c2d4.colorDark_296a313572 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_de0b62c2d4.colorNegative_f47c379907 {\n  background-color: var(--negative-color);\n}\n.kindFill_de0b62c2d4.colorNegative_f47c379907 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_de0b62c2d4.colorNegative_f47c379907.clickable_268b7a2598:hover, .kindFill_de0b62c2d4.colorNegative_f47c379907.clickable_268b7a2598:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_de0b62c2d4.colorPositive_aa4e5cd00f {\n  background-color: var(--positive-color);\n}\n.kindFill_de0b62c2d4.colorPositive_aa4e5cd00f svg path {\n  fill: var(--positive-color);\n}\n.kindFill_de0b62c2d4.colorPositive_aa4e5cd00f.clickable_268b7a2598:hover, .kindFill_de0b62c2d4.colorPositive_aa4e5cd00f.clickable_268b7a2598:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_3b10ad8202 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_3b10ad8202 .legWrapper_d809f4ca78 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_3b10ad8202.colorPrimary_42424ade6c {\n  color: var(--primary-color);\n}\n.kindLine_3b10ad8202.colorPrimary_42424ade6c svg path {\n  fill: var(--primary-color);\n}\n.kindLine_3b10ad8202.colorPrimary_42424ade6c.clickable_268b7a2598:hover, .kindLine_3b10ad8202.colorPrimary_42424ade6c.clickable_268b7a2598:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b10ad8202.colorDark_296a313572 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3b10ad8202.colorDark_296a313572 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_3b10ad8202.colorDark_296a313572.clickable_268b7a2598:hover, .kindLine_3b10ad8202.colorDark_296a313572.clickable_268b7a2598:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b10ad8202.colorNegative_f47c379907 {\n  color: var(--negative-color);\n}\n.kindLine_3b10ad8202.colorNegative_f47c379907 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_3b10ad8202.colorNegative_f47c379907.clickable_268b7a2598:hover, .kindLine_3b10ad8202.colorNegative_f47c379907.clickable_268b7a2598:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_3b10ad8202.colorPositive_aa4e5cd00f {\n  color: var(--positive-color);\n}\n.kindLine_3b10ad8202.colorPositive_aa4e5cd00f svg path {\n  fill: var(--positive-color);\n}\n.kindLine_3b10ad8202.colorPositive_aa4e5cd00f.clickable_268b7a2598:hover, .kindLine_3b10ad8202.colorPositive_aa4e5cd00f.clickable_268b7a2598:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_3b10ad8202 .smallText_e0f7f3378a {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_79241c7a17",svg:"svg_aa4dfe6097",stroke:"stroke_83952dfe1b","stroke-rotate":"stroke-rotate_c8223d3c6f",base:"base_ca6463bdb9",fade:"fade_9480b5f6eb",first:"first_82dc25b093",second:"second_b230c88067",third:"third_a6338a2c85","gradient-text-fill":"gradient-text-fill_599241dc8b"};!function(e){const n="s_id-cc5df975abc6_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_79241c7a17 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 .stroke_83952dfe1b {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_c8223d3c6f cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 .stroke_83952dfe1b.base_ca6463bdb9 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_9480b5f6eb 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 .stroke_83952dfe1b.first_82dc25b093 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 .stroke_83952dfe1b.second_b230c88067 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_79241c7a17 .svg_aa4dfe6097 .stroke_83952dfe1b.third_a6338a2c85 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_79241c7a17.celebration_79241c7a17 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_599241dc8b 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_9480b5f6eb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_c8223d3c6f {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_599241dc8b {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_78fda01e42",svg:"svg_73986f63ab",stroke:"stroke_a31caa1fff","stroke-rotate":"stroke-rotate_54be53d59e",base:"base_d5e9c204fa",fade:"fade_ad1ad07120",first:"first_01457e01bb",second:"second_9ece2b81f0",third:"third_c4731c99cb","gradient-text-fill":"gradient-text-fill_aae48ab02e"};!function(e){const a="s_id-cc5df975abc6_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".celebration_78fda01e42 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_78fda01e42 .svg_73986f63ab {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_78fda01e42 .svg_73986f63ab .stroke_a31caa1fff {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_54be53d59e cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_78fda01e42 .svg_73986f63ab .stroke_a31caa1fff.base_d5e9c204fa {\n  stroke: var(--color-egg_yolk);\n  animation: fade_ad1ad07120 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_78fda01e42 .svg_73986f63ab .stroke_a31caa1fff.first_01457e01bb {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_78fda01e42 .svg_73986f63ab .stroke_a31caa1fff.second_9ece2b81f0 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_78fda01e42 .svg_73986f63ab .stroke_a31caa1fff.third_c4731c99cb {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_78fda01e42.celebration_78fda01e42 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_aae48ab02e 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_ad1ad07120 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_54be53d59e {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_aae48ab02e {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_fdbd1182dd",overlay:"overlay_2aa5133918","overlay-fade-out":"overlay-fade-out_ebc1e1ceb6","overlay-fade-in":"overlay-fade-in_9480b5f6eb",dialog:"dialog_f49b2cbf31",default:"default_151e7dc954",full:"full_1891264cc4",spacing:"spacing_7d5b42398c"};!function(n){const e="s_id-fe267e23c74c_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_fdbd1182dd,\n.overlay_2aa5133918 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_fdbd1182dd {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_fdbd1182dd[aria-hidden=true] {\n  display: none;\n}\n\n.container_fdbd1182dd[aria-hidden=true] .overlay_2aa5133918 {\n  background-color: transparent;\n  animation: overlay-fade-out_ebc1e1ceb6 70ms var(--motion-timing-enter);\n}\n\n.overlay_2aa5133918 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_9480b5f6eb 70ms var(--motion-timing-enter);\n}\n\n.dialog_f49b2cbf31 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_f49b2cbf31.default_151e7dc954 {\n  width: 520px;\n}\n\n.dialog_f49b2cbf31.full_1891264cc4 {\n  width: 100vw;\n}\n\n.dialog_f49b2cbf31.spacing_7d5b42398c {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_9480b5f6eb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_ebc1e1ceb6 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_9d20f2f545",overlay:"overlay_cb21524c8a","overlay-fade-out":"overlay-fade-out_9462906a31","overlay-fade-in":"overlay-fade-in_ad1ad07120",dialog:"dialog_1d6d6e5856",default:"default_73ec4102ab",full:"full_4f874d5aa9",spacing:"spacing_c2b995b31a"};!function(n){const a="s_id-fe267e23c74c_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_9d20f2f545,\n.overlay_cb21524c8a {\n  position: fixed;\n  inset: 0;\n}\n\n.container_9d20f2f545 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_9d20f2f545[aria-hidden=true] {\n  display: none;\n}\n\n.container_9d20f2f545[aria-hidden=true] .overlay_cb21524c8a {\n  background-color: transparent;\n  animation: overlay-fade-out_9462906a31 70ms var(--motion-timing-enter);\n}\n\n.overlay_cb21524c8a {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_ad1ad07120 70ms var(--motion-timing-enter);\n}\n\n.dialog_1d6d6e5856 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_1d6d6e5856.default_73ec4102ab {\n  width: 520px;\n}\n\n.dialog_1d6d6e5856.full_4f874d5aa9 {\n  width: 100vw;\n}\n\n.dialog_1d6d6e5856.spacing_c2b995b31a {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_ad1ad07120 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_9462906a31 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_633cbbdd24"};!function(e){const n="s_id-40a1f8a37338_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_633cbbdd24 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_633cbbdd24::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_633cbbdd24::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_ef522ef59b"};!function(e){const n="s_id-40a1f8a37338_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_ef522ef59b {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_ef522ef59b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_ef522ef59b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_7881ddbc00"};!function(e){const t="s_id-9ff7e713f88b_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_7881ddbc00 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_c368ad0787"};!function(e){const t="s_id-9ff7e713f88b_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_c368ad0787 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_e3f1b2a0c4",icon:"icon_59df3495af",description:"description_8755424943",closeButton:"closeButton_43827cbbd4"};!function(e){const n="s_id-f34f7b91e8f3_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_e3f1b2a0c4 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_e3f1b2a0c4 .icon_59df3495af {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_e3f1b2a0c4 .description_8755424943 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_e3f1b2a0c4 .closeButton_43827cbbd4 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_cb31429fe3",icon:"icon_77e02103ff",description:"description_73b0e18d4b",closeButton:"closeButton_f1e0fd6251"};!function(e){const n="s_id-f34f7b91e8f3_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_cb31429fe3 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_cb31429fe3 .icon_77e02103ff {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_cb31429fe3 .description_73b0e18d4b {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_cb31429fe3 .closeButton_f1e0fd6251 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useCallback as a}from"react";import{NOOP as n}from"../../utils/function-utils.js";import l from"../Icon/Icon.js";import{IconPosition as m,LinkTarget as d}from"./LinkConsts.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./Link.module.scss.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as v}from"lodash-es";function u(i,t,e){if(i)return r.createElement(l,{className:e,icon:t,iconType:"font"})}var b=c(s((function(s,l){var m=s.className,d=s.textClassName,c=s.href,b=void 0===c?"":c,j=s.text,y=void 0===j?"":j,h=s.rel,N=void 0===h?"noreferrer":h,k=s.onClick,x=void 0===k?n:k,g=s.target,C=void 0===g?"_blank":g,L=s.ariaLabelDescription,P=void 0===L?"":L,E=s.color,I=void 0===E?"primary":E,S=s.ariaDescribedby,D=void 0===S?"":S,T=s.icon,_=void 0===T?"":T,z=s.iconPosition,B=s.id,F=void 0===B?"":B,H=s.ariaLabeledBy,w=void 0===H?"":H,K=s.disableNavigation,M=void 0!==K&&K,q=s.inheritFontSize,A=void 0!==q&&q,G=s.inlineText,J=void 0!==G&&G,O=s["data-testid"],Q="start"===(void 0===z?"start":z),R=a((function(i){M&&i.preventDefault(),x&&x(i)}),[M,x]);return r.createElement("a",{"data-testid":O||t(e.LINK,F),id:F,href:b,rel:N,ref:l,onClick:R,target:C,className:o(p.link,m,f(p,v("color-"+I)),i(i({},p.inheritFontSize,A),p.inlineText,J)),"aria-label":P,"aria-describedby":D,"aria-labelledby":w},u(Q,_,o(p.iconStart)),r.createElement("span",{className:o(p.text,d)},y),u(!Q,_,o(p.iconEnd)))})),{position:m,iconPositions:m,targets:d});export{b as default};
+import{defineProperty as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useCallback as a}from"react";import{NOOP as n}from"../../utils/function-utils.js";import l from"../Icon/Icon.js";import{IconPosition as m,LinkTarget as d}from"./LinkConsts.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./Link.module.scss.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as v}from"lodash-es";import{ComponentVibeId as u}from"../../tests/constants.js";function b(i,t,e){if(i)return r.createElement(l,{className:e,icon:t,iconType:"font"})}var y=c(s((function(s,l){var m=s.className,d=s.textClassName,c=s.href,y=void 0===c?"":c,j=s.text,N=void 0===j?"":j,h=s.rel,k=void 0===h?"noreferrer":h,x=s.onClick,L=void 0===x?n:x,g=s.target,C=void 0===g?"_blank":g,I=s.ariaLabelDescription,P=void 0===I?"":I,E=s.color,S=void 0===E?"primary":E,D=s.ariaDescribedby,T=void 0===D?"":D,_=s.icon,z=void 0===_?"":_,B=s.iconPosition,F=s.id,H=void 0===F?"":F,K=s.ariaLabeledBy,w=void 0===K?"":K,M=s.disableNavigation,q=void 0!==M&&M,A=s.inheritFontSize,G=void 0!==A&&A,J=s.inlineText,O=void 0!==J&&J,Q=s.style,R=s["data-testid"],U="start"===(void 0===B?"start":B),V=a((function(i){q&&i.preventDefault(),L&&L(i)}),[q,L]);return r.createElement("a",{"data-testid":R||t(e.LINK,H),"data-vibe":u.LINK,id:H,href:y,rel:k,ref:l,onClick:V,target:C,style:Q,className:o(p.link,m,f(p,v("color-"+S)),i(i({},p.inheritFontSize,G),p.inlineText,O)),"aria-label":P,"aria-describedby":T,"aria-labelledby":w},b(U,z,o(p.iconStart)),r.createElement("span",{className:o(p.text,d)},N),b(!U,z,o(p.iconEnd)))})),{position:m,iconPositions:m,targets:d});export{y as default};
 //# sourceMappingURL=Link.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style */\n color?: LinkColor;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n targets: typeof LinkTargetEnum;\n iconPositions: typeof IconPositionEnum;\n position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n position: IconPositionEnum,\n iconPositions: IconPositionEnum,\n targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"~~4nBAsIA~~,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,~~EAxEFC~~,GACX,SAAAC,~~EAqBEC~~,GACE,~~IApBAR~~,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,~~EACHE~~,~~EAAUjC~~,EAAzB,~~eAIIkC~~,EAA2B,~~gBAVhB~~,~~IAAHb~~,EAAG,QAAOA,~~GAYlBc~~,EAAiBC,GACrB,SAACC,~~GACKT~~,~~GACFS~~,EAAEC,~~iBAEJ5B~~,GAAWA,~~EAAQ2B~~,EACrB,GACA,~~CAACT~~,EAAmBlB,IAGtB,OACEhB,~~EACeC~~,cAAA,IAAA,CAAA,~~cAAAsC~~,GAAcM,EAAUC,EAAuBC,~~KAAMjB~~,~~GAClEA~~,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,~~QAASyB~~,~~EACTtB~~,OAAQA,~~EACRpB~~,~~UAAWiD~~,EAAGC,EAAOC,~~KAAMnD~~,~~EAAWoD~~,EAASF,EAAQG,EAAU,~~SAAW7B~~,~~IAAO8B~~,EAAAA,EAAA,CAAA,EAChFJ,~~EAAOb~~,gBAAkBA,~~GACzBa~~,~~EAAOX~~,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,~~EAAQ4C~~,~~EAAS1C~~,~~EAAMkD~~,EAAGC,EAAOK,~~YAClCtD~~,EAAAC,cAAA,OAAA,CAAMF,~~UAAWiD~~,EAAGC,~~EAAOrC~~,KAAMJ,IAAiBI,GACjDhB,~~GAAS4C~~,~~EAAS1C~~,~~EAAMkD~~,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style /\n color?: LinkColor;\n /\n Inline style object applied to the link element.\n */\n style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n style,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n data-vibe={ComponentVibeId.LINK}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n style={style}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n targets: typeof LinkTargetEnum;\n iconPositions: typeof IconPositionEnum;\n position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n position: IconPositionEnum,\n iconPositions: IconPositionEnum,\n targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"urBA8IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EA3EFC,GACX,SAAAC,EAsBEC,GACE,IArBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAIImC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ7B,GAAWA,EAAQ4B,EACrB,GACA,CAACV,EAAmBlB,IAGtB,OACEhB,EAAAC,cAAA,IAAA,CAAA,cACeuC,GAAcM,EAAUC,EAAuBC,KAAMlB,eACvDmB,EAAgBD,KAC3BlB,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAAS0B,EACTvB,OAAQA,EACRoB,MAAOA,EACPxC,UAAWmD,EAAGC,EAAOC,KAAMrD,EAAWsD,EAASF,EAAQG,EAAU,SAAW/B,IAAOgC,EAAAA,EAAA,CAAA,EAChFJ,EAAOf,gBAAkBA,GACzBe,EAAOb,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ6C,EAAS3C,EAAMoD,EAAGC,EAAOK,YAClCxD,EAAAC,cAAA,OAAA,CAAMF,UAAWmD,EAAGC,EAAOvC,KAAMJ,IAAiBI,GACjDhB,GAAS6C,EAAS3C,EAAMoD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={link:"link_8ad8c7d105","focus-visible":"focus-visible_8b0aa4c8e5",colorOnPrimary:"colorOnPrimary_720ef6b368",colorOnInverted:"colorOnInverted_ecb73f9378",text:"text_8c13e5bbf0",inlineText:"inlineText_d8d01bb5cd",inheritFontSize:"inheritFontSize_90ebb19323",iconStart:"iconStart_7c8da14cb1",iconEnd:"iconEnd_455e14eb37"};!function(n){const e="s_id-6fcc93dacbaa_3_58_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_8ad8c7d105 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_8ad8c7d105:focus-visible, .link_8ad8c7d105.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_8ad8c7d105:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.link_8ad8c7d105.colorOnPrimary_720ef6b368 {\n  color: var(--text-color-on-primary);\n}\n.link_8ad8c7d105.colorOnInverted_ecb73f9378 {\n  color: var(--text-color-on-inverted);\n}\n.link_8ad8c7d105:hover .text_8c13e5bbf0 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_8ad8c7d105.inlineText_d8d01bb5cd {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_8ad8c7d105.inheritFontSize_90ebb19323 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_7c8da14cb1 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_455e14eb37 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_7c8da14cb1 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_455e14eb37 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_6905b2c7cf","focus-visible":"focus-visible_b00c002bd4",colorOnPrimary:"colorOnPrimary_33b1d678aa",colorOnInverted:"colorOnInverted_8661527a1a",text:"text_e933b5fe8d",inlineText:"inlineText_6260d0e17e",inheritFontSize:"inheritFontSize_1773b1d292",iconStart:"iconStart_a8fccb77f7",iconEnd:"iconEnd_fec28cbf24"};!function(n){const i="s_id-6fcc93dacbaa_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_6905b2c7cf {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_6905b2c7cf:focus-visible, .link_6905b2c7cf.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_6905b2c7cf:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.link_6905b2c7cf.colorOnPrimary_33b1d678aa {\n  color: var(--text-color-on-primary);\n}\n.link_6905b2c7cf.colorOnInverted_8661527a1a {\n  color: var(--text-color-on-inverted);\n}\n.link_6905b2c7cf:hover .text_e933b5fe8d {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_6905b2c7cf.inlineText_6260d0e17e {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_6905b2c7cf.inheritFontSize_1773b1d292 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_a8fccb77f7 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_fec28cbf24 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_a8fccb77f7 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_fec28cbf24 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_c3bb394a22"};!function(e){const t="s_id-ed9bf484fec4_3_58_4";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)}("/* stylelint-disable selector-class-pattern */\n.list_c3bb394a22 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_c3bb394a22::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_c3bb394a22::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_61de3e47ab"};!function(e){const t="s_id-ed9bf484fec4_3_60_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)}("/* stylelint-disable selector-class-pattern */\n.list_61de3e47ab {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_61de3e47ab::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_61de3e47ab::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_f4e5351948"};!function(e){const n="s_id-6ed55dee5450_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_f4e5351948 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_f4e5351948::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_f4e5351948::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_e098322012"};!function(e){const n="s_id-6ed55dee5450_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_e098322012 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_e098322012::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_e098322012::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_ac45ebd4e9","focus-visible":"focus-visible_1281ed109c",disabled:"disabled_fc523ef26d",selected:"selected_5a2a474b14",small:"small_e3af30d135",medium:"medium_dcdd78c397",large:"large_c195d57cfa"};!function(e){const n="s_id-8402a299d384_3_58_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.listItem_ac45ebd4e9 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_ac45ebd4e9:focus-visible, .listItem_ac45ebd4e9.focus-visible_1281ed109c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_ac45ebd4e9:focus:not(.focus-visible_1281ed109c) {\n  outline: none;\n}\n.listItem_ac45ebd4e9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_fc523ef26d {\n  cursor: not-allowed;\n}\n.disabled_fc523ef26d:hover {\n  background-color: transparent;\n}\n.selected_5a2a474b14 {\n  background-color: var(--primary-selected-color);\n}\n.selected_5a2a474b14:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_e3af30d135 {\n  height: 32px;\n}\n.medium_dcdd78c397 {\n  height: 40px;\n}\n.large_c195d57cfa {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_37eb27f4b3","focus-visible":"focus-visible_86c4a05bb2",disabled:"disabled_79ee383eb2",selected:"selected_5ae6ff6b06",small:"small_9d9583fad2",medium:"medium_3bccfea961",large:"large_881e065a1d"};!function(e){const n="s_id-8402a299d384_3_60_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.listItem_37eb27f4b3 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_37eb27f4b3:focus-visible, .listItem_37eb27f4b3.focus-visible_86c4a05bb2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_37eb27f4b3:focus:not(.focus-visible_86c4a05bb2) {\n  outline: none;\n}\n.listItem_37eb27f4b3:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_79ee383eb2 {\n  cursor: not-allowed;\n}\n.disabled_79ee383eb2:hover {\n  background-color: transparent;\n}\n.selected_5ae6ff6b06 {\n  background-color: var(--primary-selected-color);\n}\n.selected_5ae6ff6b06:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_9d9583fad2 {\n  height: 32px;\n}\n.medium_3bccfea961 {\n  height: 40px;\n}\n.large_881e065a1d {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_b66f2c39eb",avatar:"avatar_9b378e7928"};!function(e){const t="s_id-64054545c9e6_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_b66f2c39eb {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_9b378e7928 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_28c069a0df",avatar:"avatar_474f3e8a33"};!function(e){const t="s_id-64054545c9e6_3_60_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_28c069a0df {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_474f3e8a33 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_b66f2c39eb",start:"start_6afd3d84ed",end:"end_72cc93bfc6"};!function(e){const t="s_id-0831d1bc0202_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_b66f2c39eb {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_6afd3d84ed {\n  margin-right: var(--spacing-small);\n}\n\n.end_72cc93bfc6 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_28c069a0df",start:"start_f154bac2bd",end:"end_8ad3f92d80"};!function(e){const t="s_id-0831d1bc0202_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_28c069a0df {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_f154bac2bd {\n  margin-right: var(--spacing-small);\n}\n\n.end_8ad3f92d80 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map