npm - @vibe/core - Versions diffs - 3.62.0 → 3.63.0-alpha-7f1d0.0 - Mend

@vibe/core 3.62.0 → 3.63.0-alpha-7f1d0.0

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

Files changed (630) hide show

package/dist/src/components/Tabs/TabPanels/TabPanels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"~~lodash~~-es\";\nimport React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { type TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { type TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport styles from \"./TabPanels.module.scss\";\n\nexport interface TabPanelsProps extends VibeComponentProps {\n /*\n The index of the currently active tab panel.\n /\n activeTabId?: number;\n /\n The animation direction when switching between tab panels.\n /\n animationDirection?: TabPanelsAnimationDirection;\n /\n The child elements representing tab panels.\n */\n children?: ReactElement<TabPanelProps> \| ReactElement<TabPanelProps>[];\n}\n\nconst TabPanels = forwardRef(\n (\n { className, id, activeTabId = 0, animationDirection = \"rtl\", children, \"data-testid\": dataTestId }: TabPanelsProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const renderedTabs = useMemo(() => {\n return React.Children.map(children, (child, index) => {\n const isActiveTab = activeTabId === index;\n if (!isActiveTab) return null;\n const activeClass = isActiveTab ? \"active\" : \"non-active\";\n const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : \"\";\n return React.cloneElement(child, {\n index,\n ...child.props,\n className: cx(\n styles.tabPanel,\n [getStyle(styles, activeClass)],\n [getStyle(styles, camelCase(animationClass))],\n child.props.className\n )\n });\n }).filter(Boolean);\n }, [children, activeTabId, animationDirection]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabPanelsWrapper, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_PANELS, id)}\n >\n {renderedTabs}\n </div>\n );\n }\n);\n\nObject.assign(TabPanels, {\n isTabPanels: true\n});\n\ninterface TabPanelsStaticProps {\n animationDirections: typeof TabPanelsAnimationDirectionEnum;\n}\n\nexport default withStaticProps<TabPanelsProps, TabPanelsStaticProps>(TabPanels, {\n animationDirections: TabPanelsAnimationDirectionEnum\n});\n"],"names":["TabPanels","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","_ref$animationDirecti","animationDirection","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","renderedTabs","useMemo","React","Children","map","child","index","isActiveTab","activeClass","animationClass","concat","cloneElement","Object","assign","props","cx","styles","tabPanel","getStyle","camelCase","filter","Boolean","createElement","tabPanelsWrapper","getTestId","ComponentDefaultTestId","TAB_PANELS","isTabPanels","withStaticProps","animationDirections","TabPanelsAnimationDirectionEnum"],"mappings":"~~qiBA2BA~~,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAN,EAAEO,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAEE,EAAQR,EAARQ,SAAyBC,EAAUT,EAAzB,eAGlEU,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAC7BI,EAAeC,GAAQ,WAC3B,OAAOC,EAAMC,SAASC,IAAIV,GAAU,SAACW,EAAOC,GAC1C,IAAMC,EAAchB,IAAgBe,EACpC,IAAKC,EAAa,OAAO,KACzB,IAAMC,EAAcD,EAAc,SAAW,aACvCE,EAAiBF,EAAW,uBAAAG,OAA0BjB,GAAuB,GACnF,OAAOS,EAAMS,aAAaN,EACxBO,OAAAC,OAAAD,OAAAC,OAAA,CAAAP,MAAAA,GACGD,EAAMS,QACT1B,UAAW2B,EACTC,EAAOC,SACP,CAACC,EAASF,EAAQR,IAClB,CAACU,EAASF,EAAQG,EAAUV,KAC5BJ,EAAMS,MAAM1B,aAGlB,IAAGgC,OAAOC,QACX,GAAE,CAAC3B,EAAUH,EAAaE,IAE3B,OACES,EAAAoB,cAAA,MAAA,CACEnC,IAAKW,EACLV,UAAW2B,EAAGC,EAAOO,iBAAkBnC,GACvCC,GAAIA,EACS,cAAAM,GAAc6B,EAAUC,EAAuBC,WAAYrC,IAEvEW,EAGP,IAGFY,OAAOC,OAAO7B,EAAW,CACvB2C,aAAa,IAOf,IAAeC,EAAAA,EAAsD5C,EAAW,CAC9E6C,oBAAqBC"}
1	+ {"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { type TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { type TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport styles from \"./TabPanels.module.scss\";\n\nexport interface TabPanelsProps extends VibeComponentProps {\n /*\n The index of the currently active tab panel.\n /\n activeTabId?: number;\n /\n The animation direction when switching between tab panels.\n /\n animationDirection?: TabPanelsAnimationDirection;\n /\n The child elements representing tab panels.\n */\n children?: ReactElement<TabPanelProps> \| ReactElement<TabPanelProps>[];\n}\n\nconst TabPanels = forwardRef(\n (\n { className, id, activeTabId = 0, animationDirection = \"rtl\", children, \"data-testid\": dataTestId }: TabPanelsProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const renderedTabs = useMemo(() => {\n return React.Children.map(children, (child, index) => {\n const isActiveTab = activeTabId === index;\n if (!isActiveTab) return null;\n const activeClass = isActiveTab ? \"active\" : \"non-active\";\n const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : \"\";\n return React.cloneElement(child, {\n index,\n ...child.props,\n className: cx(\n styles.tabPanel,\n [getStyle(styles, activeClass)],\n [getStyle(styles, camelCase(animationClass))],\n child.props.className\n )\n });\n }).filter(Boolean);\n }, [children, activeTabId, animationDirection]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabPanelsWrapper, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_PANELS, id)}\n >\n {renderedTabs}\n </div>\n );\n }\n);\n\nObject.assign(TabPanels, {\n isTabPanels: true\n});\n\ninterface TabPanelsStaticProps {\n animationDirections: typeof TabPanelsAnimationDirectionEnum;\n}\n\nexport default withStaticProps<TabPanelsProps, TabPanelsStaticProps>(TabPanels, {\n animationDirections: TabPanelsAnimationDirectionEnum\n});\n"],"names":["TabPanels","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","_ref$animationDirecti","animationDirection","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","renderedTabs","useMemo","React","Children","map","child","index","isActiveTab","activeClass","animationClass","concat","cloneElement","Object","assign","props","cx","styles","tabPanel","getStyle","camelCase","filter","Boolean","createElement","tabPanelsWrapper","getTestId","ComponentDefaultTestId","TAB_PANELS","isTabPanels","withStaticProps","animationDirections","TabPanelsAnimationDirectionEnum"],"mappings":"siBA2BA,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAN,EAAEO,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAEE,EAAQR,EAARQ,SAAyBC,EAAUT,EAAzB,eAGlEU,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAC7BI,EAAeC,GAAQ,WAC3B,OAAOC,EAAMC,SAASC,IAAIV,GAAU,SAACW,EAAOC,GAC1C,IAAMC,EAAchB,IAAgBe,EACpC,IAAKC,EAAa,OAAO,KACzB,IAAMC,EAAcD,EAAc,SAAW,aACvCE,EAAiBF,EAAW,uBAAAG,OAA0BjB,GAAuB,GACnF,OAAOS,EAAMS,aAAaN,EACxBO,OAAAC,OAAAD,OAAAC,OAAA,CAAAP,MAAAA,GACGD,EAAMS,QACT1B,UAAW2B,EACTC,EAAOC,SACP,CAACC,EAASF,EAAQR,IAClB,CAACU,EAASF,EAAQG,EAAUV,KAC5BJ,EAAMS,MAAM1B,aAGlB,IAAGgC,OAAOC,QACX,GAAE,CAAC3B,EAAUH,EAAaE,IAE3B,OACES,EAAAoB,cAAA,MAAA,CACEnC,IAAKW,EACLV,UAAW2B,EAAGC,EAAOO,iBAAkBnC,GACvCC,GAAIA,EACS,cAAAM,GAAc6B,EAAUC,EAAuBC,WAAYrC,IAEvEW,EAGP,IAGFY,OAAOC,OAAO7B,EAAW,CACvB2C,aAAa,IAOf,IAAeC,EAAAA,EAAsD5C,EAAW,CAC9E6C,oBAAqBC"}

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_bacd8b47da",tabPanel:"tabPanel_31da10edc6",animationDirectionRtl:"animationDirectionRtl_52b5c0ef6e",animationDirectionLtr:"animationDirectionLtr_79976d77be",active:"active_99088cecf3",panelSlideIn:"panelSlideIn_832b3b5e05"};!function(e){const a="s_id-078bacbdb1e4_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabPanelsWrapper_bacd8b47da .tabPanel_31da10edc6 {\n  display: none;\n}\n\n.tabPanelsWrapper_bacd8b47da .tabPanel_31da10edc6.animationDirectionRtl_52b5c0ef6e {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_bacd8b47da .tabPanel_31da10edc6.animationDirectionLtr_79976d77be {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_bacd8b47da .tabPanel_31da10edc6.active_99088cecf3 {\n  display: block;\n  animation: panelSlideIn_832b3b5e05 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_832b3b5e05 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_9511decf05",tabPanel:"tabPanel_62af87d672",animationDirectionRtl:"animationDirectionRtl_9a43645c87",animationDirectionLtr:"animationDirectionLtr_5e13dc231d",active:"active_37fd0c1b69",panelSlideIn:"panelSlideIn_90c0ca5013"};!function(e){const n="s_id-078bacbdb1e4_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_9511decf05 .tabPanel_62af87d672 {\n  display: none;\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.animationDirectionRtl_9a43645c87 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.animationDirectionLtr_5e13dc231d {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.active_37fd0c1b69 {\n  display: block;\n  animation: panelSlideIn_90c0ca5013 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_90c0ca5013 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as s}from"../../../_virtual/_tslib.js";import e,{forwardRef as t}from"react";import r from"classnames";import{camelCase as o}from"lodash-es";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{TextType as p,TextWeight as m}from"./TextConstants.js";import l from"../Typography/Typography.js";import{TypographyColor as a,TypographyAlign as n}from"../Typography/TypographyConstants.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./Text.module.scss.js";var y=c(t((function(t,p){var m=t.className,a=t.type,n=void 0===a?"text2":a,c=t.weight,y=void 0===c?"normal":c,h=t.ellipsis,d=t.element,g=void 0===d?"div":d,j=t.children,u=s(t,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return e.createElement(l,Object.assign({ref:p,className:r(f.text,i(f,o(n+"-"+y)),m),ellipsis:v,element:g},u),j)})),{types:p,weights:m,colors:a,align:n});export{y as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import s,{forwardRef as e}from"react";import r from"classnames";import{camelCase as o}from"es-toolkit";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{TextType as p,TextWeight as m}from"./TextConstants.js";import l from"../Typography/Typography.js";import{TypographyColor as a,TypographyAlign as n}from"../Typography/TypographyConstants.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./Text.module.scss.js";var y=c(e((function(e,p){var m=e.className,a=e.type,n=void 0===a?"text2":a,c=e.weight,y=void 0===c?"normal":c,h=e.ellipsis,d=e.element,g=void 0===d?"div":d,j=e.children,u=t(e,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return s.createElement(l,Object.assign({ref:p,className:r(f.text,i(f,o(n+"-"+y)),m),ellipsis:v,element:g},u),j)})),{types:p,weights:m,colors:a,align:n});export{y as default};
 //# sourceMappingURL=Text.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"~~lodash~~-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n TypographyAlign as TypographyAlignEnum,\n TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n The content inside the text component.\n */\n children: ReactNode;\n}\n\nconst Text = forwardRef(\n (\n {\n className,\n type = \"text2\",\n weight = \"normal\",\n ellipsis,\n element = \"div\",\n children,\n ...typographyProps\n }: TextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const overrideEllipsis = ellipsis ?? element !== \"p\";\n return (\n <Typography\n ref={ref}\n className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n ellipsis={overrideEllipsis}\n element={element}\n {...typographyProps}\n >\n {children}\n </Typography>\n );\n }\n);\n\ninterface TextStaticProps {\n types: typeof TextTypeEnum;\n weights: typeof TextWeightEnum;\n colors: typeof TypographyColorEnum;\n align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n types: TextTypeEnum,\n weights: TextWeightEnum,\n colors: TypographyColorEnum,\n align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"~~mjBA6BA~~,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}
1	+ {"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n TypographyAlign as TypographyAlignEnum,\n TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n The content inside the text component.\n */\n children: ReactNode;\n}\n\nconst Text = forwardRef(\n (\n {\n className,\n type = \"text2\",\n weight = \"normal\",\n ellipsis,\n element = \"div\",\n children,\n ...typographyProps\n }: TextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const overrideEllipsis = ellipsis ?? element !== \"p\";\n return (\n <Typography\n ref={ref}\n className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n ellipsis={overrideEllipsis}\n element={element}\n {...typographyProps}\n >\n {children}\n </Typography>\n );\n }\n);\n\ninterface TextStaticProps {\n types: typeof TextTypeEnum;\n weights: typeof TextWeightEnum;\n colors: typeof TypographyColorEnum;\n align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n types: TextTypeEnum,\n weights: TextWeightEnum,\n colors: TypographyColorEnum,\n align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"ojBA6BA,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_b7d0130d3b",text1Medium:"text1Medium_fc3521d2f7",text1Normal:"text1Normal_0e0fa448d9",text2Bold:"text2Bold_da8160bb7c",text2Medium:"text2Medium_3b47af64ed",text2Normal:"text2Normal_d4cc1892e9",text3Bold:"text3Bold_fb01926609",text3Medium:"text3Medium_dbe54d821c",text3Normal:"text3Normal_ce7cb10891",text:"text_6bad4c857c"};!function(t){const e="s_id-0b8dab5fe88c_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_b7d0130d3b {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_fc3521d2f7 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_0e0fa448d9 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_da8160bb7c {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_3b47af64ed {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_d4cc1892e9 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_fb01926609 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_dbe54d821c {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_ce7cb10891 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_6bad4c857c {\n  margin-block: 0;\n}\n\np.text_6bad4c857c + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_baf40ae6af",text1Medium:"text1Medium_cd3b952e6b",text1Normal:"text1Normal_40416625af",text2Bold:"text2Bold_6435c24562",text2Medium:"text2Medium_a8bb6329a3",text2Normal:"text2Normal_200d0b828f",text3Bold:"text3Bold_6c657a2b6d",text3Medium:"text3Medium_213fbe707a",text3Normal:"text3Normal_c81f9f4b46",text:"text_bbce791713"};!function(t){const e="s_id-0b8dab5fe88c_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_baf40ae6af {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_cd3b952e6b {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_40416625af {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6435c24562 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_a8bb6329a3 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_200d0b828f {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_6c657a2b6d {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_213fbe707a {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c81f9f4b46 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_bbce791713 {\n  margin-block: 0;\n}\n\np.text_bbce791713 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_c487e35688",label:"label_97ef9ed1fe",required:"required_92e4badb74",subTextContainer:"subTextContainer_ec973632a6",helpText:"helpText_b7ce09f313",limitText:"limitText_72f8832256",textArea:"textArea_00aacc5fed",small:"small_d4cc1892e9",large:"large_0e0fa448d9",resize:"resize_35b0cb2c58",success:"success_a003094e66",error:"error_a5217a499d",disabled:"disabled_92e4badb74",readOnly:"readOnly_92e4badb74"};!function(e){const r="s_id-c3fc7910bb37_3_61_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_c487e35688 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c487e35688 .label_97ef9ed1fe {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c487e35688 .label_97ef9ed1fe.required_92e4badb74::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_c487e35688 .subTextContainer_ec973632a6 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_c487e35688 .subTextContainer_ec973632a6 .helpText_b7ce09f313 {\n  display: flex;\n}\n.textAreaWrapper_c487e35688 .subTextContainer_ec973632a6 .limitText_72f8832256 {\n  margin-left: auto;\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed:active, .textAreaWrapper_c487e35688 .textArea_00aacc5fed:focus, .textAreaWrapper_c487e35688 .textArea_00aacc5fed:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed.small_d4cc1892e9 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed.large_0e0fa448d9 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_c487e35688 .textArea_00aacc5fed:not(.resize_35b0cb2c58) {\n  resize: none;\n}\n.textAreaWrapper_c487e35688.success_a003094e66 .textArea_00aacc5fed {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_c487e35688.success_a003094e66 .helpText_b7ce09f313 {\n  color: var(--color-success);\n}\n.textAreaWrapper_c487e35688.error_a5217a499d .textArea_00aacc5fed {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_c487e35688.error_a5217a499d .helpText_b7ce09f313,\n.textAreaWrapper_c487e35688.error_a5217a499d .limitText_72f8832256 {\n  color: var(--color-error);\n}\n.textAreaWrapper_c487e35688.disabled_92e4badb74 .textArea_00aacc5fed,\n.textAreaWrapper_c487e35688.disabled_92e4badb74 .textArea_00aacc5fed:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_c487e35688.disabled_92e4badb74 .helpText_b7ce09f313 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_c487e35688.readOnly_92e4badb74 .textArea_00aacc5fed,\n.textAreaWrapper_c487e35688.readOnly_92e4badb74 .textArea_00aacc5fed:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_4007f90ae4",label:"label_836aab1b53",required:"required_10d2cf0d76",subTextContainer:"subTextContainer_2643633957",helpText:"helpText_cbd2e3a4c5",limitText:"limitText_37688a21ee",textArea:"textArea_f510c02e51",small:"small_200d0b828f",large:"large_40416625af",resize:"resize_4226d410de",success:"success_2357f654c1",error:"error_d4f60b3e28",disabled:"disabled_10d2cf0d76",readOnly:"readOnly_10d2cf0d76"};!function(e){const r="s_id-c3fc7910bb37_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_4007f90ae4 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_4007f90ae4 .label_836aab1b53 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .label_836aab1b53.required_10d2cf0d76::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 .helpText_cbd2e3a4c5 {\n  display: flex;\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 .limitText_37688a21ee {\n  margin-left: auto;\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51:active, .textAreaWrapper_4007f90ae4 .textArea_f510c02e51:focus, .textAreaWrapper_4007f90ae4 .textArea_f510c02e51:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51.small_200d0b828f {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51.large_40416625af {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51:not(.resize_4226d410de) {\n  resize: none;\n}\n.textAreaWrapper_4007f90ae4.success_2357f654c1 .textArea_f510c02e51 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_4007f90ae4.success_2357f654c1 .helpText_cbd2e3a4c5 {\n  color: var(--color-success);\n}\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .textArea_f510c02e51 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .helpText_cbd2e3a4c5,\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .limitText_37688a21ee {\n  color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .textArea_f510c02e51,\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .textArea_f510c02e51:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .helpText_cbd2e3a4c5 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_4007f90ae4.readOnly_10d2cf0d76 .textArea_f510c02e51,\n.textAreaWrapper_4007f90ae4.readOnly_10d2cf0d76 .textArea_f510c02e51:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_1ca5aa5046",labelWrapper:"labelWrapper_70f68e883c",subTextContainer:"subTextContainer_391a067680",counter:"counter_72f8832256",disabled:"disabled_1fc128424d",icon:"icon_91054f0f14",inputWrapper:"inputWrapper_91054f0f14",input:"input_db0dee5836",iconContainer:"iconContainer_68d8b364aa",iconContainerHasIcon:"iconContainerHasIcon_1d6b81d427",readOnly:"readOnly_91e2568b6f",inputHover:"inputHover_f2aaa996dd",inputActive:"inputActive_071b2a0d60",inputHasIcon:"inputHasIcon_c5cde3e6bb",round:"round_05360fe1d4",square:"square_d8809ef2bc",onlyUnderline:"onlyUnderline_ac0373ab2e",tooltipContainer:"tooltipContainer_4f02c3a327",wrapperSizeMedium:"wrapperSizeMedium_0dd1d3490c",wrapperSizeLarge:"wrapperSizeLarge_58268a9ef6",iconContainerActive:"iconContainerActive_c401c5b88b",iconContainerClickable:"iconContainerClickable_673c35d94d",inputErrorValidation:"inputErrorValidation_1d6b81d427",subTextContainerStatus:"subTextContainerStatus_a5002e0646",inputSuccessValidation:"inputSuccessValidation_13565893c9",wrapperSizeSmall:"wrapperSizeSmall_5c53893c42",inputWrapperSizeSmall:"inputWrapperSizeSmall_019a00643c",loaderContainer:"loaderContainer_680bc79eb6",loaderContainerHasIcon:"loaderContainerHasIcon_d994d5240e",loader:"loader_de5c99fec2",loaderSvg:"loaderSvg_ec973632a6"};!function(n){const e="s_id-695413f4db8e_3_61_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_1ca5aa5046 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_1ca5aa5046 * {\n  box-sizing: border-box;\n}\n\n.textField_1ca5aa5046 .labelWrapper_70f68e883c {\n  width: 100%;\n}\n\n.textField_1ca5aa5046 .subTextContainer_391a067680 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_1ca5aa5046 .subTextContainer_391a067680 .counter_72f8832256 {\n  margin-left: auto;\n}\n\n.textField_1ca5aa5046.disabled_1fc128424d .icon_91054f0f14 {\n  cursor: not-allowed;\n}\n\n.textField_1ca5aa5046.disabled_1fc128424d .inputWrapper_91054f0f14 {\n  cursor: not-allowed;\n}\n\n.textField_1ca5aa5046.disabled_1fc128424d .inputWrapper_91054f0f14 .input_db0dee5836 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_1ca5aa5046.disabled_1fc128424d .inputWrapper_91054f0f14 .input_db0dee5836::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_1ca5aa5046.disabled_1fc128424d .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerHasIcon_1d6b81d427:hover {\n  background-color: transparent;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.readOnly_91e2568b6f {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.inputHover_f2aaa996dd {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836:focus,\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836:active,\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.inputActive_071b2a0d60 {\n  border-color: var(--primary-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.inputHasIcon_c5cde3e6bb {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.round_05360fe1d4 {\n  border-radius: 50px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.square_d8809ef2bc {\n  border-radius: 0;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .input_db0dee5836.onlyUnderline_ac0373ab2e {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .tooltipContainer_4f02c3a327 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .tooltipContainer_4f02c3a327 {\n  width: 40px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .tooltipContainer_4f02c3a327 {\n  width: 46px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerActive_c401c5b88b.iconContainerHasIcon_1d6b81d427.iconContainerClickable_673c35d94d {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerActive_c401c5b88b.iconContainerHasIcon_1d6b81d427:not(.iconContainerClickable_673c35d94d) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerActive_c401c5b88b {\n  opacity: 1;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerActive_c401c5b88b .icon_91054f0f14 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerHasIcon_1d6b81d427.iconContainerClickable_673c35d94d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa.iconContainerHasIcon_1d6b81d427.iconContainerClickable_673c35d94d:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .iconContainer_68d8b364aa .icon_91054f0f14 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427:hover .input_db0dee5836 {\n  border-color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 .input_db0dee5836 {\n  border-color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 .input_db0dee5836:focus,\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 .input_db0dee5836:active {\n  border-color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 .iconContainer_68d8b364aa .icon_91054f0f14 {\n  color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 .iconContainer_68d8b364aa .icon_91054f0f14:hover {\n  color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 + .subTextContainer_391a067680 .subTextContainerStatus_a5002e0646,\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputErrorValidation_1d6b81d427 + .subTextContainer_391a067680 .counter_72f8832256 {\n  color: var(--negative-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9:hover .input_db0dee5836 {\n  border-color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 .input_db0dee5836 {\n  border-color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 .input_db0dee5836:focus,\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 .input_db0dee5836:active {\n  border-color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 .iconContainer_68d8b364aa .icon_91054f0f14 {\n  color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 .iconContainer_68d8b364aa .icon_91054f0f14:hover {\n  color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputSuccessValidation_13565893c9 + .subTextContainer_391a067680 .subTextContainerStatus_a5002e0646 {\n  color: var(--positive-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeSmall_5c53893c42 {\n  height: 32px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeSmall_5c53893c42 .input_db0dee5836 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.inputWrapperSizeSmall_019a00643c .input_db0dee5836.inputHasIcon_c5cde3e6bb.onlyUnderline_ac0373ab2e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c {\n  height: 40px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .input_db0dee5836 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .input_db0dee5836.inputHasIcon_c5cde3e6bb {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .input_db0dee5836.inputHasIcon_c5cde3e6bb.onlyUnderline_ac0373ab2e {\n  padding-left: 4px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .iconContainer_68d8b364aa {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .iconContainer_68d8b364aa:hover + .iconContainer_68d8b364aa + .input_db0dee5836 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 {\n  height: 48px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .input_db0dee5836 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .input_db0dee5836.inputHasIcon_c5cde3e6bb {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .input_db0dee5836.inputHasIcon_c5cde3e6bb.onlyUnderline_ac0373ab2e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .iconContainer_68d8b364aa {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14:hover .input_db0dee5836 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .loaderContainer_680bc79eb6 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .loaderContainer_680bc79eb6.loaderContainerHasIcon_d994d5240e {\n  right: 32px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .loaderContainer_680bc79eb6 .loader_de5c99fec2 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14 .loaderContainer_680bc79eb6 .loader_de5c99fec2 .loaderSvg_ec973632a6 {\n  color: var(--secondary-text-color);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeMedium_0dd1d3490c .iconContainer_68d8b364aa .icon_91054f0f14 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_1ca5aa5046 .inputWrapper_91054f0f14.wrapperSizeLarge_58268a9ef6 .iconContainer_68d8b364aa .icon_91054f0f14 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var e={textField:"textField_f56e1e0278",labelWrapper:"labelWrapper_dd3453da2b",subTextContainer:"subTextContainer_9b02cf7d1a",counter:"counter_37688a21ee",disabled:"disabled_908ec9acff",icon:"icon_5a4cc9ab19",inputWrapper:"inputWrapper_5a4cc9ab19",input:"input_341b7768b4",iconContainer:"iconContainer_b375c47ea2",iconContainerHasIcon:"iconContainerHasIcon_3df9e13bab",readOnly:"readOnly_7cceccf44c",inputHover:"inputHover_555a4992c0",inputActive:"inputActive_40168a80f0",inputHasIcon:"inputHasIcon_c6b8d72b37",round:"round_a12d163514",square:"square_b0759f6ae7",onlyUnderline:"onlyUnderline_ff09edceab",tooltipContainer:"tooltipContainer_b56b6cb339",wrapperSizeMedium:"wrapperSizeMedium_eef652970d",wrapperSizeLarge:"wrapperSizeLarge_590c371811",iconContainerActive:"iconContainerActive_e9da2be29e",iconContainerClickable:"iconContainerClickable_e833fb8987",inputErrorValidation:"inputErrorValidation_3df9e13bab",subTextContainerStatus:"subTextContainerStatus_30616fa293",inputSuccessValidation:"inputSuccessValidation_4dd3f4a961",wrapperSizeSmall:"wrapperSizeSmall_aae92b9c72",inputWrapperSizeSmall:"inputWrapperSizeSmall_e80e730820",loaderContainer:"loaderContainer_67e719a3ce",loaderContainerHasIcon:"loaderContainerHasIcon_2b558bb114",loader:"loader_7a1b5c6d1a",loaderSvg:"loaderSvg_2643633957"};!function(e){const n="s_id-695413f4db8e_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_f56e1e0278 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_f56e1e0278 * {\n  box-sizing: border-box;\n}\n\n.textField_f56e1e0278 .labelWrapper_dd3453da2b {\n  width: 100%;\n}\n\n.textField_f56e1e0278 .subTextContainer_9b02cf7d1a {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_f56e1e0278 .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  margin-left: auto;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .icon_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab:hover {\n  background-color: transparent;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.readOnly_7cceccf44c {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHover_555a4992c0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:active,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputActive_40168a80f0 {\n  border-color: var(--primary-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.round_a12d163514 {\n  border-radius: 50px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.square_b0759f6ae7 {\n  border-radius: 0;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.onlyUnderline_ff09edceab {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .tooltipContainer_b56b6cb339 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .tooltipContainer_b56b6cb339 {\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .tooltipContainer_b56b6cb339 {\n  width: 46px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab:not(.iconContainerClickable_e833fb8987) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e {\n  opacity: 1;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e .icon_5a4cc9ab19 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab:hover .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:active {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961:hover .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:active {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 {\n  height: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 .input_341b7768b4 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputWrapperSizeSmall_e80e730820 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d {\n  height: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: 4px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2:hover + .iconContainer_b375c47ea2 + .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 {\n  height: 48px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19:hover .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce.loaderContainerHasIcon_2b558bb114 {\n  right: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a .loaderSvg_2643633957 {\n  color: var(--secondary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_a0dcf9da90",highlightText:"highlightText_b94ed55104",withEllipsis:"withEllipsis_8d72891609"};!function(e){const t="s_id-42c1fd2afe36_3_61_1";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)}(".textWithHighlightWrapper_a0dcf9da90 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_a0dcf9da90 em.highlightText_b94ed55104 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_a0dcf9da90.withEllipsis_8d72891609 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_5d92a10b47",highlightText:"highlightText_b956db7cf8",withEllipsis:"withEllipsis_99be520f08"};!function(e){const t="s_id-42c1fd2afe36_3_62_0";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)}(".textWithHighlightWrapper_5d92a10b47 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_5d92a10b47 em.highlightText_b956db7cf8 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_5d92a10b47.withEllipsis_99be520f08 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_66fdea64c7",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_697fae8de8",floating:"floating_5de1866a5a",tipseenHeader:"tipseenHeader_2f62e02248",tipseenTitle:"tipseenTitle_b646b95e50",tipseenContent:"tipseenContent_5d5be68c35",tipseenCloseButton:"tipseenCloseButton_e02e8a4756",dark:"dark_0bbc2ff15b"};!function(e){const t="s_id-33da00d2ba25_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_66fdea64c7 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_66fdea64c7.tipseenWrapperWithoutCustomWidth_697fae8de8 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_66fdea64c7.floating_5de1866a5a {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_66fdea64c7 .tipseenHeader_2f62e02248 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_66fdea64c7 .tipseenTitle_b646b95e50 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_66fdea64c7 .tipseenContent_5d5be68c35 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_66fdea64c7 .tipseenCloseButton_e02e8a4756 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_66fdea64c7 .tipseenCloseButton_e02e8a4756.dark_0bbc2ff15b {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_3a01391af6",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_ca252e75a9",floating:"floating_3b51b5b371",tipseenHeader:"tipseenHeader_17fe43b9ec",tipseenTitle:"tipseenTitle_9394919d2b",tipseenContent:"tipseenContent_171165df8e",tipseenCloseButton:"tipseenCloseButton_105c336f26",dark:"dark_96d8f358fa"};!function(e){const t="s_id-33da00d2ba25_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_3a01391af6 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_3a01391af6.tipseenWrapperWithoutCustomWidth_ca252e75a9 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_3a01391af6.floating_3b51b5b371 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenHeader_17fe43b9ec {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_3a01391af6 .tipseenTitle_9394919d2b {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenContent_171165df8e {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26.dark_96d8f358fa {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_3c7eaa425c"};!function(e){const n="s_id-e688002d63b5_3_61_1";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)}(".tipseenBasicContent_3c7eaa425c {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_3c7eaa425c:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_77cd696898"};!function(e){const n="s_id-e688002d63b5_3_62_0";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)}(".tipseenBasicContent_77cd696898 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_77cd696898:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_4a7e549165",dismiss:"dismiss_e4fcc20560"};!function(e){const t="s_id-91df242cd10d_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_4a7e549165 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_e4fcc20560 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_4155bae59a",dismiss:"dismiss_efd2ad8f7e"};!function(e){const t="s_id-91df242cd10d_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_4155bae59a {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_efd2ad8f7e {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenImage.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_daac9022c1"};!function(e){const t="s_id-5a749fe7aaee_3_61_1";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)}(".tipseenImage_daac9022c1 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_4e7257e1cf"};!function(e){const t="s_id-5a749fe7aaee_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_4e7257e1cf {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{forwardRef as s,useRef as t,useContext as r,useMemo as o}from"react";import i from"classnames";import m from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import d from"./TipseenMedia.module.scss.js";import{TipseenContext as n}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"lodash-es";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],h=s.children,E=t(null),v=m(c,E),I=r(n),N=o((function(){return i(d.tipseenMedia,f(d,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},h)}));export{c as default};
+import e,{forwardRef as s,useRef as t,useContext as r,useMemo as o}from"react";import i from"classnames";import m from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import n from"./TipseenMedia.module.scss.js";import{TipseenContext as d}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"es-toolkit";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],E=s.children,h=t(null),v=m(c,h),I=r(d),N=o((function(){return i(n.tipseenMedia,f(n,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},E)}));export{c as default};
 //# sourceMappingURL=TipseenMedia.js.map

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"~~lodash~~-es\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n /*\n The media content displayed inside the Tipseen.\n */\n children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const color = useContext(TipseenContext);\n\n const classNames = useMemo(() => {\n return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n }, [color, className]);\n\n return (\n <div\n ref={mergedRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"~~4dAkBMA~~,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}
1	+ {"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n /*\n The media content displayed inside the Tipseen.\n */\n children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const color = useContext(TipseenContext);\n\n const classNames = useMemo(() => {\n return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n }, [color, className]);\n\n return (\n <div\n ref={mergedRef}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"6dAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_b4ceffeb4a",colorInverted:"colorInverted_2b7502217f"};!function(e){const n="s_id-71e151b2b729_3_61_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_b4ceffeb4a {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_2b7502217f {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_dbb2a69cf7",colorInverted:"colorInverted_4623e74f89"};!function(e){const d="s_id-71e151b2b729_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_dbb2a69cf7 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_4623e74f89 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/src/components/Tipseen/TipseenTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_23c6a82e77"};!function(e){const t="s_id-52c2fd8cbf53_3_61_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_23c6a82e77 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_fbd409f7fc"};!function(e){const t="s_id-52c2fd8cbf53_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_fbd409f7fc {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/src/components/Tipseen/TipseenWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_1b0a2aaf39",tipseenWizardWizard:"tipseenWizardWizard_70f68e883c"};!function(e){const i="s_id-98eba0c83d1f_3_61_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_1b0a2aaf39 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_70f68e883c {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_8efd055d77",tipseenWizardWizard:"tipseenWizardWizard_dd3453da2b"};!function(e){const d="s_id-98eba0c83d1f_3_62_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_8efd055d77 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_dd3453da2b {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"lodash-es";import{getTestId as n,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import C from"../IconButton/IconButton.js";import b from"../../hooks/usePrevious/index.js";import k from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=b(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var r=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(n),className:i(N.actionButton,t({},N.withTransition,Z))},a),r)})):null}),[z,Z]),tt=l((function(){return i(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&nt(A),function(){clearTimeout(ot.current)}}),[E,A,nt]);var rt=!I&&h(S,_),it=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&it(V.current)}),[F,it]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||n(r.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},rt&&s.createElement("div",{className:i(N.icon)},rt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":n(r.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(C,{className:i(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":n(r.TOAST_CLOSE_BUTTON),icon:k,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import k from"../IconButton/IconButton.js";import C from"../../hooks/usePrevious/index.js";import b from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=C(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,i){var n=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(i),className:r(N.actionButton,t({},N.withTransition,Z))},a),n)})):null}),[z,Z]),tt=l((function(){return r(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),it=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&it(A),function(){clearTimeout(ot.current)}}),[E,A,it]);var nt=!I&&h(S,_),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||i(n.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},nt&&s.createElement("div",{className:r(N.icon)},nt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":i(n.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(k,{className:r(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":i(n.TOAST_CLOSE_BUTTON),icon:b,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
 //# sourceMappingURL=Toast.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n ariaLabel={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\ninterface ToastStaticProps {\n types: typeof ToastTypeEnum;\n actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"4mCA0EA,IAgKeA,EAAAA,GAhKD,SAAHC,GAgBM,IAAAC,EAAAD,EAffE,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAH,EACZI,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAL,EACfM,iBAAAA,OAAmB,IAAHD,EAAG,KAAIA,EAAAE,EAAAP,EACvBQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIT,EAAJS,KAAIC,EAAAV,EACJW,SAAAA,OAAW,IAAHD,GAAQA,EACRE,EAAgBZ,EAAxBa,OACAC,EAAOd,EAAPc,QACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAASrB,EAATqB,UACAC,EAAEtB,EAAFsB,GAAEC,EAAAvB,EACFwB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EACfE,EAAUzB,EAAzB,eAEM0B,EAAMC,EAAO,MACbC,EAAUD,EAAuB,MACjCE,EAAcC,EAAYhB,aAAO,EAAPA,EAASiB,QACnCC,EAAaC,GAAQ,WACzB,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,SAAhBA,EAAOL,IAAe,IACvC2B,KAAI,SAACC,GAAkBC,IAAAA,EAAUC,EAAAF,EAA5B,UAAmC,OACvCG,EAACC,cAAAC,iBAAUC,IAAKL,EAAWM,KAAMtB,UAAWuB,EAAOC,YAAgBR,GACpE,IACH,IACN,GAAG,CAACvB,IAEEgC,EAA6Bb,GAAQ,WACzC,YAAuBc,IAAhBlB,IAA6Bf,aAAO,EAAPA,EAASiB,UAAWF,CAC1D,GAAG,CAACf,EAASe,IAEPmB,EAAqCf,GAAQ,WACjD,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,WAAhBA,EAAOL,IAAiB,IACzC2B,KAAI,SAACC,EAAyCa,OAA1BC,IAAAA,QAAYb,EAA3BC,EAAAF,EAAA,CAAA,OAAA,YAAmD,OACvDG,EAAAC,cAACW,EAAWC,OAAAC,OAAA,CACVX,IAAGY,gBAAAA,OAAkBL,GACrB5B,UAAWkC,EAAGX,EAAOY,aAAYC,EAAA,CAAA,EAAKb,EAAOc,eAAiBZ,KAC1DT,GAEHa,EAEJ,IACH,IACN,GAAG,CAACpC,EAASgC,IAEPa,GAAa1B,GACjB,WAAA,OAAMsB,EAAGX,EAAOgB,MAAOC,EAASjB,EAAQkB,EAAU,QAAUtD,IAAQa,EAAU,GAC9E,CAACb,EAAMa,IAGH0C,GAAcC,GAAY,WAC1B7C,GACFA,GAEJ,GAAG,CAACA,IAGE8C,GAAgBtC,IAChBuC,GAAmBF,GACvB,SAACG,GACMhD,GAAuB,MAAZgD,IAIhBC,aAAaH,GAAcI,SAC3BJ,GAAcI,QAAUC,YAAW,WACjCP,IACD,GAAEI,GACL,GACA,CAACJ,GAAa5C,IAGhBoD,GAAU,WAKR,OAJIrE,GAAQI,EAAmB,GAC7B4D,GAAiB5D,GAGZ,WACL8D,aAAaH,GAAcI,SAE9B,GAAE,CAACnE,EAAMI,EAAkB4D,KAE5B,IAAMM,IAAe7D,GAAY8D,EAAQjE,EAAMC,GAGzCiE,GAA0BV,GAAY,SAACW,GAC3C,IAAMC,EAAYD,EAAQE,MAAMC,MAChCH,EAAQE,MAAMC,MAAQ,OACtB,IAAMC,EAAWC,iBAAiBL,GAASG,MAC3CH,EAAQE,MAAMC,MAAQF,EAEtBD,EAAQE,MAAMC,MAAQC,CACvB,GAAE,IAQH,OANAR,GAAU,WACJ7C,EAAI2C,SACNK,GAAwBhD,EAAI2C,QAEhC,GAAG,CAACtD,EAAU2D,KAGZnC,EAAAC,cAACyC,EAAa,CACZC,GAAIhF,EACJ0B,QAASA,EACT+B,WAAY,CAAEwB,YAAavC,EAAOuC,YAAaC,WAAYxC,EAAOwC,YAClEC,QAAS,IACTC,eAAa,GAEb/C,EAAAC,cAAC+C,EACC,CAAA7D,IAAKE,EACLN,GAAIA,EACS,cAAAG,GAAc+D,EAAUC,EAAuBC,MAAOpE,GACnEd,KAAK,QACLmE,QAAQ,MACRgB,MAAM,aACNtE,UAAWsC,GACXiC,KAAK,oBACK,UAETpB,IAAejC,EAAAC,cAAA,MAAA,CAAKnB,UAAWkC,EAAGX,EAAOnC,OAAQ+D,IAClDjC,EAAAC,cAACqD,EAAI,CAACC,MAAM,SAASC,IAAI,QAAQ1E,UAAWuB,EAAOM,SACjDX,EAAAC,cAACqD,EACC,CAAAE,IAAI,uBACSP,EAAUC,EAAuBO,eAC9C3E,UAAWuB,EAAOqD,aAElB1D,EAAAC,cAAA,OAAA,KAAOzB,GACNiB,IAEDgB,GAAgBpC,KAAsBoC,GAAgBpC,GACvDR,GAAWmC,gBAAC2D,EAAM,CAACC,KAAK,QAE1BlF,GACCsB,EAACC,cAAA4D,GACC/E,UAAWkC,EAAGX,EAAOyD,aACrBC,QAASvC,GACToC,KAAK,QACLI,KAAK,WACLZ,MAAM,cACNa,UAAWhF,EACE,cAAAgE,EAAUC,EAAuBgB,oBAC9ChG,KAAMiG,EACNC,kBAMZ,GAOqF,CACnFC,MAAOC,EACPC,YAAaC"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n ariaLabel={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\ninterface ToastStaticProps {\n types: typeof ToastTypeEnum;\n actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"6mCA0EA,IAgKeA,EAAAA,GAhKD,SAAHC,GAgBM,IAAAC,EAAAD,EAffE,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAH,EACZI,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAL,EACfM,iBAAAA,OAAmB,IAAHD,EAAG,KAAIA,EAAAE,EAAAP,EACvBQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIT,EAAJS,KAAIC,EAAAV,EACJW,SAAAA,OAAW,IAAHD,GAAQA,EACRE,EAAgBZ,EAAxBa,OACAC,EAAOd,EAAPc,QACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAASrB,EAATqB,UACAC,EAAEtB,EAAFsB,GAAEC,EAAAvB,EACFwB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EACfE,EAAUzB,EAAzB,eAEM0B,EAAMC,EAAO,MACbC,EAAUD,EAAuB,MACjCE,EAAcC,EAAYhB,aAAO,EAAPA,EAASiB,QACnCC,EAAaC,GAAQ,WACzB,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,SAAhBA,EAAOL,IAAe,IACvC2B,KAAI,SAACC,GAAkBC,IAAAA,EAAUC,EAAAF,EAA5B,UAAmC,OACvCG,EAACC,cAAAC,iBAAUC,IAAKL,EAAWM,KAAMtB,UAAWuB,EAAOC,YAAgBR,GACpE,IACH,IACN,GAAG,CAACvB,IAEEgC,EAA6Bb,GAAQ,WACzC,YAAuBc,IAAhBlB,IAA6Bf,aAAO,EAAPA,EAASiB,UAAWF,CAC1D,GAAG,CAACf,EAASe,IAEPmB,EAAqCf,GAAQ,WACjD,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,WAAhBA,EAAOL,IAAiB,IACzC2B,KAAI,SAACC,EAAyCa,OAA1BC,IAAAA,QAAYb,EAA3BC,EAAAF,EAAA,CAAA,OAAA,YAAmD,OACvDG,EAAAC,cAACW,EAAWC,OAAAC,OAAA,CACVX,IAAGY,gBAAAA,OAAkBL,GACrB5B,UAAWkC,EAAGX,EAAOY,aAAYC,EAAA,CAAA,EAAKb,EAAOc,eAAiBZ,KAC1DT,GAEHa,EAEJ,IACH,IACN,GAAG,CAACpC,EAASgC,IAEPa,GAAa1B,GACjB,WAAA,OAAMsB,EAAGX,EAAOgB,MAAOC,EAASjB,EAAQkB,EAAU,QAAUtD,IAAQa,EAAU,GAC9E,CAACb,EAAMa,IAGH0C,GAAcC,GAAY,WAC1B7C,GACFA,GAEJ,GAAG,CAACA,IAGE8C,GAAgBtC,IAChBuC,GAAmBF,GACvB,SAACG,GACMhD,GAAuB,MAAZgD,IAIhBC,aAAaH,GAAcI,SAC3BJ,GAAcI,QAAUC,YAAW,WACjCP,IACD,GAAEI,GACL,GACA,CAACJ,GAAa5C,IAGhBoD,GAAU,WAKR,OAJIrE,GAAQI,EAAmB,GAC7B4D,GAAiB5D,GAGZ,WACL8D,aAAaH,GAAcI,SAE9B,GAAE,CAACnE,EAAMI,EAAkB4D,KAE5B,IAAMM,IAAe7D,GAAY8D,EAAQjE,EAAMC,GAGzCiE,GAA0BV,GAAY,SAACW,GAC3C,IAAMC,EAAYD,EAAQE,MAAMC,MAChCH,EAAQE,MAAMC,MAAQ,OACtB,IAAMC,EAAWC,iBAAiBL,GAASG,MAC3CH,EAAQE,MAAMC,MAAQF,EAEtBD,EAAQE,MAAMC,MAAQC,CACvB,GAAE,IAQH,OANAR,GAAU,WACJ7C,EAAI2C,SACNK,GAAwBhD,EAAI2C,QAEhC,GAAG,CAACtD,EAAU2D,KAGZnC,EAAAC,cAACyC,EAAa,CACZC,GAAIhF,EACJ0B,QAASA,EACT+B,WAAY,CAAEwB,YAAavC,EAAOuC,YAAaC,WAAYxC,EAAOwC,YAClEC,QAAS,IACTC,eAAa,GAEb/C,EAAAC,cAAC+C,EACC,CAAA7D,IAAKE,EACLN,GAAIA,EACS,cAAAG,GAAc+D,EAAUC,EAAuBC,MAAOpE,GACnEd,KAAK,QACLmE,QAAQ,MACRgB,MAAM,aACNtE,UAAWsC,GACXiC,KAAK,oBACK,UAETpB,IAAejC,EAAAC,cAAA,MAAA,CAAKnB,UAAWkC,EAAGX,EAAOnC,OAAQ+D,IAClDjC,EAAAC,cAACqD,EAAI,CAACC,MAAM,SAASC,IAAI,QAAQ1E,UAAWuB,EAAOM,SACjDX,EAAAC,cAACqD,EACC,CAAAE,IAAI,uBACSP,EAAUC,EAAuBO,eAC9C3E,UAAWuB,EAAOqD,aAElB1D,EAAAC,cAAA,OAAA,KAAOzB,GACNiB,IAEDgB,GAAgBpC,KAAsBoC,GAAgBpC,GACvDR,GAAWmC,gBAAC2D,EAAM,CAACC,KAAK,QAE1BlF,GACCsB,EAACC,cAAA4D,GACC/E,UAAWkC,EAAGX,EAAOyD,aACrBC,QAASvC,GACToC,KAAK,QACLI,KAAK,WACLZ,MAAM,cACNa,UAAWhF,EACE,cAAAgE,EAAUC,EAAuBgB,oBAC9ChG,KAAMiG,EACNC,kBAMZ,GAOqF,CACnFC,MAAOC,EACPC,YAAaC"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_dd8a0390bd",typeNormal:"typeNormal_005e57c6f8",typePositive:"typePositive_b8a259dbbc",typeNegative:"typeNegative_ece14c83f1",typeWarning:"typeWarning_e24ca88d09",closeButton:"closeButton_cf96cf6371",actionButton:"actionButton_34f290f709",actionLink:"actionLink_640a8f8967",typeDark:"typeDark_21f25e42b5",icon:"icon_bcf812d4e3",withTransition:"withTransition_46966a0482",bounceIn:"bounceIn_d8622291d7",content:"content_395f70e13c",textContent:"textContent_b930ad41db",enterActive:"enterActive_2bc456d9d1",slideIn:"slideIn_30d2e1674f",exitActive:"exitActive_c625722d02",slideOut:"slideOut_c3cb900712"};!function(n){const t="s_id-72c9912c1efa_3_61_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_dd8a0390bd {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_dd8a0390bd.typeNormal_005e57c6f8 {\n  background-color: var(--primary-color);\n}\n.toast_dd8a0390bd.typePositive_b8a259dbbc {\n  background-color: var(--positive-color);\n}\n.toast_dd8a0390bd.typeNegative_ece14c83f1 {\n  background-color: var(--negative-color);\n}\n.toast_dd8a0390bd.typeWarning_e24ca88d09 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_dd8a0390bd.typeWarning_e24ca88d09 .closeButton_cf96cf6371 {\n  color: var(--fixed-dark-color);\n}\n.toast_dd8a0390bd.typeWarning_e24ca88d09 .actionButton_34f290f709,\n.toast_dd8a0390bd.typeWarning_e24ca88d09 .actionLink_640a8f8967 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_dd8a0390bd.typeDark_21f25e42b5 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_dd8a0390bd.typeDark_21f25e42b5 .closeButton_cf96cf6371 {\n  color: var(--text-color-on-inverted);\n}\n.toast_dd8a0390bd.typeDark_21f25e42b5 .actionButton_34f290f709,\n.toast_dd8a0390bd.typeDark_21f25e42b5 .actionLink_640a8f8967 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_bcf812d4e3 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_34f290f709.withTransition_46966a0482 {\n  opacity: 0;\n  animation: bounceIn_d8622291d7 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_395f70e13c {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b930ad41db {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_2bc456d9d1 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_30d2e1674f;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_c625722d02 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_c3cb900712;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_cf96cf6371 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_30d2e1674f {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_c3cb900712 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_d8622291d7 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_ea88c76235",typeNormal:"typeNormal_baa499d882",typePositive:"typePositive_b40ba5db9e",typeNegative:"typeNegative_3a4ae8b4dd",typeWarning:"typeWarning_b4995e5b8e",closeButton:"closeButton_5e22b68e96",actionButton:"actionButton_29dee40707",actionLink:"actionLink_c276ce2bb7",typeDark:"typeDark_1045dd5faa",icon:"icon_d8b27f7d87",withTransition:"withTransition_a3107cf333",bounceIn:"bounceIn_97f332f709",content:"content_336ba3d587",textContent:"textContent_b997a5ae5b",enterActive:"enterActive_1766a8465f",slideIn:"slideIn_60d0dad0dc",exitActive:"exitActive_2a157bb297",slideOut:"slideOut_2a179e201c"};!function(n){const t="s_id-72c9912c1efa_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_ea88c76235 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_ea88c76235.typeNormal_baa499d882 {\n  background-color: var(--primary-color);\n}\n.toast_ea88c76235.typePositive_b40ba5db9e {\n  background-color: var(--positive-color);\n}\n.toast_ea88c76235.typeNegative_3a4ae8b4dd {\n  background-color: var(--negative-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .closeButton_5e22b68e96 {\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionButton_29dee40707,\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionLink_c276ce2bb7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeDark_1045dd5faa {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .closeButton_5e22b68e96 {\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .actionButton_29dee40707,\n.toast_ea88c76235.typeDark_1045dd5faa .actionLink_c276ce2bb7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_d8b27f7d87 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_29dee40707.withTransition_a3107cf333 {\n  opacity: 0;\n  animation: bounceIn_97f332f709 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_336ba3d587 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b997a5ae5b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_1766a8465f {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_60d0dad0dc;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_2a157bb297 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_2a179e201c;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_5e22b68e96 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_60d0dad0dc {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_2a179e201c {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_97f332f709 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_e7f68ab08d"};!function(e){const t="s_id-a224471727c9_3_61_1";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)}(".actionLink_e7f68ab08d {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_e7f68ab08d:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_96cb078087"};!function(e){const t="s_id-a224471727c9_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_96cb078087 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_96cb078087:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/src/components/Toggle/MockToggle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_2e0496137e","focus-visible":"focus-visible_d78c6951bc",selected:"selected_005e57c6f8",notSelected:"notSelected_0ab66186bf",disabled:"disabled_ea690a18b9",medium:"medium_f756902b21",small:"small_722162ff81",noSpacing:"noSpacing_b1a23bdc0d"};!function(e){const n="s_id-550adc1aa9aa_3_61_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_2e0496137e {\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  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_2e0496137e:focus-visible, .toggle_2e0496137e.focus-visible_d78c6951bc {\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.toggle_2e0496137e:focus:not(.focus-visible_d78c6951bc) {\n  outline: none;\n}\n.toggle_2e0496137e::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_2e0496137e.selected_005e57c6f8 {\n  background-color: var(--primary-color);\n}\n.toggle_2e0496137e.selected_005e57c6f8::after {\n  left: 20px;\n}\n.toggle_2e0496137e.notSelected_0ab66186bf {\n  background-color: var(--ui-border-color);\n}\n.toggle_2e0496137e.notSelected_0ab66186bf::after {\n  left: 3px;\n}\n.toggle_2e0496137e.disabled_ea690a18b9 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_2e0496137e.medium_f756902b21 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_2e0496137e.medium_f756902b21::after {\n  --circle-size: 18px;\n}\n.toggle_2e0496137e.small_722162ff81 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_2e0496137e.small_722162ff81::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_2e0496137e.small_722162ff81.notSelected_0ab66186bf::after {\n  left: 2px;\n}\n.toggle_2e0496137e.noSpacing_b1a23bdc0d {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_6a9107aa3b","focus-visible":"focus-visible_be1f2838e0",selected:"selected_baa499d882",notSelected:"notSelected_52e151df63",disabled:"disabled_362b077bef",medium:"medium_91acff61c5",small:"small_6f0f549311",noSpacing:"noSpacing_73dd4b17ff"};!function(e){const n="s_id-550adc1aa9aa_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_6a9107aa3b {\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  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_6a9107aa3b:focus-visible, .toggle_6a9107aa3b.focus-visible_be1f2838e0 {\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.toggle_6a9107aa3b:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.toggle_6a9107aa3b::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_6a9107aa3b.selected_baa499d882 {\n  background-color: var(--primary-color);\n}\n.toggle_6a9107aa3b.selected_baa499d882::after {\n  left: 20px;\n}\n.toggle_6a9107aa3b.notSelected_52e151df63 {\n  background-color: var(--ui-border-color);\n}\n.toggle_6a9107aa3b.notSelected_52e151df63::after {\n  left: 3px;\n}\n.toggle_6a9107aa3b.disabled_362b077bef {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_6a9107aa3b.medium_91acff61c5 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_6a9107aa3b.medium_91acff61c5::after {\n  --circle-size: 18px;\n}\n.toggle_6a9107aa3b.small_6f0f549311 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_6a9107aa3b.small_6f0f549311::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_6a9107aa3b.small_6f0f549311.notSelected_52e151df63::after {\n  left: 2px;\n}\n.toggle_6a9107aa3b.noSpacing_73dd4b17ff {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"lodash-es";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,h=a.disabled,S=a.ariaLabel,L=a.ariaControls,N=a.areLabelsHidden,j=void 0!==N&&N,x=a.noSpacing,w=a.onOverrideText,E=void 0===w?"On":w,G=a.offOverrideText,k=void 0===G?"Off":G,z=a.size,H=void 0===z?"medium":z,I=a["data-testid"],D=t(i.wrapper),M=t(i.toggleInput);return e.createElement(r,{defaultChecked:g,checked:u,id:c,wrapperClassName:D,onChange:b,value:O,name:T,disabled:h,ariaLabel:S,ariaControls:L,inputClassName:M,ref:n,"data-testid":I||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:j,noSpacing:x,offOverrideText:k,onOverrideText:E,disabled:h,className:f,selectedClassName:p,size:H}))}));export{n as default};
+import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit/compat";import o from"../Switch/Switch.js";import{MockToggle as r}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,S=a.disabled,h=a.ariaLabel,L=a.ariaControls,N=a.areLabelsHidden,j=void 0!==N&&N,x=a.noSpacing,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,z=a.size,H=void 0===z?"medium":z,I=a["data-testid"],D=t(i.wrapper),M=t(i.toggleInput);return e.createElement(o,{defaultChecked:g,checked:u,id:c,wrapperClassName:D,onChange:b,value:O,name:T,disabled:S,ariaLabel:h,ariaControls:L,inputClassName:M,ref:n,"data-testid":I||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(r,{areLabelsHidden:j,noSpacing:x,offOverrideText:G,onOverrideText:w,disabled:S,className:f,selectedClassName:p,size:H}))}));export{n as default};
 //# sourceMappingURL=Toggle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"~~lodash~~-es\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /*\n Class name applied when the toggle is selected.\n /\n toggleSelectedClassName?: string;\n /\n If true, the toggle is selected by default.\n /\n isDefaultSelected?: boolean;\n /\n Controls the selected state of the toggle.\n /\n isSelected?: boolean;\n /\n Callback fired when the toggle state changes.\n /\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /\n The value associated with the toggle.\n /\n value?: string;\n /\n The name attribute of the toggle input.\n /\n name?: string;\n /\n If true, disables the toggle.\n /\n disabled?: boolean;\n /\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n If true, removes the horizontal spacing around the toggle.\n /\n noSpacing?: boolean;\n /\n The text displayed when the toggle is in the \"on\" position.\n /\n onOverrideText?: string;\n /\n The text displayed when the toggle is in the \"off\" position.\n /\n offOverrideText?: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n The ID of the element controlled by the toggle.\n /\n ariaControls?: string;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n ariaLabel,\n ariaControls,\n areLabelsHidden = false,\n noSpacing,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n ariaLabel={ariaLabel}\n ariaControls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n noSpacing={noSpacing}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={className}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","noSpacing","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"~~kWAsEMA~~,IAAAA,EAASC,GACb,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAASlB,EAATkB,UAASC,EAAAnB,EACToB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAArB,EACrBsB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAvB,EACvBwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUzB,EAAzB,eAII0B,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAAAC,cAACC,EAAM,CACLC,eAAgB7B,EAChB8B,QAAS7B,EACTL,GAAIA,EACJwB,iBAAkBA,EAClBjB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACde,eAAgBA,EAChB7B,IAAKA,EAAG,cACKwB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAxB,gBAAiBA,EACjBC,UAAWA,EACXI,gBAAiBA,EACjBF,eAAgBA,EAChBP,SAAUA,EACVV,UAAWA,EACXuC,kBAAmBtC,EACnBoB,KAAMA,IAId"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit/compat\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /*\n Class name applied when the toggle is selected.\n /\n toggleSelectedClassName?: string;\n /\n If true, the toggle is selected by default.\n /\n isDefaultSelected?: boolean;\n /\n Controls the selected state of the toggle.\n /\n isSelected?: boolean;\n /\n Callback fired when the toggle state changes.\n /\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /\n The value associated with the toggle.\n /\n value?: string;\n /\n The name attribute of the toggle input.\n /\n name?: string;\n /\n If true, disables the toggle.\n /\n disabled?: boolean;\n /\n If true, hides the on/off labels.\n /\n areLabelsHidden?: boolean;\n /\n If true, removes the horizontal spacing around the toggle.\n /\n noSpacing?: boolean;\n /\n The text displayed when the toggle is in the \"on\" position.\n /\n onOverrideText?: string;\n /\n The text displayed when the toggle is in the \"off\" position.\n /\n offOverrideText?: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n The ID of the element controlled by the toggle.\n /\n ariaControls?: string;\n /\n The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n ariaLabel,\n ariaControls,\n areLabelsHidden = false,\n noSpacing,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n ariaLabel={ariaLabel}\n ariaControls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n noSpacing={noSpacing}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={className}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","noSpacing","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"0WAsEMA,IAAAA,EAASC,GACb,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAASlB,EAATkB,UAASC,EAAAnB,EACToB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAArB,EACrBsB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAvB,EACvBwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUzB,EAAzB,eAII0B,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAAAC,cAACC,EAAM,CACLC,eAAgB7B,EAChB8B,QAAS7B,EACTL,GAAIA,EACJwB,iBAAkBA,EAClBjB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACde,eAAgBA,EAChB7B,IAAKA,EAAG,cACKwB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAxB,gBAAiBA,EACjBC,UAAWA,EACXI,gBAAiBA,EACjBF,eAAgBA,EAChBP,SAAUA,EACVV,UAAWA,EACXuC,kBAAmBtC,EACnBoB,KAAMA,IAId"}

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_89b76bd446","focus-visible":"focus-visible_0db4b3f928",wrapper:"wrapper_9ece1f68de"};!function(e){const t="s_id-4304a18f6620_3_61_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_89b76bd446:focus-visible, .toggleInput_89b76bd446.focus-visible_0db4b3f928 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_89b76bd446:focus-visible ~ div, .toggleInput_89b76bd446.focus-visible_0db4b3f928 ~ div {\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.wrapper_9ece1f68de {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_957f5fbb86","focus-visible":"focus-visible_9705585df5",wrapper:"wrapper_e2f500bb02"};!function(e){const t="s_id-4304a18f6620_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_957f5fbb86:focus-visible, .toggleInput_957f5fbb86.focus-visible_9705585df5 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_957f5fbb86:focus-visible ~ div, .toggleInput_957f5fbb86.focus-visible_9705585df5 ~ div {\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.wrapper_e2f500bb02 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/src/components/Toggle/ToggleText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={text:"text_b23a8ce296",disabled:"disabled_4388d11e48"};!function(e){const t="s_id-1dee71639eb3_3_61_1";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)}(".text_b23a8ce296 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_4388d11e48 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_94ef0f07e0",disabled:"disabled_3a67681e59"};!function(e){const t="s_id-1dee71639eb3_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_94ef0f07e0 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_3a67681e59 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"lodash-es";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
+import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit/compat";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
 //# sourceMappingURL=Tooltip.js.map