npm - @vibe/core - Versions diffs - 3.0.0-alpha.1 → 3.0.0-alpha.11 - Mend

@vibe/core 3.0.0-alpha.1 → 3.0.0-alpha.11

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

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_c29bb10225",input:"input_3f719e742b",typography:"typography_6fcacc1212",disabled:"disabled_4d927ece52",hidden:"hidden_5844f9ac10",placeholder:"placeholder_a1f40663d8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-77c45383a678_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".editableTypography_c29bb10225 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_c29bb10225 .input_3f719e742b {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_c29bb10225 .input_3f719e742b:focus, .editableTypography_c29bb10225 .input_3f719e742b:active {\n  outline: none;\n}\n.editableTypography_c29bb10225 .typography_6fcacc1212 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_c29bb10225 .typography_6fcacc1212:hover:not(.disabled_4d927ece52) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_c29bb10225 .typography_6fcacc1212.hidden_5844f9ac10 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_c29bb10225 .typography_6fcacc1212.placeholder_a1f40663d8 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={editableTypography:"editableTypography_34d801903c",input:"input_161afd236c",typography:"typography_dadba4731b",disabled:"disabled_e65f6f91e7",hidden:"hidden_0ca57e0d93",placeholder:"placeholder_81db564cfe"};!function(e){const d="s_id-77c45383a678_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".editableTypography_34d801903c {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_34d801903c .input_161afd236c {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_34d801903c .input_161afd236c:focus, .editableTypography_34d801903c .input_161afd236c:active {\n  outline: none;\n}\n.editableTypography_34d801903c .typography_dadba4731b {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_34d801903c .typography_dadba4731b:hover:not(.disabled_e65f6f91e7) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_34d801903c .typography_dadba4731b.hidden_0ca57e0d93 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_34d801903c .typography_dadba4731b.placeholder_81db564cfe {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.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 a,useRef as r,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 m from"../Icon/Icons/components/DropdownChevronDown.js";import{getTestId as p,ComponentDefaultTestId as f}from"../../tests/testIds.js";import u from"./ExpandCollapse.module.scss.js";var v=a((function(a,v){var C=a.children,h=a.headerComponentRenderer,N=void 0===h?null:h,E=a.title,x=void 0===E?"":E,g=a.className,j=a.defaultOpenState,y=void 0!==j&&j,I=a.iconSize,B=void 0===I?24:I,k=a.id,O=void 0===k?"":k,P=a.open,S=a.onClick,T=void 0===S?null:S,b=a.hideBorder,w=void 0!==b&&b,A=a.headerClassName,D=a.contentClassName,_=a.componentClassName,z=a["data-testid"],L=a.captureOnClick,R=void 0===L||L,H=r(null),M=l(v,H),X=i(y),q=e(X,2),F=q[0],G=q[1],J=void 0===P?F:P,K=function(){G(!F)},Q=s((function(){return"string"==typeof x?n.createElement(d,{type:"text1",className:t(u.headerContent)},x):x}),[x]);return n.createElement("div",{ref:M,className:g,id:O,"data-testid":z||p(f.EXPAND_COLLAPSE,O)},n.createElement("div",{className:t(u.expandCollapse,o(o({},u.hideBorder,w),u.showBorder,!w),_)},n.createElement("button",{type:"button",className:t(u.header,u.section,A,o(o({},u.headerOpen,J),u.hideBorderBottom,w)),onClickCapture:R?T||K:void 0,onClick:R?void 0:T||K,"aria-expanded":J,"aria-controls":"".concat(O,"-controls")},"string"!=typeof x||0!==x.length?Q():N&&N(),n.createElement(c,{className:t(u.iconComponent,o(o({},u.animateIconOpen,J),u.animateIconClose,!J)),iconType:"svg",icon:m,iconSize:B})),J&&n.createElement("div",{className:t(u.content,u.section,D,o({},u.animateExpandCollapseContent,J)),id:"".concat(O,"-controls"),role:"region"},C)))}));export{v as default};
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import i,{forwardRef as r,useRef as s,useState as n,useCallback as a}from"react";import c from"../../hooks/useMergeRef.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import l from"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getTestId as p,ComponentDefaultTestId as v}from"../../tests/testIds.js";import j from"./ExpandCollapse.module.scss.js";var C=r((function(r,C){var f=r.children,h=r.headerComponentRenderer,u=void 0===h?null:h,g=r.title,N=void 0===g?"":g,E=r.className,S=r.defaultOpenState,x=void 0!==S&&S,A=r.iconSize,w=void 0===A?24:A,y=r.id,k=void 0===y?"":y,B=r.open,D=r.onClick,I=void 0===D?null:D,R=r.hideBorder,O=void 0!==R&&R,_=r.headerClassName,b=r.contentClassName,L=r.componentClassName,M=r["data-testid"],P=r.captureOnClick,T=void 0===P||P,z=s(null),H=c(C,z),U=n(x),W=t(U,2),X=W[0],q=W[1],F=void 0===B?X:B,G=function(){q(!X)},J=a((function(){return"string"==typeof N?i.createElement(m,{type:"text1",className:o(j.headerContent)},N):N}),[N]);return i.createElement("div",{ref:H,className:E,id:k,"data-testid":M||p(v.EXPAND_COLLAPSE,k)},i.createElement("div",{className:o(j.expandCollapse,e(e({},j.hideBorder,O),j.showBorder,!O),L)},i.createElement("button",{type:"button",className:o(j.header,j.section,_,e(e({},j.headerOpen,F),j.hideBorderBottom,O)),onClickCapture:T?I||G:void 0,onClick:T?void 0:I||G,"aria-expanded":F,"aria-controls":"".concat(k,"-controls")},"string"!=typeof N||0!==N.length?J():u&&u(),i.createElement(d,{className:o(j.iconComponent,e(e({},j.animateIconOpen,F),j.animateIconClose,!F)),iconType:"svg",icon:l,iconSize:w})),F&&i.createElement("div",{className:o(j.content,j.section,b,e({},j.animateExpandCollapseContent,F)),id:"".concat(k,"-controls"),role:"region"},f)))}));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, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport DropdownChevronDown from \"~~../Icon~~/~~Icons/components/DropdownChevronDown~~\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Component as parameter to be rendered as header\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name to add to the header of the expandable\n /\n headerClassName?: string;\n /\n Class name to add to the content of the expandable\n /\n contentClassName?: string;\n /\n Class name to add to the component\n /\n componentClassName?: string;\n /\n Header title\n /\n title?: ElementContent;\n /\n The value of the expandable section\n /\n children?: ElementContent;\n /\n The expand icon font size\n /\n iconSize?: number \| string;\n /\n Should be open or closed by default (when rendered)\n */\n defaultOpenState?: boolean;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n hideBorder?: boolean;\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 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 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 })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\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 </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$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","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"~~mfAiDMA~~,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,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,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,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,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, 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 { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Component as parameter to be rendered as header\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name to add to the header of the expandable\n /\n headerClassName?: string;\n /\n Class name to add to the content of the expandable\n /\n contentClassName?: string;\n /\n Class name to add to the component\n /\n componentClassName?: string;\n /\n Header title\n /\n title?: ElementContent;\n /\n The value of the expandable section\n /\n children?: ElementContent;\n /\n The expand icon font size\n /\n iconSize?: number \| string;\n /\n Should be open or closed by default (when rendered)\n */\n defaultOpenState?: boolean;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n hideBorder?: boolean;\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 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 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 })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\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 </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$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","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"67CAiDMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,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,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,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,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_bf39277c71",header:"header_a08601857f","focus-visible":"focus-visible_6558b98468",headerContent:"headerContent_d513805fd1",iconComponent:"iconComponent_08efaca351",content:"content_d2ee9026ac",section:"section_d91528cf9f",hideBorder:"hideBorder_692f5752e7",hideBorderBottom:"hideBorderBottom_7a6a3c3b4a",showBorder:"showBorder_4dd6bf4f7b",headerOpen:"headerOpen_0e7c318c60",animateIconOpen:"animateIconOpen_fe29ca6bb2",animateIconClose:"animateIconClose_de19298170"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-ca6f6158d39b_3_0_0-alpha_0";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".expandCollapse_bf39277c71 {\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_a08601857f {\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_a08601857f:focus-visible, .header_a08601857f.focus-visible_6558b98468 {\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_a08601857f:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n\n.header_a08601857f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_a08601857f:active {\n  transform: scale(1);\n}\n\n.header_a08601857f .headerContent_d513805fd1 {\n  margin: 0;\n}\n\n.header_a08601857f .iconComponent_08efaca351 {\n  color: var(--icon-color);\n}\n\n.content_d2ee9026ac {\n  padding: var(--spacing-medium);\n}\n\n.section_d91528cf9f {\n  width: 100%;\n}\n\n.hideBorder_692f5752e7 {\n  border: none;\n}\n\n.hideBorderBottom_7a6a3c3b4a {\n  border-bottom: none;\n}\n\n.showBorder_4dd6bf4f7b {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_4dd6bf4f7b .headerOpen_0e7c318c60 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_fe29ca6bb2 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_de19298170 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_19507584f7",header:"header_c9f1436dc2","focus-visible":"focus-visible_666c2cea74",headerContent:"headerContent_628f69d758",iconComponent:"iconComponent_acbeda691e",content:"content_44703d11d6",section:"section_77d9440044",hideBorder:"hideBorder_acd87d14b5",hideBorderBottom:"hideBorderBottom_556810512b",showBorder:"showBorder_3368b2b550",headerOpen:"headerOpen_64ecc3a846",animateIconOpen:"animateIconOpen_e7b24f2157",animateIconClose:"animateIconClose_0cb50232ae"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-alpha_10";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_19507584f7 {\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_c9f1436dc2 {\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_c9f1436dc2:focus-visible, .header_c9f1436dc2.focus-visible_666c2cea74 {\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_c9f1436dc2:focus:not(.focus-visible_666c2cea74) {\n  outline: none;\n}\n\n.header_c9f1436dc2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_c9f1436dc2:active {\n  transform: scale(1);\n}\n\n.header_c9f1436dc2 .headerContent_628f69d758 {\n  margin: 0;\n}\n\n.header_c9f1436dc2 .iconComponent_acbeda691e {\n  color: var(--icon-color);\n}\n\n.content_44703d11d6 {\n  padding: var(--spacing-medium);\n}\n\n.section_77d9440044 {\n  width: 100%;\n}\n\n.hideBorder_acd87d14b5 {\n  border: none;\n}\n\n.hideBorderBottom_556810512b {\n  border-bottom: none;\n}\n\n.showBorder_3368b2b550 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_3368b2b550 .headerOpen_64ecc3a846 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_e7b24f2157 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_0cb50232ae {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\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_9094d57533",labelComponentIcon:"labelComponentIcon_79a9057d88",labelComponentText:"labelComponentText_4592bc719e",required:"required_95e97c2fe4"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-12dfba012dab_3_0_0-alpha_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))}(".labelComponentWrapper_9094d57533 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_79a9057d88 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_4592bc719e {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_95e97c2fe4 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_6f1e73324a",labelComponentIcon:"labelComponentIcon_8ce6100d31",labelComponentText:"labelComponentText_324d11aa97",required:"required_8152c4b910"};!function(e){const n="s_id-12dfba012dab_3_0_0-alpha_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_6f1e73324a {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_8ce6100d31 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_324d11aa97 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_8152c4b910 {\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 n={container:"container_24387256aa",justifyStart:"justifyStart_00ccc21e2a",justifyEnd:"justifyEnd_9a282133bf",justifyCenter:"justifyCenter_a8d38d52f1",justifySpaceBetween:"justifySpaceBetween_cde3c96e2c",justifySpaceAround:"justifySpaceAround_224f70eccc",justifyInital:"justifyInital_3c70dbf9e7",alignStart:"alignStart_d33ea9dc76",alignEnd:"alignEnd_70229797d8",alignCenter:"alignCenter_39d1888006",alignStretch:"alignStretch_d061ccaa1e",alignBaseline:"alignBaseline_b43215e5e7",alignInitial:"alignInitial_7d2b13bef5",directionColumn:"directionColumn_27e24f338d",wrap:"wrap_c0d948fc73"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3ad7193e0a34_3_0_0-alpha_0";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".container_24387256aa {\n  display: flex;\n  flex-direction: row;\n}\n.container_24387256aa.justifyStart_00ccc21e2a {\n  justify-content: flex-start;\n}\n.container_24387256aa.justifyEnd_9a282133bf {\n  justify-content: flex-end;\n}\n.container_24387256aa.justifyCenter_a8d38d52f1 {\n  justify-content: center;\n}\n.container_24387256aa.justifySpaceBetween_cde3c96e2c {\n  justify-content: space-between;\n}\n.container_24387256aa.justifySpaceAround_224f70eccc {\n  justify-content: space-around;\n}\n.container_24387256aa.justifyInital_3c70dbf9e7 {\n  justify-content: initial;\n}\n.container_24387256aa.alignStart_d33ea9dc76 {\n  align-items: flex-start;\n}\n.container_24387256aa.alignEnd_70229797d8 {\n  align-items: flex-end;\n}\n.container_24387256aa.alignCenter_39d1888006 {\n  align-items: center;\n}\n.container_24387256aa.alignStretch_d061ccaa1e {\n  align-items: stretch;\n}\n.container_24387256aa.alignBaseline_b43215e5e7 {\n  align-items: baseline;\n}\n.container_24387256aa.alignInitial_7d2b13bef5 {\n  align-items: initial;\n}\n.container_24387256aa.directionColumn_27e24f338d {\n  flex-direction: column;\n}\n.container_24387256aa.wrap_c0d948fc73 {\n  flex-wrap: wrap;\n}");export{n as default};
+var e={container:"container_3e80b37e34",justifyStart:"justifyStart_74aa3f6073",justifyEnd:"justifyEnd_0b8988d127",justifyCenter:"justifyCenter_0d984f61f9",justifySpaceBetween:"justifySpaceBetween_399b1a7578",justifySpaceAround:"justifySpaceAround_5da5cc5855",justifyInital:"justifyInital_4793aee2fe",alignStart:"alignStart_85f37a0633",alignEnd:"alignEnd_0e7e8338bd",alignCenter:"alignCenter_defccb223b",alignStretch:"alignStretch_9f806412b2",alignBaseline:"alignBaseline_bdc2b4f800",alignInitial:"alignInitial_acb4075b8e",directionColumn:"directionColumn_ef5bb093dc",wrap:"wrap_acbe70a361"};!function(e){const n="s_id-3ad7193e0a34_3_0_0-alpha_10";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_3e80b37e34 {\n  display: flex;\n  flex-direction: row;\n}\n.container_3e80b37e34.justifyStart_74aa3f6073 {\n  justify-content: flex-start;\n}\n.container_3e80b37e34.justifyEnd_0b8988d127 {\n  justify-content: flex-end;\n}\n.container_3e80b37e34.justifyCenter_0d984f61f9 {\n  justify-content: center;\n}\n.container_3e80b37e34.justifySpaceBetween_399b1a7578 {\n  justify-content: space-between;\n}\n.container_3e80b37e34.justifySpaceAround_5da5cc5855 {\n  justify-content: space-around;\n}\n.container_3e80b37e34.justifyInital_4793aee2fe {\n  justify-content: initial;\n}\n.container_3e80b37e34.alignStart_85f37a0633 {\n  align-items: flex-start;\n}\n.container_3e80b37e34.alignEnd_0e7e8338bd {\n  align-items: flex-end;\n}\n.container_3e80b37e34.alignCenter_defccb223b {\n  align-items: center;\n}\n.container_3e80b37e34.alignStretch_9f806412b2 {\n  align-items: stretch;\n}\n.container_3e80b37e34.alignBaseline_bdc2b4f800 {\n  align-items: baseline;\n}\n.container_3e80b37e34.alignInitial_acb4075b8e {\n  align-items: initial;\n}\n.container_3e80b37e34.directionColumn_ef5bb093dc {\n  flex-direction: column;\n}\n.container_3e80b37e34.wrap_acbe70a361 {\n  flex-wrap: wrap;\n}");export{e 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_1b5ebad878",prefix:"prefix_4ee278ac41",suffix:"suffix_4ee278ac41"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_3_0_0-alpha_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))}(".formattedNumberComponent_1b5ebad878 {\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_4ee278ac41 {\n  white-space: pre;\n}\n\n.suffix_4ee278ac41 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_7bf8b8daf4",prefix:"prefix_108f5a256b",suffix:"suffix_108f5a256b"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_7bf8b8daf4 {\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_108f5a256b {\n  white-space: pre;\n}\n\n.suffix_108f5a256b {\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_08a051a71f",h1Medium:"h1Medium_bb531b301e",h1Normal:"h1Normal_124b1d98c2",h1Light:"h1Light_b20025e677",h2Bold:"h2Bold_31fe4ce059",h2Medium:"h2Medium_89b349e2da",h2Normal:"h2Normal_fff8a5973d",h2Light:"h2Light_1099622547",h3Bold:"h3Bold_c39de42d02",h3Medium:"h3Medium_1cc73375f6",h3Normal:"h3Normal_b40167f12c",h3Light:"h3Light_2be332bdd0",heading:"heading_d513805fd1"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_3_0_0-alpha_0";if(o.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}(".h1Bold_08a051a71f {\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_bb531b301e {\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_124b1d98c2 {\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_b20025e677 {\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_31fe4ce059 {\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_89b349e2da {\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_fff8a5973d {\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_1099622547 {\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_c39de42d02 {\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_1cc73375f6 {\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_b40167f12c {\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_2be332bdd0 {\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_d513805fd1 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_5e7279cd9a",h1Medium:"h1Medium_362bd8396e",h1Normal:"h1Normal_dbbd697418",h1Light:"h1Light_d1d46c808e",h2Bold:"h2Bold_94f4a1eb47",h2Medium:"h2Medium_67f55775d8",h2Normal:"h2Normal_4034080804",h2Light:"h2Light_d6b6dca247",h3Bold:"h3Bold_cadefa380b",h3Medium:"h3Medium_88163a7895",h3Normal:"h3Normal_bddd6a084e",h3Light:"h3Light_50042d8b50",heading:"heading_628f69d758"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_10";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_5e7279cd9a {\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_362bd8396e {\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_dbbd697418 {\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_d1d46c808e {\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_94f4a1eb47 {\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_67f55775d8 {\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_4034080804 {\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_d6b6dca247 {\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_cadefa380b {\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_88163a7895 {\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_bddd6a084e {\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_50042d8b50 {\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_628f69d758 {\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_da57db940a"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_3_0_0-alpha_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))}(".hiddenTextWrapper_da57db940a {\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_fa8483392e"};!function(e){const t="s_id-5ac012179a41_3_0_0-alpha_10";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_fa8483392e {\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/CustomSvgIcon/CustomSvgIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var a=function(a){var c=a.className,l=a.ref,f=a.src,m=a.onClick,d=a.replaceToCurrentColor,u=void 0!==d&&d,p=a.customColor,C=a.id,b=a["data-testid"],g=o({isClickable:a.clickable,label:a.ariaLabel,isDecorationOnly:a.ariaHidden}),k=e((function(r){return u?n(r,"currentColor"):p?n(r,p):r}),[u,p]);return"string"!=typeof f?null:r.createElement(t,Object.assign({innerRef:l},g,{onClick:m,src:f,className:c,preProcessor:k,id:C,"data-testid":b||i(s.SVG_ICON,C)}))};export{a as default};
+import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as a}from"../../../tests/testIds.js";import{useIsMounted as i}from"../../../hooks/ssr/useIsMounted.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var c=function(c){var l=c.className,m=c.ref,d=c.src,f=c.onClick,u=c.replaceToCurrentColor,p=void 0!==u&&u,C=c.customColor,v=c.id,k=c["data-testid"],b=o({isClickable:c.clickable,label:c.ariaLabel,isDecorationOnly:c.ariaHidden}),g=i(),j=e((function(r){return p?n(r,"currentColor"):C?n(r,C):r}),[p,C]);if("string"!=typeof d)return null;var I=t,N=r.createElement("div",{className:l,id:v});return g?r.createElement(I,Object.assign({innerRef:m},b,{onClick:f,loader:N,src:d,className:l,preProcessor:j,id:v,"data-testid":k||a(s.SVG_ICON,v)}),N):N};export{c as default};
 //# sourceMappingURL=CustomSvgIcon.js.map

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n return (\n <~~SVG~~\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n ~~/>\~~n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","svgProcessor","useCallback","React","createElement","~~SVG~~","innerRef","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"~~iQAOA~~,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAeC,GACnB,~~SAAC1B~~,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,~~MAAmB~~,iBAARJ,~~EAAyB~~,~~KAGlCiB~~,~~EAACC~~,~~cAAAC~~,~~iBACCC~~,~~SAAUrB~~,GACNQ,~~GACJN~~,QAASA,~~EACTD~~,IAAKA,EACLF,UAAWA,~~EACXuB~~,~~aAAcN~~,~~EACdV~~,GAAIA,~~gBACSC~~,~~GAAcgB~~,EAAUC,EAAuBC,~~SAAUnB~~,~~KAG5E~~"}
1	+ {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const isMounted = useIsMounted();\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const SVGComponent = SVG as React.FC<any>;\n\n const PlaceHolder = <div className={className} id={id}></div>;\n\n if (!isMounted) {\n // placeholder for server side rendering\n return PlaceHolder;\n }\n return (\n <SVGComponent\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n loader={PlaceHolder} // avoid flickering\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n >\n {PlaceHolder}\n </SVGComponent>\n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"mUAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAeC,EAEfC,EAAcC,EAAAC,cAAA,MAAA,CAAKzB,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHO,gBAACH,EAAYK,OAAAC,OAAA,CACXC,SAAU3B,GACNQ,EACJ,CAAAN,QAASA,EACT0B,OAAQN,EACRrB,IAAKA,EACLF,UAAWA,EACX8B,aAAcX,EACdZ,GAAIA,EACS,cAAAC,GAAcuB,EAAUC,EAAuBC,SAAU1B,KAErEgB,GAdIA,CAiBX"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\n\nexport interface IconSubComponentProps {\n ref?: Ref<HTMLElement>;\n id?: string;\n size?: string \| number;\n className?: string;\n style?: CSSProperties;\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return <Icon {...props} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)} />;\n}\n\nexport interface IconProps extends VibeComponentProps {\n /*\n We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component\n /\n icon: SubIcon;\n /\~~nmo~~ Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n /\n iconLabel?: string;\n /\n The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))\n /\n iconType?: IconType;\n /\n Size for font icon\n /\n iconSize?: number \| string;\n /\n Remove focus style\n /\n ignoreFocusStyle?: boolean;\n tabindex?: number \| string;\n /\n Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false\n /\n ariaHidden?: boolean;\n style?: React.CSSProperties;\n /\n When using svg from src (Icon.type.SRC) this boolean will transform the \"fill\" property to \"currentColor\"\n /\n useCurrentColor?: boolean;\n /\n Override the default color with a custom one\n /\n customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n // TODO: [breaking] make more accurate check\n const isFunctionType = typeof icon === \"function\";\n\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n // TODO: [breaking] make more accurate check\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\nexport default withStaticProps(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","Object","assign","renderIcon","undefined","size","createElement","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"ohBA8DA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GArFvD,SAAoBgC,EAAeC,GAEjC,OAAOC,gBAACF,EAAIG,OAAAC,OAAA,CAAA,EAAKH,EAAoB,CAAA,cADlBA,EAAM,gBAC0BL,EAAUC,EAAuBC,KAAMG,EAAMnC,MAClG,CAmFauC,CAAWrC,EAChBmC,OAAAC,OAAAD,OAAAC,OAAA,CAAAtC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBY,EAAYf,EAClCgB,KAAMnC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACM,cAAAC,EACCN,OAAAC,OAAA,CAAAtC,GAAIA,EACJ4C,IAAK1C,GACDoB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTwB,sBAAuBlC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAM,cAACM,EAAQX,OAAAC,OAAA,CACPtC,GAAIA,GACAsB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCoB,KAAMC"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\n\nexport interface IconSubComponentProps {\n ref?: Ref<HTMLElement>;\n id?: string;\n size?: string \| number;\n className?: string;\n style?: CSSProperties;\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return <Icon {...props} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)} />;\n}\n\nexport interface IconProps extends VibeComponentProps {\n /*\n We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component\n /\n icon: SubIcon;\n /\n Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n /\n iconLabel?: string;\n /\n The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))\n /\n iconType?: IconType;\n /\n Size for font icon\n /\n iconSize?: number \| string;\n /\n Remove focus style\n /\n ignoreFocusStyle?: boolean;\n tabindex?: number \| string;\n /\n Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false\n /\n ariaHidden?: boolean;\n style?: React.CSSProperties;\n /\n When using svg from src (Icon.type.SRC) this boolean will transform the \"fill\" property to \"currentColor\"\n /\n useCurrentColor?: boolean;\n /\n Override the default color with a custom one\n /\n customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n // TODO: [breaking] make more accurate check\n const isFunctionType = typeof icon === \"function\";\n\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n // TODO: [breaking] make more accurate check\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\nexport default withStaticProps(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","Object","assign","renderIcon","undefined","size","createElement","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"ohBA8DA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GArFvD,SAAoBgC,EAAeC,GAEjC,OAAOC,gBAACF,EAAIG,OAAAC,OAAA,CAAA,EAAKH,EAAoB,CAAA,cADlBA,EAAM,gBAC0BL,EAAUC,EAAuBC,KAAMG,EAAMnC,MAClG,CAmFauC,CAAWrC,EAChBmC,OAAAC,OAAAD,OAAAC,OAAA,CAAAtC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBY,EAAYf,EAClCgB,KAAMnC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACM,cAAAC,EACCN,OAAAC,OAAA,CAAAtC,GAAIA,EACJ4C,IAAK1C,GACDoB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTwB,sBAAuBlC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAM,cAACM,EAAQX,OAAAC,OAAA,CACPtC,GAAIA,GACAsB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCoB,KAAMC"}

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_c8f1a3610e",noFocusStyle:"noFocusStyle_480296de4e",clickable:"clickable_ae3be90178"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_3_0_0-alpha_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))}(".icon_c8f1a3610e {\n  position: relative;\n}\n\n.icon_c8f1a3610e:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_480296de4e:focus {\n  outline: none;\n}\n\n.clickable_ae3be90178 {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_b63bb13634",noFocusStyle:"noFocusStyle_3ed7583e75",clickable:"clickable_860a0b94c1"};!function(e){const n="s_id-039c30c54242_3_0_0-alpha_10";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_b63bb13634 {\n  position: relative;\n}\n\n.icon_b63bb13634:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_3ed7583e75:focus {\n  outline: none;\n}\n\n.clickable_860a0b94c1 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as o,useRef as t,useMemo as s,Fragment as r}from"react";import i from"classnames";import{noop as a}from"lodash-es";import n from"../../hooks/useMergeRef.js";import c from"../Tooltip/Tooltip.js";import d from"../Icon/Icon.js";import l from"../Icon/Icons/components/AddSmall.js";import{getWidthHeight as m}from"./services/IconButton-helpers.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../tests/constants.js";import v from"../Button/Button.js";import{BUTTON_ICON_SIZE as j}from"../Button/ButtonConstants.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import g from"./IconButton.module.scss.js";var C=p(o((function(o,p){var C=o.className,y=o.wrapperClassName,I=o.iconClassName,N=o.id,h=o.icon,B=void 0===h?l:h,x=o.size,k=void 0===x?"medium":x,E=o.tooltipProps,O=void 0===E?{}:E,T=o.tooltipContent,P=o.ariaLabeledBy,S=o.ariaLabel,w=o.ariaHasPopup,z=o.ariaExpanded,L=o.ariaControls,F=o["aria-describedby"],H=o["aria-hidden"],M=o.hideTooltip,R=void 0!==M&&M,W=o.kind,A=void 0===W?"tertiary":W,U=o.active,_=o.disabled,q=void 0!==_&&_,D=o.disabledReason,G=o.onClick,J=void 0===G?a:G,K=o.color,Q=o["data-testid"],V=o.insetFocus,X=void 0!==V&&V,Y=o.tabIndex,Z=o.loading,$=void 0!==Z&&Z,ee=t(null),oe=n(p,ee),te=s((function(){return(null==O?void 0:O.content)||T}),[null==O?void 0:O.content,T]),se=s((function(){return S||("string"==typeof te?te:void 0)}),[S,te]),re=s((function(){switch(k){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return j;default:return 24}}),[k]),ie=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return k&&(e=Object.assign(Object.assign({},e),m(k))),e}),[k]),ae=s((function(){return R?null:q&&D?D:te||S}),[R,q,D,te,S]),ne=y?"div":r,ce=s((function(){return y?{className:i(y,g.wrapper)}:{}}),[y]);return e.createElement(ne,Object.assign({},ce),e.createElement(c,Object.assign({},O,{content:ae,referenceWrapperClassName:g.referenceWrapper}),e.createElement(v,{onClick:J,disabled:q,color:K,kind:A,ariaLabeledBy:P,ariaLabel:se,ariaHasPopup:w,ariaExpanded:z,ariaControls:L,"aria-describedby":F,"aria-hidden":H,ref:oe,id:N,"data-testid":Q||u(f.ICON_BUTTON,N),noSidePadding:!0,active:U,className:C,style:ie,insetFocus:X,tabIndex:Y,loading:$,loaderClassName:i(g.loader,b(g,k))},e.createElement(d,{icon:B,iconType:"svg",iconSize:re,ignoreFocusStyle:!0,className:I}))))})),{sizes:v.sizes,kinds:v.kinds,colors:v.colors});export{C as default};
+import t,{forwardRef as o,useRef as i,useMemo as s,Fragment as e}from"react";import r from"classnames";import{noop as a}from"lodash-es";import n from"../../hooks/useMergeRef.js";import c from"../Tooltip/Tooltip.js";import d from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import m from"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getWidthHeight as p}from"./services/IconButton-helpers.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import f from"../Button/Button.js";import{BUTTON_ICON_SIZE as v}from"../Button/ButtonConstants.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import C from"./IconButton.module.scss.js";var h=l(o((function(o,l){var h=o.className,b=o.wrapperClassName,N=o.iconClassName,y=o.id,w=o.icon,I=void 0===w?m:w,S=o.size,B=void 0===S?"medium":S,k=o.tooltipProps,x=void 0===k?{}:k,E=o.tooltipContent,L=o.ariaLabeledBy,O=o.ariaLabel,R=o.ariaHasPopup,T=o.ariaExpanded,A=o.ariaControls,D=o["aria-describedby"],M=o["aria-hidden"],P=o["aria-pressed"],z=o.hideTooltip,F=void 0!==z&&z,H=o.kind,W=void 0===H?"tertiary":H,_=o.active,U=o.disabled,q=void 0!==U&&U,G=o.disabledReason,J=o.onClick,K=void 0===J?a:J,Q=o.color,V=o["data-testid"],X=o.insetFocus,Y=void 0!==X&&X,Z=o.tabIndex,$=o.loading,tt=void 0!==$&&$,ot=i(null),it=n(l,ot),st=s((function(){return(null==x?void 0:x.content)||E}),[null==x?void 0:x.content,E]),et=s((function(){return O||("string"==typeof st?st:void 0)}),[O,st]),rt=s((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return v;default:return 24}}),[B]),at=s((function(){var t={justifyContent:"center",alignItems:"center",padding:0};return B&&(t=Object.assign(Object.assign({},t),p(B))),t}),[B]),nt=s((function(){return F?null:q&&G?G:st||O}),[F,q,G,st,O]),ct=b?"div":e,dt=s((function(){return b?{className:r(b,C.wrapper)}:{}}),[b]);return t.createElement(ct,Object.assign({},dt),t.createElement(c,Object.assign({},x,{content:nt,referenceWrapperClassName:C.referenceWrapper}),t.createElement(f,{onClick:K,disabled:q,color:Q,kind:W,ariaLabeledBy:L,ariaLabel:et,ariaHasPopup:R,ariaExpanded:T,ariaControls:A,"aria-describedby":D,"aria-hidden":M,"aria-pressed":P,ref:it,id:y,"data-testid":V||u(j.ICON_BUTTON,y),noSidePadding:!0,active:_,className:h,style:at,insetFocus:Y,tabIndex:Z,loading:tt,loaderClassName:r(C.loader,g(C,B))},t.createElement(d,{icon:I,iconType:"svg",iconSize:rt,ignoreFocusStyle:!0,className:N}))))})),{sizes:f.sizes,kinds:f.kinds,colors:f.colors});export{h as default};
 //# sourceMappingURL=IconButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport AddSmall from \"../Icon/Icons/components/AddSmall\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"6xBAsGA,IAgIeA,EAAAA,EA5HXC,GACF,SAAAC,EA6BEC,GACE,IA5BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eAAaqB,EAAArB,EACbsB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAvB,EACnBwB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAMzB,EAANyB,OAAMC,EAAA1B,EACN2B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc5B,EAAd4B,eAAcC,EAAA7B,EACd8B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKhC,EAALgC,MACeC,EAAUjC,EAAzB,eAAakC,EAAAlC,EACbmC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAQpC,EAARoC,SAAQC,EAAArC,EACRsC,QAAAA,OAAU,IAAHD,GAAQA,EAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAYzC,EAAKsC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMhC,aAAY,EAAZA,EAAciC,UAAWhC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAciC,QAAShC,IAGpBiC,GAAkBF,GAAQ,WAC9B,OAAI7B,IACkC,iBAA3B4B,GAA4CA,QAAvD,EAEF,GAAG,CAAC5B,EAAW4B,KAETI,GAAWH,GAAQ,WACvB,OAAQlC,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOsC,EACT,QACE,OAAO,GAEb,GAAG,CAACtC,IAEEuC,GAAgBL,GAAQ,WAC5B,IAAIM,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI3C,IACFwC,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAe9C,KAEjCwC,CACT,GAAG,CAACxC,IAEE+C,GAA2Bb,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG5B,CACT,GAAG,CAACO,EAAaK,EAAUC,EAAgBe,GAAwB5B,IAE7D2C,GAAoBvD,EAAmB,MAAQwD,EAC/CC,GAAyBhB,GAAQ,WACrC,OAAOzC,EAAmB,CAAED,UAAW2D,EAAG1D,EAAkB2D,EAAOC,UAAa,EAClF,GAAG,CAAC5D,IAEJ,OACE6D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF3C,EAAY,CAChBiC,QAASY,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCvC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNV,cAAeA,EACfC,UAAW+B,GACX9B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,qBACIC,EAAe,cACpBC,EACbnB,IAAKwC,GACLpC,GAAIA,EAAE,cACO4B,GAAcqC,EAAUC,EAAuBC,YAAanE,GACzEoE,eAAa,EACbhD,OAAQA,EACRvB,UAAWA,EACXgD,MAAOD,GACPd,WAAYA,EACZC,SAAUA,EACVE,QAASA,EACToC,gBAAiBb,EAAGC,EAAOa,OAAQC,EAASd,EAAQpD,KAEpDsD,EAACC,cAAAY,EAAK,CAAAtE,KAAMA,EAAMuE,SAAS,MAAM/B,SAAUA,GAAUgC,kBAAiB,EAAA7E,UAAWE,MAK3F,IAGyC,CACzC4E,MAAOX,EAAOW,MACdC,MAAOZ,EAAOY,MACdC,OAAQb,EAAOa"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"kvDA0GA,IAkIeA,EAAAA,EA9HXC,GACF,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAQrC,EAARqC,SAAQC,EAAAtC,EACRuC,QAAAA,QAAU,IAAHD,GAAQA,EAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOuC,EACT,QACE,OAAO,GAEb,GAAG,CAACvC,IAEEwC,GAAgBL,GAAQ,WAC5B,IAAIM,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI5C,IACFyC,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAe/C,KAEjCyC,CACT,GAAG,CAACzC,IAEEgD,GAA2Bb,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D4C,GAAoBxD,EAAmB,MAAQyD,EAC/CC,GAAyBhB,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW4D,EAAG3D,EAAkB4D,EAAOC,UAAa,EAClF,GAAG,CAAC7D,IAEJ,OACE8D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF5C,EAAY,CAChBkC,QAASY,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCvC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,qBACIC,EAAe,cACpBC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,gBACS6B,GAAcqC,EAAUC,EAAuBC,YAAapE,GACzEqE,iBACAhD,OAAQA,EACRxB,UAAWA,EACXiD,MAAOD,GACPd,WAAYA,EACZC,SAAUA,EACVE,QAASA,GACToC,gBAAiBb,EAAGC,EAAOa,OAAQC,EAASd,EAAQrD,KAEpDuD,EAACC,cAAAY,EAAK,CAAAvE,KAAMA,EAAMwE,SAAS,MAAM/B,SAAUA,GAAUgC,kBAAiB,EAAA9E,UAAWE,MAK3F,IAGyC,CACzC6E,MAAOX,EAAOW,MACdC,MAAOZ,EAAOY,MACdC,OAAQb,EAAOa"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_060d60bcbc",referenceWrapper:"referenceWrapper_24f00e5385",loader:"loader_91f0c272c7",xxs:"xxs_94bff0fb67"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8d1605f1f87b_3_0_0-alpha_0";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper_060d60bcbc {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_24f00e5385 {\n  display: inline-flex;\n}\n\n.referenceWrapper_24f00e5385 button .loader_91f0c272c7 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_24f00e5385 button .loader_91f0c272c7.xxs_94bff0fb67 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_24f00e5385 button .loader_91f0c272c7.xxs_94bff0fb67 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_2d079f05ba",referenceWrapper:"referenceWrapper_475fec72cb",loader:"loader_8567d872e4",xxs:"xxs_658117c063"};!function(e){const n="s_id-8d1605f1f87b_3_0_0-alpha_10";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_2d079f05ba {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_475fec72cb {\n  display: inline-flex;\n}\n\n.referenceWrapper_475fec72cb button .loader_8567d872e4 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_475fec72cb button .loader_8567d872e4.xxs_658117c063 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_475fec72cb button .loader_8567d872e4.xxs_658117c063 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_ae3be90178","focus-visible":"focus-visible_6558b98468",disabled:"disabled_e90a13307e",disableTextSelection:"disableTextSelection_d0cb5665ab",clickableWrapper:"clickableWrapper_ae3be90178",label:"label_10b71890ad",small:"small_4c53cb64df",withLeg:"withLeg_3bc21af3fa",legWrapper:"legWrapper_7280fa4cab",kindFill:"kindFill_06c6405dde",colorPrimary:"colorPrimary_099a313bc1",colorDark:"colorDark_7aa1c920c5",colorNegative:"colorNegative_840978bff6",colorPositive:"colorPositive_2666ad1990",kindLine:"kindLine_6b33cd74b3",smallText:"smallText_c2a40ee350"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-4bcc4b0ff746_3_0_0-alpha_0";if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".clickable_ae3be90178 {\n  cursor: pointer;\n}\n.clickable_ae3be90178:focus-visible, .clickable_ae3be90178.focus-visible_6558b98468 {\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_ae3be90178:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.clickable_ae3be90178.disabled_e90a13307e {\n  cursor: default;\n}\n.disableTextSelection_d0cb5665ab {\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_ae3be90178 {\n  cursor: pointer;\n}\n.clickableWrapper_ae3be90178:focus-visible, .clickableWrapper_ae3be90178.focus-visible_6558b98468 {\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_ae3be90178:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.clickableWrapper_ae3be90178:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_10b71890ad {\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_10b71890ad.small_4c53cb64df {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_3bc21af3fa {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_7280fa4cab {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_06c6405dde.colorPrimary_099a313bc1 {\n  background-color: var(--primary-color);\n}\n.kindFill_06c6405dde.colorPrimary_099a313bc1 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_06c6405dde.colorPrimary_099a313bc1.clickable_ae3be90178:hover, .kindFill_06c6405dde.colorPrimary_099a313bc1.clickable_ae3be90178:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_06c6405dde.colorDark_7aa1c920c5 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_06c6405dde.colorDark_7aa1c920c5 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_06c6405dde.colorNegative_840978bff6 {\n  background-color: var(--negative-color);\n}\n.kindFill_06c6405dde.colorNegative_840978bff6 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_06c6405dde.colorNegative_840978bff6.clickable_ae3be90178:hover, .kindFill_06c6405dde.colorNegative_840978bff6.clickable_ae3be90178:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_06c6405dde.colorPositive_2666ad1990 {\n  background-color: var(--positive-color);\n}\n.kindFill_06c6405dde.colorPositive_2666ad1990 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_06c6405dde.colorPositive_2666ad1990.clickable_ae3be90178:hover, .kindFill_06c6405dde.colorPositive_2666ad1990.clickable_ae3be90178:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_6b33cd74b3 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_6b33cd74b3 .legWrapper_7280fa4cab {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_6b33cd74b3.colorPrimary_099a313bc1 {\n  color: var(--primary-color);\n}\n.kindLine_6b33cd74b3.colorPrimary_099a313bc1 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_6b33cd74b3.colorPrimary_099a313bc1.clickable_ae3be90178:hover, .kindLine_6b33cd74b3.colorPrimary_099a313bc1.clickable_ae3be90178:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_6b33cd74b3.colorDark_7aa1c920c5 {\n  color: var(--inverted-color-background);\n}\n.kindLine_6b33cd74b3.colorDark_7aa1c920c5 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_6b33cd74b3.colorDark_7aa1c920c5.clickable_ae3be90178:hover, .kindLine_6b33cd74b3.colorDark_7aa1c920c5.clickable_ae3be90178:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_6b33cd74b3.colorNegative_840978bff6 {\n  color: var(--negative-color);\n}\n.kindLine_6b33cd74b3.colorNegative_840978bff6 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_6b33cd74b3.colorNegative_840978bff6.clickable_ae3be90178:hover, .kindLine_6b33cd74b3.colorNegative_840978bff6.clickable_ae3be90178:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_6b33cd74b3.colorPositive_2666ad1990 {\n  color: var(--positive-color);\n}\n.kindLine_6b33cd74b3.colorPositive_2666ad1990 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_6b33cd74b3.colorPositive_2666ad1990.clickable_ae3be90178:hover, .kindLine_6b33cd74b3.colorPositive_2666ad1990.clickable_ae3be90178:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_6b33cd74b3 .smallText_c2a40ee350 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_860a0b94c1","focus-visible":"focus-visible_666c2cea74",disabled:"disabled_88613d43f2",disableTextSelection:"disableTextSelection_5ea34ed97b",clickableWrapper:"clickableWrapper_860a0b94c1",label:"label_cf8e942abf",small:"small_6755f41519",withLeg:"withLeg_bb05208f6f",legWrapper:"legWrapper_e61d978ec6",kindFill:"kindFill_4102dd76c3",colorPrimary:"colorPrimary_c3d9479b68",colorDark:"colorDark_23fadcfac2",colorNegative:"colorNegative_e9c24fdabc",colorPositive:"colorPositive_a54ae1521c",kindLine:"kindLine_6900ffd59b",smallText:"smallText_509fadc8c5"};!function(e){const c="s_id-4bcc4b0ff746_3_0_0-alpha_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const o=document.createElement("style");o.id=c,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_860a0b94c1 {\n  cursor: pointer;\n}\n.clickable_860a0b94c1:focus-visible, .clickable_860a0b94c1.focus-visible_666c2cea74 {\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_860a0b94c1:focus:not(.focus-visible_666c2cea74) {\n  outline: none;\n}\n.clickable_860a0b94c1.disabled_88613d43f2 {\n  cursor: default;\n}\n.disableTextSelection_5ea34ed97b {\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_860a0b94c1 {\n  cursor: pointer;\n}\n.clickableWrapper_860a0b94c1:focus-visible, .clickableWrapper_860a0b94c1.focus-visible_666c2cea74 {\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_860a0b94c1:focus:not(.focus-visible_666c2cea74) {\n  outline: none;\n}\n.clickableWrapper_860a0b94c1:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_cf8e942abf {\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_cf8e942abf.small_6755f41519 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_bb05208f6f {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_e61d978ec6 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_4102dd76c3.colorPrimary_c3d9479b68 {\n  background-color: var(--primary-color);\n}\n.kindFill_4102dd76c3.colorPrimary_c3d9479b68 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_4102dd76c3.colorPrimary_c3d9479b68.clickable_860a0b94c1:hover, .kindFill_4102dd76c3.colorPrimary_c3d9479b68.clickable_860a0b94c1:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_4102dd76c3.colorDark_23fadcfac2 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_4102dd76c3.colorDark_23fadcfac2 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_4102dd76c3.colorNegative_e9c24fdabc {\n  background-color: var(--negative-color);\n}\n.kindFill_4102dd76c3.colorNegative_e9c24fdabc svg path {\n  fill: var(--negative-color);\n}\n.kindFill_4102dd76c3.colorNegative_e9c24fdabc.clickable_860a0b94c1:hover, .kindFill_4102dd76c3.colorNegative_e9c24fdabc.clickable_860a0b94c1:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_4102dd76c3.colorPositive_a54ae1521c {\n  background-color: var(--positive-color);\n}\n.kindFill_4102dd76c3.colorPositive_a54ae1521c svg path {\n  fill: var(--positive-color);\n}\n.kindFill_4102dd76c3.colorPositive_a54ae1521c.clickable_860a0b94c1:hover, .kindFill_4102dd76c3.colorPositive_a54ae1521c.clickable_860a0b94c1:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_6900ffd59b {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_6900ffd59b .legWrapper_e61d978ec6 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_6900ffd59b.colorPrimary_c3d9479b68 {\n  color: var(--primary-color);\n}\n.kindLine_6900ffd59b.colorPrimary_c3d9479b68 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_6900ffd59b.colorPrimary_c3d9479b68.clickable_860a0b94c1:hover, .kindLine_6900ffd59b.colorPrimary_c3d9479b68.clickable_860a0b94c1:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_6900ffd59b.colorDark_23fadcfac2 {\n  color: var(--inverted-color-background);\n}\n.kindLine_6900ffd59b.colorDark_23fadcfac2 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_6900ffd59b.colorDark_23fadcfac2.clickable_860a0b94c1:hover, .kindLine_6900ffd59b.colorDark_23fadcfac2.clickable_860a0b94c1:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_6900ffd59b.colorNegative_e9c24fdabc {\n  color: var(--negative-color);\n}\n.kindLine_6900ffd59b.colorNegative_e9c24fdabc svg path {\n  fill: var(--negative-color);\n}\n.kindLine_6900ffd59b.colorNegative_e9c24fdabc.clickable_860a0b94c1:hover, .kindLine_6900ffd59b.colorNegative_e9c24fdabc.clickable_860a0b94c1:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_6900ffd59b.colorPositive_a54ae1521c {\n  color: var(--positive-color);\n}\n.kindLine_6900ffd59b.colorPositive_a54ae1521c svg path {\n  fill: var(--positive-color);\n}\n.kindLine_6900ffd59b.colorPositive_a54ae1521c.clickable_860a0b94c1:hover, .kindLine_6900ffd59b.colorPositive_a54ae1521c.clickable_860a0b94c1:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_6900ffd59b .smallText_509fadc8c5 {\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_97840a0583",svg:"svg_917e428bd5",stroke:"stroke_bb360afe85","stroke-rotate":"stroke-rotate_47585994ab",base:"base_2d79c4dabd",fade:"fade_c0717a9738",first:"first_a453c43a9d",second:"second_b42377ba3e",third:"third_167152bc30","gradient-text-fill":"gradient-text-fill_6158ea2930"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-cc5df975abc6_3_0_0-alpha_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))}(".celebration_97840a0583 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_97840a0583 .svg_917e428bd5 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_97840a0583 .svg_917e428bd5 .stroke_bb360afe85 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_47585994ab cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_97840a0583 .svg_917e428bd5 .stroke_bb360afe85.base_2d79c4dabd {\n  stroke: var(--color-egg_yolk);\n  animation: fade_c0717a9738 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_97840a0583 .svg_917e428bd5 .stroke_bb360afe85.first_a453c43a9d {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_97840a0583 .svg_917e428bd5 .stroke_bb360afe85.second_b42377ba3e {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_97840a0583 .svg_917e428bd5 .stroke_bb360afe85.third_167152bc30 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_97840a0583.celebration_97840a0583 [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_6158ea2930 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_c0717a9738 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_47585994ab {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_6158ea2930 {\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_eb396a8f2f",svg:"svg_487181f94e",stroke:"stroke_70793775a6","stroke-rotate":"stroke-rotate_d442a33c7b",base:"base_1e5eddeb7e",fade:"fade_d925a7f017",first:"first_0fd7ccaec1",second:"second_b0b85841de",third:"third_a0d73854ae","gradient-text-fill":"gradient-text-fill_aa25c91e18"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_10";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_eb396a8f2f {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_eb396a8f2f .svg_487181f94e {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_eb396a8f2f .svg_487181f94e .stroke_70793775a6 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_d442a33c7b cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_eb396a8f2f .svg_487181f94e .stroke_70793775a6.base_1e5eddeb7e {\n  stroke: var(--color-egg_yolk);\n  animation: fade_d925a7f017 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_eb396a8f2f .svg_487181f94e .stroke_70793775a6.first_0fd7ccaec1 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_eb396a8f2f .svg_487181f94e .stroke_70793775a6.second_b0b85841de {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_eb396a8f2f .svg_487181f94e .stroke_70793775a6.third_a0d73854ae {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_eb396a8f2f.celebration_eb396a8f2f [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_aa25c91e18 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_d925a7f017 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_d442a33c7b {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_aa25c91e18 {\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/LayerProvider/LayerContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";var r=e.createContext({layerRef:null});export{r as default};
2	+ //# sourceMappingURL=LayerContext.js.map

package/dist/src/components/LayerProvider/LayerContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LayerContext.js","sources":["../../../../src/components/LayerProvider/LayerContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface LayersContextType {\n layerRef: React.RefObject<HTMLElement>;\n}\n\nconst LayerContext = React.createContext<LayersContextType>({\n layerRef: null\n});\n\nexport default LayerContext;\n"],"names":["LayerContext","React","createContext","layerRef"],"mappings":"qBAMA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}

package/dist/src/components/LayerProvider/LayerProvider.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import r from"./LayerContext.js";var t=function(t){return e.createElement(r.Provider,{value:{layerRef:t.layerRef}},t.children)};export{t as default};
2	+ //# sourceMappingURL=LayerProvider.js.map

package/dist/src/components/LayerProvider/LayerProvider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LayerProvider.js","sources":["../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode, RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n children: ReactNode | ReactNode;\n layerRef: RefObject<HTMLElement> | null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAQA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}

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

@@ -1,2 +1,2 @@
-var n={link:"link_df55319e88","focus-visible":"focus-visible_6558b98468",text:"text_c74f04b5cc",inlineText:"inlineText_6e167fdc0d",inheritFontSize:"inheritFontSize_290db94730",iconStart:"iconStart_8e6b8d926d",iconEnd:"iconEnd_f4df4e5082"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-c911448248db_3_0_0-alpha_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))}(".link_df55319e88 {\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_df55319e88:focus-visible, .link_df55319e88.focus-visible_6558b98468 {\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_df55319e88:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.link_df55319e88:hover .text_c74f04b5cc {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_df55319e88.inlineText_6e167fdc0d {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_df55319e88.inheritFontSize_290db94730 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_8e6b8d926d {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_f4df4e5082 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_8e6b8d926d {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_f4df4e5082 {\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_4275ba09f5","focus-visible":"focus-visible_666c2cea74",text:"text_1ac26fa3e0",inlineText:"inlineText_39ed7cbfb8",inheritFontSize:"inheritFontSize_d980f4e0a6",iconStart:"iconStart_90aec75c71",iconEnd:"iconEnd_56d22605c7"};!function(n){const i="s_id-c911448248db_3_0_0-alpha_10";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_4275ba09f5 {\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_4275ba09f5:focus-visible, .link_4275ba09f5.focus-visible_666c2cea74 {\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_4275ba09f5:focus:not(.focus-visible_666c2cea74) {\n  outline: none;\n}\n.link_4275ba09f5:hover .text_1ac26fa3e0 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_4275ba09f5.inlineText_39ed7cbfb8 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_4275ba09f5.inheritFontSize_d980f4e0a6 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_90aec75c71 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_56d22605c7 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_90aec75c71 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_56d22605c7 {\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_aab4fc2669"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ed9bf484fec4_3_0_0-alpha_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))}(".list_aab4fc2669 {\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_aab4fc2669::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_aab4fc2669::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_5a88f1747e"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_10";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)}(".list_5a88f1747e {\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_5a88f1747e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_5a88f1747e::-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_f4dd081212"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-6ed55dee5450_3_0_0-alpha_0";if(n.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".scrollableContainer_f4dd081212 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_f4dd081212::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_f4dd081212::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_58f59e35c3"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_10";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)}(".scrollableContainer_58f59e35c3 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_58f59e35c3::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_58f59e35c3::-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/List/utils/ListUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useLayoutEffect as t}from"react";var u=0,e=function(){return"list-".concat(u++)},i=function(u){var i=n(),o=r(i,2),c=o[0],f=o[1];return t((function(){f(u||e())}),[u]),c},o=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},c=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},f=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},l=function(r){return r&&"option"===r.getAttribute("role")},a=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(l(t))return r}},v=function(r,n){for(;r>0;){var t=n.current[--r];if(l(t))return r}};export{e as generateListId,f as getListItemComponentType,o as getListItemIdByIndex,c as getListItemIndexById,a as getNextListItemIndex,v as getPrevListItemIndex,i as useListId};
+import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n}from"react";import t from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";var u=0,o=function(){return"list-".concat(u++)},e=function(u){var e=n(),i=r(e,2),c=i[0],f=i[1];return t((function(){f(u||o())}),[u]),c},i=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},c=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},f=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},a=function(r){return r&&"option"===r.getAttribute("role")},l=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(a(t))return r}},s=function(r,n){for(;r>0;){var t=n.current[--r];if(a(t))return r}};export{o as generateListId,f as getListItemComponentType,i as getListItemIdByIndex,c as getListItemIndexById,l as getNextListItemIndex,s as getPrevListItemIndex,e as useListId};
 //# sourceMappingURL=ListUtils.js.map

package/dist/src/components/List/utils/ListUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { MutableRefObject, ~~useLayoutEffect,~~ useState } from \"react\";\nimport { ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { ListElement } from \"../List.types\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n ~~useLayoutEffect~~(() => {\n setListId(id \|\| generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nconst isListItem = (element: HTMLElement) => {\n return element && element.getAttribute(\"role\") === \"option\";\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","~~useLayoutEffect~~","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"~~wIAIA~~,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,~~GAAgB~~,~~WACdD~~,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEMC,EAAa,SAACC,GAClB,OAAOA,GAA4C,WAAjCA,EAAQC,aAAa,OACzC,EAEaC,EAAuB,SAACC,EAAsBb,GACzD,KAAsBA,EAAaG,QAAQW,OAAS,EAA7CD,GAAgD,CACrD,IAAMP,EAAQN,EAAaG,UAAUU,GACrC,GAAIJ,EAAWH,GACb,OAAOO,CAEV,CAEH,EAEaE,EAAuB,SAACF,EAAsBb,GACzD,KAAOa,EAAe,GAAG,CACvB,IAAMP,EAAQN,EAAaG,UAAUU,GACrC,GAAIJ,EAAWH,GACb,OAAOO,CAEV,CAEH"}
1	+ {"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { MutableRefObject, useState } from \"react\";\nimport { ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { ListElement } from \"../List.types\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id \|\| generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nconst isListItem = (element: HTMLElement) => {\n return element && element.getAttribute(\"role\") === \"option\";\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEMC,EAAa,SAACC,GAClB,OAAOA,GAA4C,WAAjCA,EAAQC,aAAa,OACzC,EAEaC,EAAuB,SAACC,EAAsBb,GACzD,KAAsBA,EAAaG,QAAQW,OAAS,EAA7CD,GAAgD,CACrD,IAAMP,EAAQN,EAAaG,UAAUU,GACrC,GAAIJ,EAAWH,GACb,OAAOO,CAEV,CAEH,EAEaE,EAAuB,SAACF,EAAsBb,GACzD,KAAOa,EAAe,GAAG,CACvB,IAAMP,EAAQN,EAAaG,UAAUU,GACrC,GAAIJ,EAAWH,GACb,OAAOO,CAEV,CAEH"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_77336e5f83","focus-visible":"focus-visible_a0e20a0adf",disabled:"disabled_05107a33b7",selected:"selected_fa673f817d",small:"small_e198f76dda",medium:"medium_9c3713e760",large:"large_c60377b59e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-8402a299d384_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".listItem_77336e5f83 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_77336e5f83:focus-visible, .listItem_77336e5f83.focus-visible_a0e20a0adf {\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_77336e5f83:focus:not(.focus-visible_a0e20a0adf) {\n  outline: none;\n}\n.listItem_77336e5f83:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_05107a33b7 {\n  cursor: not-allowed;\n}\n.disabled_05107a33b7:hover {\n  background-color: transparent;\n}\n.selected_fa673f817d {\n  background-color: var(--primary-selected-color);\n}\n.selected_fa673f817d:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_e198f76dda {\n  height: 32px;\n}\n.medium_9c3713e760 {\n  height: 40px;\n}\n.large_c60377b59e {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_3cccdf81cb","focus-visible":"focus-visible_e2dec0a844",disabled:"disabled_53e94cef58",selected:"selected_9ad5dd2403",small:"small_fb947ece57",medium:"medium_5eb9400acb",large:"large_3c4db65a03"};!function(e){const n="s_id-8402a299d384_3_0_0-alpha_10";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_3cccdf81cb {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_3cccdf81cb:focus-visible, .listItem_3cccdf81cb.focus-visible_e2dec0a844 {\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_3cccdf81cb:focus:not(.focus-visible_e2dec0a844) {\n  outline: none;\n}\n.listItem_3cccdf81cb:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_53e94cef58 {\n  cursor: not-allowed;\n}\n.disabled_53e94cef58:hover {\n  background-color: transparent;\n}\n.selected_9ad5dd2403 {\n  background-color: var(--primary-selected-color);\n}\n.selected_9ad5dd2403:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_fb947ece57 {\n  height: 32px;\n}\n.medium_5eb9400acb {\n  height: 40px;\n}\n.large_3c4db65a03 {\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_2c3c843256",avatar:"avatar_11eba78fd1"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-64054545c9e6_3_0_0-alpha_0";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar_2c3c843256 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_11eba78fd1 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_6766a95c5f",avatar:"avatar_621d0c2503"};!function(e){const t="s_id-64054545c9e6_3_0_0-alpha_10";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_6766a95c5f {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_621d0c2503 {\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_2c3c843256",start:"start_3ffcf2943a",end:"end_a710f7aa55"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0831d1bc0202_3_0_0-alpha_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))}(".listItemIcon_2c3c843256 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_3ffcf2943a {\n  margin-right: var(--spacing-small);\n}\n\n.end_a710f7aa55 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_6766a95c5f",start:"start_b4ec81d908",end:"end_b39a01681c"};!function(e){const t="s_id-0831d1bc0202_3_0_0-alpha_10";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_6766a95c5f {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_b4ec81d908 {\n  margin-right: var(--spacing-small);\n}\n\n.end_b39a01681c {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_ffc22f42c2"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-d4e0bfe7508e_3_0_0-alpha_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))}(".listTitle_ffc22f42c2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_038217fd74"};!function(e){const t="s_id-d4e0bfe7508e_3_0_0-alpha_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_038217fd74 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_e3e0e93207",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_544adbca76",circleLoaderSpinner:"circleLoaderSpinner_7c9385872f",rotate:"rotate_69aac0c472",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_7cdbf1a78b",dash:"dash_f4c4b6c93c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-dcd4d8f866fa_3_0_0-alpha_0";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".loaderContainer_e3e0e93207 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_e3e0e93207 .circleLoaderSpinnerBackground_544adbca76 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_e3e0e93207 .circleLoaderSpinner_7c9385872f {\n  animation: rotate_69aac0c472 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_e3e0e93207 .circleLoaderSpinner_7c9385872f .circleLoaderSpinnerPath_7cdbf1a78b {\n  animation: dash_f4c4b6c93c 1s infinite;\n}\n@keyframes rotate_69aac0c472 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_f4c4b6c93c {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_429bc87698",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_e0ad4fe93d",circleLoaderSpinner:"circleLoaderSpinner_008b2885e7",rotate:"rotate_7e724f44e0",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_5c216ed38c",dash:"dash_d3e5c14ed1"};!function(e){const n="s_id-dcd4d8f866fa_3_0_0-alpha_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_429bc87698 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_429bc87698 .circleLoaderSpinnerBackground_e0ad4fe93d {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_429bc87698 .circleLoaderSpinner_008b2885e7 {\n  animation: rotate_7e724f44e0 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_429bc87698 .circleLoaderSpinner_008b2885e7 .circleLoaderSpinnerPath_5c216ed38c {\n  animation: dash_d3e5c14ed1 1s infinite;\n}\n@keyframes rotate_7e724f44e0 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_d3e5c14ed1 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map