npm - @vibe/core - Versions diffs - 3.0.0-rc.0 → 3.1.0 - Mend

@vibe/core 3.0.0-rc.0 → 3.1.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 (443) hide show

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_1c84843b1c",tabsList:"tabsList_aeff11c3e9",sm:"sm_6f3fe87172",lg:"lg_aea3e1afd1",stretched:"stretched_321f202abf",tabListTabWrapper:"tabListTabWrapper_ba506ab3fd",tabListTabInner:"tabListTabInner_ba506ab3fd",disabled:"disabled_2cb99adde6"};!function(e){const t="s_id-10f1ea92a898_3_0_0-beta_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_1c84843b1c .tabsList_aeff11c3e9 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_1c84843b1c .tabsList_aeff11c3e9.sm_6f3fe87172 {\n  height: 32px;\n}\n\n.tabsWrapper_1c84843b1c .tabsList_aeff11c3e9.lg_aea3e1afd1 {\n  height: 48px;\n}\n\n.tabsWrapper_1c84843b1c.stretched_321f202abf .tabsList_aeff11c3e9 {\n  width: 100%;\n}\n\n.tabsWrapper_1c84843b1c.stretched_321f202abf .tabsList_aeff11c3e9 .tabListTabWrapper_ba506ab3fd {\n  width: 100%;\n}\n\n.tabsWrapper_1c84843b1c.stretched_321f202abf .tabsList_aeff11c3e9 .tabListTabWrapper_ba506ab3fd .tabListTabInner_ba506ab3fd {\n  width: 100%;\n}\n\n.tabsWrapper_1c84843b1c.disabled_2cb99adde6 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_163b67f984",tabsList:"tabsList_887a05d1c1",sm:"sm_4f3af8868f",lg:"lg_a206aa4ce0",stretched:"stretched_5acbee15bc",tabListTabWrapper:"tabListTabWrapper_93821243ba",tabListTabInner:"tabListTabInner_93821243ba",disabled:"disabled_6c7142f3cb"};!function(e){const t="s_id-10f1ea92a898_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_163b67f984 .tabsList_887a05d1c1 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_163b67f984 .tabsList_887a05d1c1.sm_4f3af8868f {\n  height: 32px;\n}\n\n.tabsWrapper_163b67f984 .tabsList_887a05d1c1.lg_a206aa4ce0 {\n  height: 48px;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 .tabListTabWrapper_93821243ba {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 .tabListTabWrapper_93821243ba .tabListTabInner_93821243ba {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.disabled_6c7142f3cb {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_feaad3449a"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-beta_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_feaad3449a {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_98f8177071"};!function(e){const t="s_id-82244d4a2f7b_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_98f8177071 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_d3b962812e",tabPanel:"tabPanel_145b301dca",animationDirectionRtl:"animationDirectionRtl_1b6e8f51dc",animationDirectionLtr:"animationDirectionLtr_f91155f3d8",active:"active_8d4ac2587e",panelSlideIn:"panelSlideIn_963fabd521"};!function(e){const n="s_id-078bacbdb1e4_3_0_0-beta_3";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_d3b962812e .tabPanel_145b301dca {\n  display: none;\n}\n\n.tabPanelsWrapper_d3b962812e .tabPanel_145b301dca.animationDirectionRtl_1b6e8f51dc {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_d3b962812e .tabPanel_145b301dca.animationDirectionLtr_f91155f3d8 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_d3b962812e .tabPanel_145b301dca.active_8d4ac2587e {\n  display: block;\n  animation: panelSlideIn_963fabd521 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_963fabd521 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_e13f562e44",tabPanel:"tabPanel_c2446a7923",animationDirectionRtl:"animationDirectionRtl_87e1fcc50d",animationDirectionLtr:"animationDirectionLtr_f9cde32dea",active:"active_90985e7d1a",panelSlideIn:"panelSlideIn_7d21b39be8"};!function(e){const n="s_id-078bacbdb1e4_3_0_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_e13f562e44 .tabPanel_c2446a7923 {\n  display: none;\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.animationDirectionRtl_87e1fcc50d {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.animationDirectionLtr_f9cde32dea {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.active_90985e7d1a {\n  display: block;\n  animation: panelSlideIn_7d21b39be8 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_7d21b39be8 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_1bb14b9d1b",text1Medium:"text1Medium_2af11e4983",text1Normal:"text1Normal_449c4fe3e7",text2Bold:"text2Bold_43bfe27647",text2Medium:"text2Medium_fc29c28139",text2Normal:"text2Normal_897e50d439",text3Bold:"text3Bold_48e7ed1cac",text3Medium:"text3Medium_1344ac7fb5",text3Normal:"text3Normal_2b954b7a20",text:"text_177167d640"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-beta_3";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_1bb14b9d1b {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_2af11e4983 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_449c4fe3e7 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_43bfe27647 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_fc29c28139 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_897e50d439 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_48e7ed1cac {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_1344ac7fb5 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_2b954b7a20 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_177167d640 {\n  margin-block: 0;\n}\n\np.text_177167d640 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_273f90acf9",text1Medium:"text1Medium_a83d526418",text1Normal:"text1Normal_825d27cf03",text2Bold:"text2Bold_4d9d2dd964",text2Medium:"text2Medium_ccd0608b3e",text2Normal:"text2Normal_fc6192f39e",text3Bold:"text3Bold_5cfc11f89e",text3Medium:"text3Medium_70ede31918",text3Normal:"text3Normal_c4c1e86181",text:"text_fa06f86ba0"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0";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_273f90acf9 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_a83d526418 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_825d27cf03 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_4d9d2dd964 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_ccd0608b3e {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_fc6192f39e {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_5cfc11f89e {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_70ede31918 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c4c1e86181 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_fa06f86ba0 {\n  margin-block: 0;\n}\n\np.text_fa06f86ba0 + 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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import t from"classnames";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../tests/constants.js";import d from"./TextArea.module.scss.js";import o from"../Text/Text.js";var m={small:3,large:4},c=a((function(a,c){var n=a.size,p=void 0===n?"small":n,u=a.rows,b=a.label,f=a.helpText,x=a.success,v=a.error,T=a.className,j=a["data-testid"],h=a.id,y=a.disabled,E=a.readOnly,N=a.required,z=a.resize,A=void 0===z||z,O=r(a,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","resize"]),_=u||m[p],q=f&&"".concat(h,"-help-text");return s.createElement("div",{className:t(d.textAreaWrapper,e(e(e(e({},d.error,v),d.success,x),d.disabled,y),d.readOnly,E),T),"data-testid":j||l(i.TEXT_AREA,h)},b&&s.createElement("label",{className:t(d.label,e({},d.required,N)),htmlFor:h},b),s.createElement("textarea",Object.assign({},O,{id:h,ref:c,disabled:y,readOnly:E,required:N,rows:_,className:t(d.textArea,[d[p]],e({},d.resize,A)),"aria-invalid":v,"aria-describedby":null!=q?q:void 0})),f&&s.createElement(o,{className:t(d.helpText),color:"inherit",id:q},f))}));export{c as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as n}from"react";import o from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../tests/constants.js";import c from"./TextArea.module.scss.js";import u from"../Text/Text.js";import x from"../Flex/Flex.js";import p from"../HiddenText/HiddenText.js";var f={small:3,large:4},h=s((function(s,h){var g=s.size,b=void 0===g?"small":g,v=s.rows,T=s.label,E=s.helpText,j=s.success,y=s.error,w=s.className,C=s["data-testid"],N=s.id,A=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,_=s.allowExceedingMaxLength,q=s.onChange,F=s.value,H=s.resize,M=void 0===H||H,P=s.showCharCount,B=void 0!==P&&P,I=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),R=v||f[b],W=E&&"".concat(N,"-help-text"),X=_&&"".concat(N,"-allow-exceeding-max-length"),k=l((function(){return[W,X].filter((function(e){return!!e})).join(" ")||void 0}),[W,X]),D=i((null==F?void 0:F.length)||0),G=e(D,2),J=G[0],K=G[1],Q=y||"number"==typeof O&&J>O,S=n((function(e){K(e.target.value.length),null==q||q(e)}),[q]);return r.createElement("div",{className:o(c.textAreaWrapper,t(t(t(t({},c.error,Q),c.success,j),c.disabled,A),c.readOnly,z),w),"data-testid":C||m(d.TEXT_AREA,N)},T&&r.createElement("label",{className:o(c.label,t({},c.required,L)),htmlFor:N},T),r.createElement("textarea",Object.assign({},I,{id:N,maxLength:"number"!=typeof O||_?void 0:O,ref:h,value:F,disabled:A,readOnly:z,required:L,rows:R,className:o(c.textArea,[c[b]],t({},c.resize,M)),"aria-invalid":Q,"aria-describedby":k,onChange:S})),(B||E)&&r.createElement(x,{gap:"xs",justify:"space-between",className:o(c.subTextContainer)},E&&r.createElement(u,{className:o(c.helpText),color:"inherit",id:W},E),B&&r.createElement(r.Fragment,null,r.createElement(u,{className:c.limitText},J,"number"==typeof O&&"/".concat(O)),r.createElement(p,{id:X,text:"Maximum of ".concat(O," characters")}))))}));export{h as default};
 //# sourceMappingURL=TextArea.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n resize = true,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: ~~error~~,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={~~error~~}\n aria-describedby={~~helpTextId ?? undefined~~}\n />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","~~_a$~~size","size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","_a$resize","resize","rest","__rest","numRows","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","~~undefined~~","Text","color"],"mappings":"~~kYAQA~~,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,~~EAgBAC~~,~~GAhBA~~,~~IAAAC,EAegBF,EAddG,~~KAAAA,OAAO,~~IAAHD~~,EAAG,QAAOA,~~EACdE~~,~~EAacJ~~,~~EAbdI,~~KACAC,~~EAYcL~~,~~EAZdK,~~MACAC,~~EAWcN~~,~~EAXdM,~~SACAC,~~EAUcP~~,~~EAVdO,~~QACAC,~~EAScR~~,~~EATdQ,~~MACAC,~~EAQcT~~,~~EARdS,~~UACeC,~~EAODV~~,~~EAPd~~,~~eACAW~~,~~EAMcX~~,~~EANdW~~,~~GACAC~~,~~EAKcZ~~,~~EALdY~~,SACAC,~~EAIcb~~,~~EAJda~~,~~SACAC~~,~~EAGcd~~,~~EAHdc~~,~~SAAQC~~,~~EAGMf~~,~~EAFdgB~~,OAAAA,OAAS,IAAHD,GAAOA,~~EACVE~~,~~EAAIC~~,~~EAAAlB~~,~~EAdT,+HAkBMmB~~,~~EAAUf~~,GAAQT,~~EAAaQ~~,GAC/~~BiB~~,~~EAAad~~,~~MAAQe~~,~~OAAOV~~,EAAc,~~cAEhD~~,~~OACEW~~,~~uBACEb~~,~~UAAWc~~,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,~~EAAOhB~~,~~MAAQA~~,~~GACfgB~~,~~EAAOjB~~,QAAUA,~~GACjBiB~~,~~EAAOZ~~,SAAWA,~~GAClBY~~,~~EAAOX~~,SAAWA,GAErBJ,GAEW,cAAAC,~~GAAciB~~,EAAUC,EAAuBC,~~UAAWlB~~,IAEtEN,~~GACCiB~~,EAAOQ,cAAA,QAAA,~~CAAArB~~,~~UAAWc~~,EAAGC,~~EAAOnB~~,~~MAAKqB~~,EAAA,CAAA,EAAKF,~~EAAOV~~,SAAWA,~~IAAaiB~~,~~QAASpB~~,GAC3EN,~~GAGLiB~~,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,~~EACMhB~~,~~EAAI~~,~~CACRN~~,GAAIA,~~EACJV~~,IAAKA,~~EACLW~~,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,~~KAAMe~~,~~EACNV~~,~~UAAWc~~,EAAGC,EAAOU,SAAU,CAACV,~~EAAOrB~~,~~IAAMuB~~,EAAKF,CAAAA,EAAAA,~~EAAOR~~,OAASA,IAAS,~~eAC7DR~~,EAAK,~~mBACDY~~,~~QAAAA~~,~~OAAce~~,~~KAEjC7B~~,~~GACCgB~~,EAAAQ,~~cAACM~~,EAAI,~~CAAC3B~~,~~UAAWc~~,EAAGC,~~EAAOlB~~,~~UAAW~~+B,~~MAAM~~,~~UAAU1B~~,~~GAAIS~~,~~GACvDd~~,~~GAKX~~"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\nimport { Flex } from \"../Flex\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, allowExceedingMaxLengthTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, allowExceedingMaxLengthTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","allowExceedingMaxLengthTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"2gBAUA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAqBAC,WApBEC,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EACdC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACeC,IAAf,eACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,MAAKC,IACLC,OAAAA,OAAS,IAAHD,GAAOA,EAAAE,IACbC,cAAAA,OAAgB,IAAHD,GAAQA,EAClBE,EAnBLC,EAAAxB,EAAA,CAAA,OAAA,OAAA,QAAA,WAAA,UAAA,QAAA,YAAA,cAAA,KAAA,WAAA,WAAA,WAAA,YAAA,0BAAA,WAAA,QAAA,SAAA,kBAuBMyB,EAAUrB,GAAQT,EAAaO,GAC/BwB,EAAapB,MAAQqB,OAAOhB,EAAc,cAC1CiB,EAAgCZ,MAAuBW,OAAOhB,EAA+B,+BAE7FkB,EAAkBC,GACtB,WAAA,MAAM,CAACJ,EAAYE,GAA+BG,QAAO,SAAApB,GAAE,QAAMA,CAAE,IAAEqB,KAAK,WAAQC,CAAS,GAC3F,CAACP,EAAYE,IAGfM,EAA4CC,GAASjB,eAAAA,EAAOkB,SAAU,GAAEC,EAAAC,EAAAJ,EAAA,GAAjEK,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAAejC,GAA+B,iBAAdO,GAA0BwB,EAAiBxB,EAE3E2B,EAAiBC,GACrB,SAACC,GACCJ,EAAkBI,EAAMC,OAAO3B,MAAMkB,QACrCnB,SAAAA,EAAW2B,EACb,GACA,CAAC3B,IAGH,OACE6B,uBACErC,UAAWsC,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOxC,MAAQiC,GACfO,EAAOzC,QAAUA,GACjByC,EAAOpC,SAAWA,GAClBoC,EAAOnC,SAAWA,GAErBJ,GAEW,cAAAC,GAAcyC,EAAUC,EAAuBC,UAAW1C,IAEtEN,GACCyC,EAAOQ,cAAA,QAAA,CAAA7C,UAAWsC,EAAGC,EAAO3C,MAAK6C,EAAA,CAAA,EAAKF,EAAOlC,SAAWA,IAAayC,QAAS5C,GAC3EN,GAGLyC,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMlC,EACJ,CAAAZ,GAAIA,EACJI,UAAgC,iBAAdA,GAA2BC,OAAsCiB,EAAZlB,EACvEd,IAAKA,EACLiB,MAAOA,EACPN,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMqB,EACNhB,UAAWsC,EAAGC,EAAOU,SAAU,CAACV,EAAO9C,IAAMgD,EAAKF,CAAAA,EAAAA,EAAO5B,OAASA,IAAS,eAC7DqB,EACI,mBAAAZ,EAClBZ,SAAUyB,MAEVpB,GAAiBhB,IACjBwC,EAACQ,cAAAK,EAAK,CAAAC,IAAI,KAAKC,QAAQ,gBAAgBpD,UAAWsC,EAAGC,EAAOc,mBACzDxD,GACCwC,EAAAQ,cAACS,EAAI,CAACtD,UAAWsC,EAAGC,EAAO1C,UAAW0D,MAAM,UAAUrD,GAAIe,GACvDpB,GAGJgB,GACCwB,EAAAQ,cAAAR,EAAAmB,SAAA,KACEnB,EAAAQ,cAACS,EAAK,CAAAtD,UAAWuC,EAAOkB,WACrB3B,EACqB,iBAAdxB,GAAsBY,IAAAA,OAAQZ,IAExC+B,EAAAQ,cAACa,EAAW,CAAAxD,GAAIiB,EAA+BwC,KAAI,cAAAzC,OAAgBZ,EAAS,mBAO1F"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_d0f22fc263",label:"label_4260232e37",required:"required_fa30082dd3",helpText:"helpText_701d968ecb",textArea:"textArea_dc64548b29",small:"small_897e50d439",large:"large_449c4fe3e7",resize:"resize_2658c70a18",success:"success_95ba643ddb",error:"error_f363ee6c9e",disabled:"disabled_fa30082dd3",readOnly:"readOnly_fa30082dd3"};!function(e){const r="s_id-c3a555441acd_3_0_0-beta_3";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_d0f22fc263 {\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_d0f22fc263 .label_4260232e37 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_d0f22fc263 .label_4260232e37.required_fa30082dd3::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_d0f22fc263 .helpText_701d968ecb {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_d0f22fc263 .textArea_dc64548b29 {\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_d0f22fc263 .textArea_dc64548b29:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_d0f22fc263 .textArea_dc64548b29:active, .textAreaWrapper_d0f22fc263 .textArea_dc64548b29:focus, .textAreaWrapper_d0f22fc263 .textArea_dc64548b29:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_d0f22fc263 .textArea_dc64548b29.small_897e50d439 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_d0f22fc263 .textArea_dc64548b29.large_449c4fe3e7 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_d0f22fc263 .textArea_dc64548b29:not(.resize_2658c70a18) {\n  resize: none;\n}\n.textAreaWrapper_d0f22fc263.success_95ba643ddb .textArea_dc64548b29 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_d0f22fc263.success_95ba643ddb .helpText_701d968ecb {\n  color: var(--color-success);\n}\n.textAreaWrapper_d0f22fc263.error_f363ee6c9e .textArea_dc64548b29 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_d0f22fc263.error_f363ee6c9e .helpText_701d968ecb {\n  color: var(--color-error);\n}\n.textAreaWrapper_d0f22fc263.disabled_fa30082dd3 .textArea_dc64548b29,\n.textAreaWrapper_d0f22fc263.disabled_fa30082dd3 .textArea_dc64548b29:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_d0f22fc263.disabled_fa30082dd3 .helpText_701d968ecb {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_d0f22fc263.readOnly_fa30082dd3 .textArea_dc64548b29,\n.textAreaWrapper_d0f22fc263.readOnly_fa30082dd3 .textArea_dc64548b29:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_310a76fdb4",label:"label_65b1d4712e",required:"required_8ab2448eff",subTextContainer:"subTextContainer_8c8b98f792",helpText:"helpText_805d7c308f",limitText:"limitText_bd794b0037",textArea:"textArea_54e8b6a471",small:"small_fc6192f39e",large:"large_825d27cf03",resize:"resize_93578cf188",success:"success_00bdef5698",error:"error_0a03c4d90a",disabled:"disabled_8ab2448eff",readOnly:"readOnly_8ab2448eff"};!function(e){const r="s_id-cf287aae5ade_3_0_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_310a76fdb4 {\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_310a76fdb4 .label_65b1d4712e {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .label_65b1d4712e.required_8ab2448eff::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 .helpText_805d7c308f {\n  display: flex;\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 .limitText_bd794b0037 {\n  margin-left: auto;\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471 {\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_310a76fdb4 .textArea_54e8b6a471:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:active, .textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:focus, .textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471.small_fc6192f39e {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471.large_825d27cf03 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:not(.resize_93578cf188) {\n  resize: none;\n}\n.textAreaWrapper_310a76fdb4.success_00bdef5698 .textArea_54e8b6a471 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_310a76fdb4.success_00bdef5698 .helpText_805d7c308f {\n  color: var(--color-success);\n}\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .textArea_54e8b6a471 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .helpText_805d7c308f,\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .limitText_bd794b0037 {\n  color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .textArea_54e8b6a471,\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .textArea_54e8b6a471:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .helpText_805d7c308f {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_310a76fdb4.readOnly_8ab2448eff .textArea_54e8b6a471,\n.textAreaWrapper_310a76fdb4.readOnly_8ab2448eff .textArea_54e8b6a471: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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as y,TextFieldAriaLabel as x}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import N from"../../hooks/useMergeRef.js";import T from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as I}from"../../utils/function-utils.js";import{ComponentDefaultTestId as g}from"../../tests/constants.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import F from"./TextField.module.scss.js";import k from"../Tooltip/Tooltip.js";var L={primary:"",secondary:""},D=j(n((function(n,f){var C=n.className,E=void 0===C?"":C,j=n.placeholder,D=void 0===j?"":j,A=n.autoComplete,S=void 0===A?"off":A,w=n.value,H=n.onChange,q=void 0===H?I:H,R=n.onBlur,W=void 0===R?I:R,_=n.onFocus,z=void 0===_?I:_,B=n.onKeyDown,O=void 0===B?I:B,K=n.onWheel,P=void 0===K?I:K,V=n.debounceRate,U=void 0===V?0:V,X=n.autoFocus,M=void 0!==X&&X,Y=n.disabled,G=void 0!==Y&&Y,J=n.readonly,Q=void 0!==J&&J,Z=n.setRef,$=void 0===Z?I:Z,ee=n.iconName,oe=n.secondaryIconName,te=n.id,ae=void 0===te?"input":te,ne=n.title,re=void 0===ne?"":ne,ie=n.size,le=void 0===ie?"small":ie,se=n.validation,ce=void 0===se?null:se,de=n.wrapperClassName,me=void 0===de?"":de,ue=n.onIconClick,pe=void 0===ue?I:ue,ve=n.clearOnIconClick,fe=void 0!==ve&&ve,Ce=n.labelIconName,be=n.showCharCount,ye=void 0!==be&&be,xe=n.inputAriaLabel,Ee=n.searchResultsContainerId,Ne=void 0===Ee?"":Ee,Te=n.activeDescendant,he=void 0===Te?"":Te,Ie=n.iconsNames,ge=void 0===Ie?L:Ie,je=n.type,Fe=void 0===je?"text":je,ke=n.maxLength,Le=void 0===ke?null:ke,De=n.trim,Ae=void 0!==De&&De,Se=n.role,we=void 0===Se?"":Se,He=n.required,qe=void 0!==He&&He,Re=n.requiredErrorText,We=void 0===Re?"":Re,_e=n.loading,ze=void 0!==_e&&_e,Be=n["data-testid"],Oe=n.secondaryDataTestId,Ke=n.tabIndex,Pe=n.underline,Ve=void 0!==Pe&&Pe,Ue=n.name,Xe=n.controlled,Me=void 0!==Xe&&Xe,Ye=n.iconTooltipContent,Ge=n.secondaryTooltipContent,Je=r(!1),Qe=e(Je,2),Ze=Qe[0],$e=Qe[1],eo=i(null),oo=N(f,eo,$),to=l((function(e){qe&&!e.target.value&&$e(!0),W(e)}),[W,qe]),ao=l((function(e,o){Ze&&e&&$e(!1),q(e,o||{target:eo.current})}),[q,Ze]),no=d({delay:U,onChange:ao,initialStateValue:w,trim:Ae}),ro=no.inputValue,io=no.onEventChanged,lo=no.clearValue,so=s((function(){return Me?w:ro}),[Me,w,ro]),co=l((function(e){Me?ao(e.target.value,e):io(e)}),[Me,ao,io]),mo=s((function(){return oe&&so?oe:ee}),[ee,oe,so]),uo=l((function(){G||(fe&&(eo.current&&eo.current.focus(),eo.current.value="",Me?ao(""):lo()),pe(mo))}),[G,fe,pe,mo,Me,ao,lo]),po=s((function(){return ce&&ce.status||Ze?b[Ze?"error":ce.status]:""}),[ce,Ze]),vo=ee||oe,fo=ye||ce&&ce.text||Ze,Co=oe===mo,bo=ee===mo,yo=(pe!==I||ge.primary||Ye)&&so&&ee.length&&bo,xo=(oe||Ge)&&Co&&!!so;c((function(){if((null==eo?void 0:eo.current)&&M){var e=requestAnimationFrame((function(){return eo.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[eo,M]);var Eo=pe!==I||fe,No=ge.primary||Ye,To=ge.secondary||Ge;return a.createElement("div",{className:t(F.textField,me,o(o({},F.disabled,G),F.onlyUnderline,Ve)),role:we,"aria-busy":ze},a.createElement("div",{className:t(F.labelWrapper)},a.createElement(v,{labelText:re,icon:Ce,labelFor:ae,required:qe}),a.createElement("div",{className:t(F.inputWrapper,y[le],po)},a.createElement("input",{className:t(E,F.input,o(o({},F.inputHasIcon,!!vo),F.readOnly,Q)),placeholder:D,autoComplete:S,value:so,onChange:co,disabled:G,readOnly:Q,ref:oo,type:Fe,id:ae,"data-testid":Be||h(g.TEXT_FIELD,ae),name:Ue,onBlur:to,onFocus:z,onKeyDown:O,onWheel:P,maxLength:Le,role:Ne&&"combobox","aria-label":xe||D,"aria-invalid":ce&&"error"===ce.status||Ze,"aria-owns":Ne,"aria-activedescendant":he,"aria-required":qe,required:qe,tabIndex:Ke}),ze&&a.createElement("div",{className:t(F.loaderContainer,o({},F.loaderContainerHasIcon,vo))},a.createElement("div",{className:t(F.loader)},a.createElement(u,{className:t(F.loaderSvg)}))),a.createElement(k,{content:bo?Ye:void 0,referenceWrapperClassName:F.tooltipContainer},a.createElement(T,{className:t(F.iconContainer,o(o(o({},F.iconContainerHasIcon,vo),F.iconContainerActive,bo),F.iconContainerClickable,Eo)),onClick:uo,tabIndex:yo?"0":"-1",ariaLabel:No},a.createElement(m,{icon:ee,className:t(F.icon),iconType:"font",iconSize:"small"===le?"16px":"18px"}))),a.createElement(k,{content:Co?Ge:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:F.tooltipContainer},a.createElement(T,{className:t(F.iconContainer,o(o(o({},F.iconContainerHasIcon,vo),F.iconContainerActive,Co),F.iconContainerClickable,Eo)),onClick:uo,tabIndex:xo?"0":"-1","data-testid":Oe||h(g.TEXT_FIELD_SECONDARY_BUTTON,ae),ariaLabel:To},a.createElement(m,{icon:oe,className:t(F.icon),iconType:"font",iconSize:"small"===le?"16px":"18px"})))),fo&&a.createElement(p,{type:"text2",color:"secondary",className:t(F.subTextContainer)},ce&&ce.text&&a.createElement("span",{className:t(F.subTextContainerStatus)},Ze?We:ce.text),ye&&a.createElement("span",{className:t(F.counter),"aria-label":x.CHAR},so&&so.length||0))))})),{sizes:E,feedbacks:f,types:C});export{D as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I}from"../../tests/constants.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import F from"./TextField.module.scss.js";import L from"../Tooltip/Tooltip.js";import k from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},D=j(n((function(n,f){var C=n.className,E=void 0===C?"":C,j=n.placeholder,D=void 0===j?"":j,H=n.autoComplete,A=void 0===H?"off":H,S=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,_=void 0===W?g:W,z=n.onFocus,B=void 0===z?g:z,O=n.onKeyDown,K=void 0===O?g:O,M=n.onWheel,P=void 0===M?g:M,V=n.debounceRate,U=void 0===V?0:V,X=n.autoFocus,Y=void 0!==X&&X,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?g:$,te=n.iconName,oe=n.secondaryIconName,ae=n.id,ne=void 0===ae?"input":ae,re=n.title,ie=void 0===re?"":re,le=n.size,se=void 0===le?"small":le,ce=n.validation,de=void 0===ce?null:ce,me=n.wrapperClassName,ue=void 0===me?"":me,pe=n.onIconClick,ve=void 0===pe?g:pe,fe=n.clearOnIconClick,Ce=void 0!==fe&&fe,be=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,Te=n.searchResultsContainerId,Ne=void 0===Te?"":Te,he=n.activeDescendant,ge=void 0===he?"":he,Ie=n.iconsNames,je=void 0===Ie?w:Ie,Fe=n.type,Le=void 0===Fe?"text":Fe,ke=n.maxLength,we=void 0===ke?null:ke,De=n.allowExceedingMaxLength,He=void 0!==De&&De,Ae=n.trim,Se=void 0!==Ae&&Ae,qe=n.role,Re=void 0===qe?"":qe,We=n.required,_e=void 0!==We&&We,ze=n.requiredErrorText,Be=void 0===ze?"":ze,Oe=n.loading,Ke=void 0!==Oe&&Oe,Me=n["data-testid"],Pe=n.secondaryDataTestId,Ve=n.tabIndex,Ue=n.underline,Xe=void 0!==Ue&&Ue,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=r(!1),et=e($e,2),tt=et[0],ot=et[1],at=i(null),nt=T(f,at,ee),rt=l((function(e){_e&&!e.target.value&&ot(!0),_(e)}),[_,_e]),it=l((function(e,t){tt&&e&&ot(!1),R(e,t||{target:at.current})}),[R,tt]),lt=d({delay:U,onChange:it,initialStateValue:S,trim:Se}),st=lt.inputValue,ct=lt.onEventChanged,dt=lt.clearValue,mt=s((function(){return Je?S:st}),[Je,S,st]),ut=l((function(e){Je?it(e.target.value,e):ct(e)}),[Je,it,ct]),pt=s((function(){return oe&&mt?oe:te}),[te,oe,mt]),vt=l((function(){J||(Ce&&(at.current&&at.current.focus(),at.current.value="",Je?it(""):dt()),ve(pt))}),[J,Ce,ve,pt,Je,it,dt]),ft=s((function(){return"number"==typeof we&&mt&&mt.length>we?b.error:de&&de.status||tt?b[tt?"error":de.status]:""}),[we,de,tt,mt]),Ct=te||oe,bt=ye||de&&de.text||tt,xt=oe===pt,yt=te===pt,Et=(ve!==g||je.primary||Qe)&&mt&&te.length&&yt,Tt=(oe||Ze)&&xt&&!!mt,Nt=He?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==at?void 0:at.current)&&Y){var e=requestAnimationFrame((function(){return at.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[at,Y]);var ht=ve!==g||Ce,gt=je.primary||Qe,It=je.secondary||Ze;return a.createElement("div",{className:o(F.textField,ue,t(t({},F.disabled,J),F.onlyUnderline,Xe)),role:Re,"aria-busy":Ke},a.createElement("div",{className:o(F.labelWrapper)},a.createElement(v,{labelText:ie,icon:be,labelFor:ne,required:_e}),a.createElement("div",{className:o(F.inputWrapper,x[se],ft)},a.createElement("input",{className:o(E,F.input,t(t({},F.inputHasIcon,!!Ct),F.readOnly,Z)),placeholder:D,autoComplete:A,value:mt,onChange:ut,disabled:J,readOnly:Z,ref:nt,type:Le,id:ne,"data-testid":Me||h(I.TEXT_FIELD,ne),name:Ye,onBlur:rt,onFocus:B,onKeyDown:K,onWheel:P,maxLength:"number"!=typeof we||He?void 0:we,role:Ne&&"combobox","aria-label":Ee||D,"aria-invalid":de&&"error"===de.status||tt,"aria-owns":Ne,"aria-activedescendant":ge,"aria-required":_e,"aria-describedby":Nt,required:_e,tabIndex:Ve}),Ke&&a.createElement("div",{className:o(F.loaderContainer,t({},F.loaderContainerHasIcon,Ct))},a.createElement("div",{className:o(F.loader)},a.createElement(u,{className:o(F.loaderSvg)}))),a.createElement(L,{content:yt?Qe:void 0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,Ct),F.iconContainerActive,yt),F.iconContainerClickable,ht)),onClick:vt,tabIndex:Et?"0":"-1",ariaLabel:gt},a.createElement(m,{icon:te,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"}))),a.createElement(L,{content:xt?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,Ct),F.iconContainerActive,xt),F.iconContainerClickable,ht)),onClick:vt,tabIndex:Tt?"0":"-1","data-testid":Pe||h(I.TEXT_FIELD_SECONDARY_BUTTON,ne),ariaLabel:It},a.createElement(m,{icon:oe,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"})))),bt&&a.createElement(p,{type:"text2",color:"secondary",className:o(F.subTextContainer)},de&&de.text&&a.createElement("span",{className:o(F.subTextContainerStatus)},tt?Be:de.text),ye&&a.createElement("span",{className:o(F.counter),"aria-label":y.CHAR},mt&&mt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(k,{id:Nt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{D as default};
 //# sourceMappingURL=TextField.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [validation, isRequiredAndEmpty]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={maxLength}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","status","FEEDBACK_CLASSES","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","length","shouldFocusOnSecondaryIcon","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","undefined","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n allowExceedingMaxLength?: boolean;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_263a9c5540",labelWrapper:"labelWrapper_ba506ab3fd",subTextContainer:"subTextContainer_34db767e99",counter:"counter_529ecaa659",disabled:"disabled_06db769427",icon:"icon_75a593f939",inputWrapper:"inputWrapper_75a593f939",input:"input_6462be69ea",iconContainer:"iconContainer_dfe7235123",iconContainerHasIcon:"iconContainerHasIcon_eed8a7e7c5",readOnly:"readOnly_2fb1fba8ed",inputHover:"inputHover_7d07acfd18",inputActive:"inputActive_af0a50136e",inputHasIcon:"inputHasIcon_fc97f1e5ad",round:"round_4260cf5c97",square:"square_8423482727",onlyUnderline:"onlyUnderline_2a33990f9a",tooltipContainer:"tooltipContainer_dc73a86b2c",wrapperSizeMedium:"wrapperSizeMedium_79ca220b9c",wrapperSizeLarge:"wrapperSizeLarge_aea3e1afd1",iconContainerActive:"iconContainerActive_bd1778690d",iconContainerClickable:"iconContainerClickable_1e40fa7c6b",inputErrorValidation:"inputErrorValidation_eed8a7e7c5",subTextContainerStatus:"subTextContainerStatus_b8f308bf63",inputSuccessValidation:"inputSuccessValidation_f3b480d0f2",wrapperSizeSmall:"wrapperSizeSmall_6f3fe87172",inputWrapperSizeSmall:"inputWrapperSizeSmall_2305d8ab95",loaderContainer:"loaderContainer_826ffee9af",loaderContainerHasIcon:"loaderContainerHasIcon_75317dc9f7",loader:"loader_8b14be4942",loaderSvg:"loaderSvg_701d968ecb"};!function(n){const e="s_id-bf094fee8204_3_0_0-beta_3";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_263a9c5540 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_263a9c5540 * {\n  box-sizing: border-box;\n}\n\n.textField_263a9c5540 .labelWrapper_ba506ab3fd {\n  width: 100%;\n}\n\n.textField_263a9c5540 .subTextContainer_34db767e99 {\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_263a9c5540 .subTextContainer_34db767e99 .counter_529ecaa659 {\n  margin-left: auto;\n}\n\n.textField_263a9c5540.disabled_06db769427 .icon_75a593f939 {\n  cursor: not-allowed;\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 {\n  cursor: not-allowed;\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .input_6462be69ea {\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_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .input_6462be69ea::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5:hover {\n  background-color: transparent;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea {\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_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.readOnly_2fb1fba8ed {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputHover_7d07acfd18 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea:active,\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputActive_af0a50136e {\n  border-color: var(--primary-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.round_4260cf5c97 {\n  border-radius: 50px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.square_8423482727 {\n  border-radius: 0;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.onlyUnderline_2a33990f9a {\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_263a9c5540 .inputWrapper_75a593f939 .tooltipContainer_dc73a86b2c {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .tooltipContainer_dc73a86b2c {\n  width: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .tooltipContainer_dc73a86b2c {\n  width: 46px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 {\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}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 {\n  -webkit-appearance: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d.iconContainerHasIcon_eed8a7e7c5:not(.iconContainerClickable_1e40fa7c6b) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d {\n  opacity: 1;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d .icon_75a593f939 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 .icon_75a593f939 {\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}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5:hover .input_6462be69ea {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea:active {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .iconContainer_dfe7235123 .icon_75a593f939 {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .iconContainer_dfe7235123 .icon_75a593f939:hover {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 + .subTextContainer_34db767e99 .subTextContainerStatus_b8f308bf63 {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2:hover .input_6462be69ea {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea:active {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .iconContainer_dfe7235123 .icon_75a593f939 {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .iconContainer_dfe7235123 .icon_75a593f939:hover {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 + .subTextContainer_34db767e99 .subTextContainerStatus_b8f308bf63 {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeSmall_6f3fe87172 {\n  height: 32px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeSmall_6f3fe87172 .input_6462be69ea {\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_263a9c5540 .inputWrapper_75a593f939.inputWrapperSizeSmall_2305d8ab95 .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c {\n  height: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea {\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_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: 4px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-size: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123:hover + .iconContainer_dfe7235123 + .input_6462be69ea {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 {\n  height: 48px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea {\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_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-size: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939:hover .input_6462be69ea {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af {\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_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af.loaderContainerHasIcon_75317dc9f7 {\n  right: 32px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af .loader_8b14be4942 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af .loader_8b14be4942 .loaderSvg_701d968ecb {\n  color: var(--secondary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-family: var(--font-family);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-family: var(--font-family);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 .icon_75a593f939 {\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 n={textField:"textField_02c153f4ec",labelWrapper:"labelWrapper_93821243ba",subTextContainer:"subTextContainer_53b10a85ee",counter:"counter_bd794b0037",disabled:"disabled_ad0ed8111f",icon:"icon_37296ca2d6",inputWrapper:"inputWrapper_37296ca2d6",input:"input_b417efbd40",iconContainer:"iconContainer_85dcddc72f",iconContainerHasIcon:"iconContainerHasIcon_8dd989ff06",readOnly:"readOnly_81972324b2",inputHover:"inputHover_16b6ec507a",inputActive:"inputActive_e338425b73",inputHasIcon:"inputHasIcon_74ba30b481",round:"round_7000729746",square:"square_dd5a417dc3",onlyUnderline:"onlyUnderline_30227b3f6a",tooltipContainer:"tooltipContainer_e9c4821992",wrapperSizeMedium:"wrapperSizeMedium_3ae3587951",wrapperSizeLarge:"wrapperSizeLarge_a206aa4ce0",iconContainerActive:"iconContainerActive_945a7ecace",iconContainerClickable:"iconContainerClickable_f72fd7fdf2",inputErrorValidation:"inputErrorValidation_8dd989ff06",subTextContainerStatus:"subTextContainerStatus_4b685d6d74",inputSuccessValidation:"inputSuccessValidation_8f5883f72a",wrapperSizeSmall:"wrapperSizeSmall_4f3af8868f",inputWrapperSizeSmall:"inputWrapperSizeSmall_5770ac808a",loaderContainer:"loaderContainer_2750bfa4ae",loaderContainerHasIcon:"loaderContainerHasIcon_4c55d1132b",loader:"loader_7af6b08798",loaderSvg:"loaderSvg_8c8b98f792"};!function(n){const e="s_id-6ee97e87df70_3_0_0";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_02c153f4ec {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_02c153f4ec * {\n  box-sizing: border-box;\n}\n\n.textField_02c153f4ec .labelWrapper_93821243ba {\n  width: 100%;\n}\n\n.textField_02c153f4ec .subTextContainer_53b10a85ee {\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_02c153f4ec .subTextContainer_53b10a85ee .counter_bd794b0037 {\n  margin-left: auto;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .icon_37296ca2d6 {\n  cursor: not-allowed;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 {\n  cursor: not-allowed;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .input_b417efbd40 {\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_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .input_b417efbd40::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06:hover {\n  background-color: transparent;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40 {\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_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.readOnly_81972324b2 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputHover_16b6ec507a {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40:active,\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputActive_e338425b73 {\n  border-color: var(--primary-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.round_7000729746 {\n  border-radius: 50px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.square_dd5a417dc3 {\n  border-radius: 0;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.onlyUnderline_30227b3f6a {\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_02c153f4ec .inputWrapper_37296ca2d6 .tooltipContainer_e9c4821992 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .tooltipContainer_e9c4821992 {\n  width: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .tooltipContainer_e9c4821992 {\n  width: 46px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f {\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}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f {\n  -webkit-appearance: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace.iconContainerHasIcon_8dd989ff06:not(.iconContainerClickable_f72fd7fdf2) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace {\n  opacity: 1;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace .icon_37296ca2d6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f .icon_37296ca2d6 {\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}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06:hover .input_b417efbd40 {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40 {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40:active {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .iconContainer_85dcddc72f .icon_37296ca2d6:hover {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 + .subTextContainer_53b10a85ee .subTextContainerStatus_4b685d6d74,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 + .subTextContainer_53b10a85ee .counter_bd794b0037 {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a:hover .input_b417efbd40 {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40 {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40:active {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .iconContainer_85dcddc72f .icon_37296ca2d6:hover {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a + .subTextContainer_53b10a85ee .subTextContainerStatus_4b685d6d74 {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeSmall_4f3af8868f {\n  height: 32px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeSmall_4f3af8868f .input_b417efbd40 {\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_02c153f4ec .inputWrapper_37296ca2d6.inputWrapperSizeSmall_5770ac808a .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 {\n  height: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40 {\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_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: 4px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-size: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f:hover + .iconContainer_85dcddc72f + .input_b417efbd40 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 {\n  height: 48px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40 {\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_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-size: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6:hover .input_b417efbd40 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae {\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_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae.loaderContainerHasIcon_4c55d1132b {\n  right: 32px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae .loader_7af6b08798 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae .loader_7af6b08798 .loaderSvg_8c8b98f792 {\n  color: var(--secondary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-family: var(--font-family);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-family: var(--font-family);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f .icon_37296ca2d6 {\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};
 //# 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_e461b61085",highlightText:"highlightText_9aae121a3e",withEllipsis:"withEllipsis_78e7eaf113"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-beta_3";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_e461b61085 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_e461b61085 em.highlightText_9aae121a3e {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_e461b61085.withEllipsis_78e7eaf113 {\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_f58fc78d11",highlightText:"highlightText_2d1dd7fccc",withEllipsis:"withEllipsis_032a5915c3"};!function(e){const t="s_id-42c1fd2afe36_3_0_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_f58fc78d11 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_f58fc78d11 em.highlightText_2d1dd7fccc {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_f58fc78d11.withEllipsis_032a5915c3 {\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_6e50b7d14c",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_029629be3a",floating:"floating_108c9c4cc9",tipseenHeader:"tipseenHeader_f0ae0164ce",tipseenTitle:"tipseenTitle_5822a21447",tipseenContent:"tipseenContent_305533b015",tipseenCloseButton:"tipseenCloseButton_92b824508f",dark:"dark_c2dcd54804"};!function(e){const t="s_id-33da00d2ba25_3_0_0-beta_3";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_6e50b7d14c {\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_6e50b7d14c.tipseenWrapperWithoutCustomWidth_029629be3a {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_6e50b7d14c.floating_108c9c4cc9 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_6e50b7d14c .tipseenHeader_f0ae0164ce {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_6e50b7d14c .tipseenTitle_5822a21447 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_6e50b7d14c .tipseenContent_305533b015 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_6e50b7d14c .tipseenCloseButton_92b824508f {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_6e50b7d14c .tipseenCloseButton_92b824508f.dark_c2dcd54804 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_8af9a75dd2",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_427fb620e6",floating:"floating_8c2063a9c9",tipseenHeader:"tipseenHeader_3e0ce46838",tipseenTitle:"tipseenTitle_98e571c407",tipseenContent:"tipseenContent_16ed5764d0",tipseenCloseButton:"tipseenCloseButton_b82dc83d0c",dark:"dark_a9cd9741c4"};!function(e){const t="s_id-33da00d2ba25_3_0_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_8af9a75dd2 {\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_8af9a75dd2.tipseenWrapperWithoutCustomWidth_427fb620e6 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_8af9a75dd2.floating_8c2063a9c9 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenHeader_3e0ce46838 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_8af9a75dd2 .tipseenTitle_98e571c407 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenContent_16ed5764d0 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenCloseButton_b82dc83d0c {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_8af9a75dd2 .tipseenCloseButton_b82dc83d0c.dark_a9cd9741c4 {\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_f917c4c043"};!function(e){const n="s_id-e688002d63b5_3_0_0-beta_3";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_f917c4c043 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_f917c4c043:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_6142cb69f3"};!function(e){const n="s_id-e688002d63b5_3_0_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_6142cb69f3 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_6142cb69f3: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_71f070ed06",dismiss:"dismiss_56b5bc7d5f"};!function(e){const t="s_id-91df242cd10d_3_0_0-beta_3";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_71f070ed06 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_56b5bc7d5f {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_6988c1a7ee",dismiss:"dismiss_7eaa7d4ddd"};!function(e){const t="s_id-91df242cd10d_3_0_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)}(".buttons_6988c1a7ee {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_7eaa7d4ddd {\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_21c8c75d84"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-beta_3";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_21c8c75d84 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_57a931e2f5"};!function(e){const t="s_id-5a749fe7aaee_3_0_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_57a931e2f5 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_199aa665c4",colorInverted:"colorInverted_14539e799c"};!function(e){const n="s_id-71e151b2b729_3_0_0-beta_3";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_199aa665c4 {\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_14539e799c {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_4e98f9d324",colorInverted:"colorInverted_99affb2c18"};!function(e){const d="s_id-71e151b2b729_3_0_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_4e98f9d324 {\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_99affb2c18 {\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_2d8cf353d2"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-beta_3";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_2d8cf353d2 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_3c45ddf703"};!function(e){const t="s_id-52c2fd8cbf53_3_0_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_3c45ddf703 {\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_9797347f84",tipseenWizardWizard:"tipseenWizardWizard_ba506ab3fd"};!function(e){const t="s_id-98eba0c83d1f_3_0_0-beta_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWizard_9797347f84 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_ba506ab3fd {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_8cd6ffd5c2",tipseenWizardWizard:"tipseenWizardWizard_93821243ba"};!function(e){const d="s_id-98eba0c83d1f_3_0_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_8cd6ffd5c2 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_93821243ba {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_6f4485fbe7",typeNormal:"typeNormal_1f67c9affb",typePositive:"typePositive_5e73c713ff",typeNegative:"typeNegative_a400af2078",typeWarning:"typeWarning_6cf19a8ff9",closeButton:"closeButton_cacae53fc1",actionButton:"actionButton_6a036f5901",actionLink:"actionLink_0631a63aef",typeDark:"typeDark_51544d0bdc",icon:"icon_c6177c6705",withTransition:"withTransition_3b1cf0d654",bounceIn:"bounceIn_943fd952dc",content:"content_bfe7a11a14",textContent:"textContent_504ec3c3f8",enterActive:"enterActive_86ab7c96a3",slideIn:"slideIn_82f1a8c210",exitActive:"exitActive_acc8b6a8fd",slideOut:"slideOut_a362d6e340"};!function(n){const t="s_id-72c9912c1efa_3_0_0-beta_3";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_6f4485fbe7 {\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_6f4485fbe7.typeNormal_1f67c9affb {\n  background-color: var(--primary-color);\n}\n.toast_6f4485fbe7.typePositive_5e73c713ff {\n  background-color: var(--positive-color);\n}\n.toast_6f4485fbe7.typeNegative_a400af2078 {\n  background-color: var(--negative-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .closeButton_cacae53fc1 {\n  color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .actionButton_6a036f5901,\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .actionLink_0631a63aef {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc .closeButton_cacae53fc1 {\n  color: var(--text-color-on-inverted);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc .actionButton_6a036f5901,\n.toast_6f4485fbe7.typeDark_51544d0bdc .actionLink_0631a63aef {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_c6177c6705 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_6a036f5901.withTransition_3b1cf0d654 {\n  opacity: 0;\n  animation: bounceIn_943fd952dc 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_bfe7a11a14 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_504ec3c3f8 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_86ab7c96a3 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_82f1a8c210;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_acc8b6a8fd {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_a362d6e340;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_cacae53fc1 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_82f1a8c210 {\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_a362d6e340 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_943fd952dc {\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_e47e9939b7",typeNormal:"typeNormal_0ce2ada47f",typePositive:"typePositive_34a21875dc",typeNegative:"typeNegative_4f6f53f0e8",typeWarning:"typeWarning_e5eb8c75b7",closeButton:"closeButton_3c16b28d8b",actionButton:"actionButton_ab2418aea5",actionLink:"actionLink_1251c5eea7",typeDark:"typeDark_f11eaa55eb",icon:"icon_89965d965f",withTransition:"withTransition_14a0baf061",bounceIn:"bounceIn_9ec2ab62f6",content:"content_60c17dddb1",textContent:"textContent_c2c8ec97a5",enterActive:"enterActive_df84e961c9",slideIn:"slideIn_3dc922e812",exitActive:"exitActive_e4c79d1e27",slideOut:"slideOut_e92a12faae"};!function(n){const e="s_id-72c9912c1efa_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_e47e9939b7 {\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_e47e9939b7.typeNormal_0ce2ada47f {\n  background-color: var(--primary-color);\n}\n.toast_e47e9939b7.typePositive_34a21875dc {\n  background-color: var(--positive-color);\n}\n.toast_e47e9939b7.typeNegative_4f6f53f0e8 {\n  background-color: var(--negative-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .closeButton_3c16b28d8b {\n  color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .actionButton_ab2418aea5,\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .actionLink_1251c5eea7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb .closeButton_3c16b28d8b {\n  color: var(--text-color-on-inverted);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb .actionButton_ab2418aea5,\n.toast_e47e9939b7.typeDark_f11eaa55eb .actionLink_1251c5eea7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_89965d965f {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_ab2418aea5.withTransition_14a0baf061 {\n  opacity: 0;\n  animation: bounceIn_9ec2ab62f6 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_60c17dddb1 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_c2c8ec97a5 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_df84e961c9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_3dc922e812;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_e4c79d1e27 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_e92a12faae;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_3c16b28d8b {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_3dc922e812 {\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_e92a12faae {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_9ec2ab62f6 {\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_2b666bff7c"};!function(e){const t="s_id-a224471727c9_3_0_0-beta_3";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_2b666bff7c {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_2b666bff7c:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_fd6ba41201"};!function(e){const t="s_id-a224471727c9_3_0_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_fd6ba41201 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_fd6ba41201: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_fad2c2efd8","focus-visible":"focus-visible_8f4c982956",selected:"selected_1f67c9affb",notSelected:"notSelected_4099616942",disabled:"disabled_0b164e8776",medium:"medium_c66f92b0a2",small:"small_9e14e0f0aa"};!function(e){const n="s_id-49e22e19a989_3_0_0-beta_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_fad2c2efd8 {\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_fad2c2efd8:focus-visible, .toggle_fad2c2efd8.focus-visible_8f4c982956 {\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_fad2c2efd8:focus:not(.focus-visible_8f4c982956) {\n  outline: none;\n}\n.toggle_fad2c2efd8::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_fad2c2efd8.selected_1f67c9affb {\n  background-color: var(--primary-color);\n}\n.toggle_fad2c2efd8.selected_1f67c9affb::after {\n  left: 20px;\n}\n.toggle_fad2c2efd8.notSelected_4099616942 {\n  background-color: var(--ui-border-color);\n}\n.toggle_fad2c2efd8.notSelected_4099616942::after {\n  left: 3px;\n}\n.toggle_fad2c2efd8.disabled_0b164e8776 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_fad2c2efd8.medium_c66f92b0a2 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_fad2c2efd8.medium_c66f92b0a2::after {\n  --circle-size: 18px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa.notSelected_4099616942::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_6e180e320f","focus-visible":"focus-visible_5225ae5424",selected:"selected_0ce2ada47f",notSelected:"notSelected_8d013b2278",disabled:"disabled_20aced2e93",medium:"medium_7c24be9b61",small:"small_2c5cf0c10c"};!function(e){const n="s_id-49e22e19a989_3_0_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_6e180e320f {\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_6e180e320f:focus-visible, .toggle_6e180e320f.focus-visible_5225ae5424 {\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_6e180e320f:focus:not(.focus-visible_5225ae5424) {\n  outline: none;\n}\n.toggle_6e180e320f::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_6e180e320f.selected_0ce2ada47f {\n  background-color: var(--primary-color);\n}\n.toggle_6e180e320f.selected_0ce2ada47f::after {\n  left: 20px;\n}\n.toggle_6e180e320f.notSelected_8d013b2278 {\n  background-color: var(--ui-border-color);\n}\n.toggle_6e180e320f.notSelected_8d013b2278::after {\n  left: 3px;\n}\n.toggle_6e180e320f.disabled_20aced2e93 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_6e180e320f.medium_7c24be9b61 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_6e180e320f.medium_7c24be9b61::after {\n  --circle-size: 18px;\n}\n.toggle_6e180e320f.small_2c5cf0c10c {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_6e180e320f.small_2c5cf0c10c::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_6e180e320f.small_2c5cf0c10c.notSelected_8d013b2278::after {\n  left: 2px;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_55026a3add","focus-visible":"focus-visible_aabb99afdd",wrapper:"wrapper_3e8140cd09"};!function(e){const d="s_id-4fb1f14d4bb9_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".toggleInput_55026a3add:focus-visible ~ div, .toggleInput_55026a3add.focus-visible_aabb99afdd ~ 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\n.wrapper_3e8140cd09 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_5262ca5a2b","focus-visible":"focus-visible_9de4e1da3d",wrapper:"wrapper_1c95b70728"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_5262ca5a2b:focus-visible ~ div, .toggleInput_5262ca5a2b.focus-visible_9de4e1da3d ~ 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\n.wrapper_1c95b70728 {\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_eea5bbc826",disabled:"disabled_8171b5e480"};!function(e){const t="s_id-1dee71639eb3_3_0_0-beta_3";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_eea5bbc826 {\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_8171b5e480 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_10f1c111c8",disabled:"disabled_acfd883779"};!function(e){const t="s_id-1dee71639eb3_3_0_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_10f1c111c8 {\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_acfd883779 {\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,{PureComponent as l,isValidElement 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,l),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,l=o.className,h=o.style,m=o.title,d=o.image,c=o.icon;return i?(n(i)?e=i():(p(i)||"string"==typeof i&&i)&&(e=i),e?r.createElement("div",{style:h,className:a(g.tooltip,u(g,s(t)),l)},d&&r.createElement("img",{className:g.image,src:d,alt:""}),r.createElement("div",{className:a(g.content)},m&&r.createElement(y,{gap:"xs"},c&&r.createElement(S,{iconSize:"20",icon:c}),r.createElement("div",{className:g.title},m)),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"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.title,d=o.image,c=o.icon;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:h,className:a(g.tooltip,u(g,s(t)),p)},d&&r.createElement("img",{className:g.image,src:d,alt:""}),r.createElement("div",{className:a(g.content)},m&&r.createElement(y,{gap:"xs"},c&&r.createElement(S,{iconSize:"20",icon:c}),r.createElement("div",{className:g.title},m)),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