@vibe/core 3.51.0 → 3.51.1

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_a7adfab57f",text1Medium:"text1Medium_e8547b6e82",text1Normal:"text1Normal_e5a3bee07b",text2Bold:"text2Bold_58a0124234",text2Medium:"text2Medium_865cfa72e5",text2Normal:"text2Normal_ca1e60aab4",text3Bold:"text3Bold_554d2f1539",text3Medium:"text3Medium_96b54836bd",text3Normal:"text3Normal_e38b0bd792",text:"text_fef51613dd"};!function(t){const e="s_id-0b8dab5fe88c_3_50_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_a7adfab57f {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_e8547b6e82 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_e5a3bee07b {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_58a0124234 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_865cfa72e5 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_ca1e60aab4 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_554d2f1539 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_96b54836bd {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_e38b0bd792 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_fef51613dd {\n  margin-block: 0;\n}\n\np.text_fef51613dd + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_d2815fd28c",text1Medium:"text1Medium_98fdfbeb95",text1Normal:"text1Normal_b370ed115f",text2Bold:"text2Bold_0059abf08c",text2Medium:"text2Medium_d8e0fa6891",text2Normal:"text2Normal_8fd8e08d13",text3Bold:"text3Bold_d65edc0494",text3Medium:"text3Medium_c1258fee6e",text3Normal:"text3Normal_26d30efecd",text:"text_2b887e731c"};!function(t){const e="s_id-0b8dab5fe88c_3_51_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_d2815fd28c {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_98fdfbeb95 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_b370ed115f {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_0059abf08c {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_d8e0fa6891 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_8fd8e08d13 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d65edc0494 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_c1258fee6e {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_26d30efecd {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_2b887e731c {\n  margin-block: 0;\n}\n\np.text_2b887e731c + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_2b2f83d5c6",label:"label_d83f37ad05",required:"required_7dcb5bdcf5",subTextContainer:"subTextContainer_952ec09fec",helpText:"helpText_f1da10b7cd",limitText:"limitText_4997c8871c",textArea:"textArea_50b758f40f",small:"small_ca1e60aab4",large:"large_e5a3bee07b",resize:"resize_81560f0156",success:"success_dc47998abe",error:"error_ab472988a2",disabled:"disabled_7dcb5bdcf5",readOnly:"readOnly_7dcb5bdcf5"};!function(e){const r="s_id-c3fc7910bb37_3_50_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_2b2f83d5c6 {\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_2b2f83d5c6 .label_d83f37ad05 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_2b2f83d5c6 .label_d83f37ad05.required_7dcb5bdcf5::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_2b2f83d5c6 .subTextContainer_952ec09fec {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_2b2f83d5c6 .subTextContainer_952ec09fec .helpText_f1da10b7cd {\n  display: flex;\n}\n.textAreaWrapper_2b2f83d5c6 .subTextContainer_952ec09fec .limitText_4997c8871c {\n  margin-left: auto;\n}\n.textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f {\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_2b2f83d5c6 .textArea_50b758f40f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f:active, .textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f:focus, .textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f.small_ca1e60aab4 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f.large_e5a3bee07b {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_2b2f83d5c6 .textArea_50b758f40f:not(.resize_81560f0156) {\n  resize: none;\n}\n.textAreaWrapper_2b2f83d5c6.success_dc47998abe .textArea_50b758f40f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_2b2f83d5c6.success_dc47998abe .helpText_f1da10b7cd {\n  color: var(--color-success);\n}\n.textAreaWrapper_2b2f83d5c6.error_ab472988a2 .textArea_50b758f40f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_2b2f83d5c6.error_ab472988a2 .helpText_f1da10b7cd,\n.textAreaWrapper_2b2f83d5c6.error_ab472988a2 .limitText_4997c8871c {\n  color: var(--color-error);\n}\n.textAreaWrapper_2b2f83d5c6.disabled_7dcb5bdcf5 .textArea_50b758f40f,\n.textAreaWrapper_2b2f83d5c6.disabled_7dcb5bdcf5 .textArea_50b758f40f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_2b2f83d5c6.disabled_7dcb5bdcf5 .helpText_f1da10b7cd {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_2b2f83d5c6.readOnly_7dcb5bdcf5 .textArea_50b758f40f,\n.textAreaWrapper_2b2f83d5c6.readOnly_7dcb5bdcf5 .textArea_50b758f40f:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_98e3f73901",label:"label_9b51288a63",required:"required_85dbabebc6",subTextContainer:"subTextContainer_0a5b78666b",helpText:"helpText_40c4dd70a3",limitText:"limitText_9b08dd39aa",textArea:"textArea_7cb0a9a768",small:"small_8fd8e08d13",large:"large_b370ed115f",resize:"resize_330ac3c8c7",success:"success_d8eb508c06",error:"error_a4f8c281e5",disabled:"disabled_85dbabebc6",readOnly:"readOnly_85dbabebc6"};!function(e){const r="s_id-c3fc7910bb37_3_51_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_98e3f73901 {\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_98e3f73901 .label_9b51288a63 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_98e3f73901 .label_9b51288a63.required_85dbabebc6::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_98e3f73901 .subTextContainer_0a5b78666b {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_98e3f73901 .subTextContainer_0a5b78666b .helpText_40c4dd70a3 {\n  display: flex;\n}\n.textAreaWrapper_98e3f73901 .subTextContainer_0a5b78666b .limitText_9b08dd39aa {\n  margin-left: auto;\n}\n.textAreaWrapper_98e3f73901 .textArea_7cb0a9a768 {\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_98e3f73901 .textArea_7cb0a9a768:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_98e3f73901 .textArea_7cb0a9a768:active, .textAreaWrapper_98e3f73901 .textArea_7cb0a9a768:focus, .textAreaWrapper_98e3f73901 .textArea_7cb0a9a768:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_98e3f73901 .textArea_7cb0a9a768.small_8fd8e08d13 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_98e3f73901 .textArea_7cb0a9a768.large_b370ed115f {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_98e3f73901 .textArea_7cb0a9a768:not(.resize_330ac3c8c7) {\n  resize: none;\n}\n.textAreaWrapper_98e3f73901.success_d8eb508c06 .textArea_7cb0a9a768 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_98e3f73901.success_d8eb508c06 .helpText_40c4dd70a3 {\n  color: var(--color-success);\n}\n.textAreaWrapper_98e3f73901.error_a4f8c281e5 .textArea_7cb0a9a768 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_98e3f73901.error_a4f8c281e5 .helpText_40c4dd70a3,\n.textAreaWrapper_98e3f73901.error_a4f8c281e5 .limitText_9b08dd39aa {\n  color: var(--color-error);\n}\n.textAreaWrapper_98e3f73901.disabled_85dbabebc6 .textArea_7cb0a9a768,\n.textAreaWrapper_98e3f73901.disabled_85dbabebc6 .textArea_7cb0a9a768:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_98e3f73901.disabled_85dbabebc6 .helpText_40c4dd70a3 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_98e3f73901.readOnly_85dbabebc6 .textArea_7cb0a9a768,\n.textAreaWrapper_98e3f73901.readOnly_85dbabebc6 .textArea_7cb0a9a768: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

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

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

@@ -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, ComponentVibeId } from \"../../tests/constants\";\nimport { VibeComponentProps, 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  /**\n   * The placeholder text displayed when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * Configures the browser's autocomplete behavior.\n   */\n  autoComplete?: string;\n  /**\n   * The current value of the text field.\n   */\n  value?: string;\n  /**\n   * Callback fired when the text field value changes.\n   */\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  /**\n   * Callback fired when the text field loses focus.\n   */\n  onBlur?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when the text field gains focus.\n   */\n  onFocus?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when a key is pressed inside the text field.\n   */\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse wheel is used inside the text field.\n   */\n  onWheel?: (event: React.WheelEvent) => void;\n  /**\n   * The debounce rate for input value changes.\n   */\n  debounceRate?: number;\n  /**\n   * If true, the input is automatically focused on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, disables the text field.\n   */\n  disabled?: boolean;\n  /**\n   * If true, makes the text field read-only.\n   */\n  readonly?: boolean;\n  /**\n   * A function to set a reference to the input element.\n   */\n  setRef?: (node: HTMLElement) => void;\n  /**\n   * The primary icon displayed inside the text field.\n   */\n  iconName?: string | React.FunctionComponent | null;\n  /**\n   * The secondary icon displayed inside the text field.\n   */\n  secondaryIconName?: string | React.FunctionComponent | null;\n  /**\n   * The label displayed above the text field.\n   */\n  title?: string;\n  /**\n   * The size of the text field.\n   */\n  size?: TextFieldSize;\n  /**\n   * Validation state for the text field.\n   */\n  validation?: { status?: \"error\" | \"success\"; text?: string | React.ReactNode };\n  /**\n   * Class name applied to the text field wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Callback fired when the icon inside the text field is clicked.\n   */\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  /**\n   * If true, clears the input when the icon is clicked.\n   */\n  clearOnIconClick?: boolean;\n  /**\n   * The icon displayed inside the label.\n   */\n  labelIconName?: string | React.FunctionComponent | null;\n  /**\n   * If true, displays the character count.\n   */\n  showCharCount?: boolean;\n  /**\n   * The ARIA label for the input field.\n   */\n  inputAriaLabel?: string;\n  /**\n   * The ID of the container where search results are displayed.\n   */\n  searchResultsContainerId?: string;\n  /**\n   * The ID of the currently active search result.\n   */\n  activeDescendant?: string;\n  /**\n   * Icon labels for accessibility.\n   */\n  iconsNames?: {\n    primary: string;\n    secondary: string;\n  };\n  /**\n   * The type of the text field.\n   */\n  type?: TextFieldType;\n  /**\n   * The maximum number of characters allowed.\n   */\n  maxLength?: number;\n  /**\n   * If true, allows the user to exceed the character limit set by `maxLength`.\n   */\n  allowExceedingMaxLength?: boolean;\n  /**\n   * If true, trims whitespace from the input value.\n   */\n  trim?: boolean;\n  /**\n   * The ARIA role of the text field.\n   */\n  role?: string;\n  /**\n   * If true, marks the input as required.\n   */\n  required?: boolean;\n  /**\n   * The error message displayed when a required field is left empty.\n   */\n  requiredErrorText?: string;\n  /**\n   * If true, displays a loading indicator inside the text field.\n   */\n  loading?: boolean;\n  /**\n   * Test ID for the secondary icon.\n   */\n  secondaryDataTestId?: string;\n  /**\n   * The tab order of the input field.\n   */\n  tabIndex?: number;\n  /**\n   * The name attribute for the input field.\n   */\n  name?: string;\n  /**\n   * If true, renders only an underline style for the text field.\n   */\n  underline?: boolean;\n  /**\n   * If true, the component is controlled by an external state.\n   */\n  controlled?: boolean;\n  /**\n   * Tooltip content for the primary icon.\n   */\n  iconTooltipContent?: string;\n  /**\n   * Tooltip content for the secondary icon.\n   */\n  secondaryTooltipContent?: string;\n  /**\n   * The text direction of the input.\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField = 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      dir\n    }: TextFieldProps,\n    ref: React.ForwardedRef<unknown>\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 =\n      showCharCount || (validation && validation.text) || (isRequiredAndEmpty && requiredErrorText);\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              data-vibe={ComponentVibeId.TEXT_FIELD}\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              dir={dir}\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\ninterface TextFieldStaticProps {\n  sizes: typeof BASE_SIZES;\n  types: typeof TextFieldTextTypeEnum;\n  feedbacks: typeof TextFieldFeedbackStateEnum;\n}\n\nexport default withStaticProps<TextFieldProps, TextFieldStaticProps, unknown>(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","dir","_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","ComponentVibeId","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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"}
+{"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, ComponentVibeId } from \"../../tests/constants\";\nimport { VibeComponentProps, 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  /**\n   * The placeholder text displayed when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * Configures the browser's autocomplete behavior.\n   */\n  autoComplete?: string;\n  /**\n   * The current value of the text field.\n   */\n  value?: string;\n  /**\n   * Callback fired when the text field value changes.\n   */\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  /**\n   * Callback fired when the text field loses focus.\n   */\n  onBlur?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when the text field gains focus.\n   */\n  onFocus?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when a key is pressed inside the text field.\n   */\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse wheel is used inside the text field.\n   */\n  onWheel?: (event: React.WheelEvent) => void;\n  /**\n   * The debounce rate for input value changes.\n   */\n  debounceRate?: number;\n  /**\n   * If true, the input is automatically focused on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, disables the text field.\n   */\n  disabled?: boolean;\n  /**\n   * If true, makes the text field read-only.\n   */\n  readonly?: boolean;\n  /**\n   * A function to set a reference to the input element.\n   */\n  setRef?: (node: HTMLElement) => void;\n  /**\n   * The primary icon displayed inside the text field.\n   */\n  iconName?: string | React.FunctionComponent | null;\n  /**\n   * The secondary icon displayed inside the text field.\n   */\n  secondaryIconName?: string | React.FunctionComponent | null;\n  /**\n   * The label displayed above the text field.\n   */\n  title?: string;\n  /**\n   * The size of the text field.\n   */\n  size?: TextFieldSize;\n  /**\n   * Validation state for the text field.\n   */\n  validation?: { status?: \"error\" | \"success\"; text?: string | React.ReactNode };\n  /**\n   * Class name applied to the text field wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Callback fired when the icon inside the text field is clicked.\n   */\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  /**\n   * If true, clears the input when the icon is clicked.\n   */\n  clearOnIconClick?: boolean;\n  /**\n   * The icon displayed inside the label.\n   */\n  labelIconName?: string | React.FunctionComponent | null;\n  /**\n   * If true, displays the character count.\n   */\n  showCharCount?: boolean;\n  /**\n   * The ARIA label for the input field.\n   */\n  inputAriaLabel?: string;\n  /**\n   * The ID of the container where search results are displayed.\n   */\n  searchResultsContainerId?: string;\n  /**\n   * The ID of the currently active search result.\n   */\n  activeDescendant?: string;\n  /**\n   * Icon labels for accessibility.\n   */\n  iconsNames?: {\n    primary: string;\n    secondary: string;\n  };\n  /**\n   * The type of the text field.\n   */\n  type?: TextFieldType;\n  /**\n   * The maximum number of characters allowed.\n   */\n  maxLength?: number;\n  /**\n   * If true, allows the user to exceed the character limit set by `maxLength`.\n   */\n  allowExceedingMaxLength?: boolean;\n  /**\n   * If true, trims whitespace from the input value.\n   */\n  trim?: boolean;\n  /**\n   * The ARIA role of the text field.\n   */\n  role?: string;\n  /**\n   * If true, marks the input as required.\n   */\n  required?: boolean;\n  /**\n   * The error message displayed when a required field is left empty.\n   */\n  requiredErrorText?: string;\n  /**\n   * If true, displays a loading indicator inside the text field.\n   */\n  loading?: boolean;\n  /**\n   * Test ID for the secondary icon.\n   */\n  secondaryDataTestId?: string;\n  /**\n   * The tab order of the input field.\n   */\n  tabIndex?: number;\n  /**\n   * The name attribute for the input field.\n   */\n  name?: string;\n  /**\n   * If true, renders only an underline style for the text field.\n   */\n  underline?: boolean;\n  /**\n   * If true, the component is controlled by an external state.\n   */\n  controlled?: boolean;\n  /**\n   * Tooltip content for the primary icon.\n   */\n  iconTooltipContent?: string;\n  /**\n   * Tooltip content for the secondary icon.\n   */\n  secondaryTooltipContent?: string;\n  /**\n   * The text direction of the input.\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField = 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      dir\n    }: TextFieldProps,\n    ref: React.ForwardedRef<unknown>\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 =\n      showCharCount || (validation && validation.text) || (isRequiredAndEmpty && requiredErrorText);\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              data-vibe={ComponentVibeId.TEXT_FIELD}\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              dir={dir}\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) || (isRequiredAndEmpty && requiredErrorText)) && (\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\ninterface TextFieldStaticProps {\n  sizes: typeof BASE_SIZES;\n  types: typeof TextFieldTextTypeEnum;\n  feedbacks: typeof TextFieldFeedbackStateEnum;\n}\n\nexport default withStaticProps<TextFieldProps, TextFieldStaticProps, unknown>(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","dir","_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","ComponentVibeId","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

@@ -1,2 +1,2 @@
-var n={textField:"textField_7651863f97",labelWrapper:"labelWrapper_03d01ea229",subTextContainer:"subTextContainer_a026a737db",counter:"counter_4997c8871c",disabled:"disabled_a32ca41a65",icon:"icon_9bea1722b4",inputWrapper:"inputWrapper_9bea1722b4",input:"input_c47a1751b3",iconContainer:"iconContainer_0b1e32c9ca",iconContainerHasIcon:"iconContainerHasIcon_dd6f8d4dec",readOnly:"readOnly_3fd0219443",inputHover:"inputHover_d9e2f1715d",inputActive:"inputActive_db3bd53c2d",inputHasIcon:"inputHasIcon_6ed8eb7271",round:"round_fc60f90897",square:"square_1302cd485c",onlyUnderline:"onlyUnderline_326e71213b",tooltipContainer:"tooltipContainer_31a184259f",wrapperSizeMedium:"wrapperSizeMedium_b54fbe7618",wrapperSizeLarge:"wrapperSizeLarge_799e34a108",iconContainerActive:"iconContainerActive_894c0054f9",iconContainerClickable:"iconContainerClickable_d0b074e91d",inputErrorValidation:"inputErrorValidation_dd6f8d4dec",subTextContainerStatus:"subTextContainerStatus_033cd49156",inputSuccessValidation:"inputSuccessValidation_e5259121b0",wrapperSizeSmall:"wrapperSizeSmall_b81e3e1ecc",inputWrapperSizeSmall:"inputWrapperSizeSmall_021c722039",loaderContainer:"loaderContainer_bdb10b11a4",loaderContainerHasIcon:"loaderContainerHasIcon_96c46f0f43",loader:"loader_a271edf718",loaderSvg:"loaderSvg_952ec09fec"};!function(n){const e="s_id-6ee97e87df70_3_50_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_7651863f97 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_7651863f97 * {\n  box-sizing: border-box;\n}\n\n.textField_7651863f97 .labelWrapper_03d01ea229 {\n  width: 100%;\n}\n\n.textField_7651863f97 .subTextContainer_a026a737db {\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_7651863f97 .subTextContainer_a026a737db .counter_4997c8871c {\n  margin-left: auto;\n}\n\n.textField_7651863f97.disabled_a32ca41a65 .icon_9bea1722b4 {\n  cursor: not-allowed;\n}\n\n.textField_7651863f97.disabled_a32ca41a65 .inputWrapper_9bea1722b4 {\n  cursor: not-allowed;\n}\n\n.textField_7651863f97.disabled_a32ca41a65 .inputWrapper_9bea1722b4 .input_c47a1751b3 {\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_7651863f97.disabled_a32ca41a65 .inputWrapper_9bea1722b4 .input_c47a1751b3::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_7651863f97.disabled_a32ca41a65 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerHasIcon_dd6f8d4dec:hover {\n  background-color: transparent;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3 {\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_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.readOnly_3fd0219443 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.inputHover_d9e2f1715d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3:focus,\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3:active,\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.inputActive_db3bd53c2d {\n  border-color: var(--primary-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.inputHasIcon_6ed8eb7271 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.round_fc60f90897 {\n  border-radius: 50px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.square_1302cd485c {\n  border-radius: 0;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .input_c47a1751b3.onlyUnderline_326e71213b {\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_7651863f97 .inputWrapper_9bea1722b4 .tooltipContainer_31a184259f {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .tooltipContainer_31a184259f {\n  width: 40px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .tooltipContainer_31a184259f {\n  width: 46px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca {\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_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca {\n  -webkit-appearance: none;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerActive_894c0054f9.iconContainerHasIcon_dd6f8d4dec.iconContainerClickable_d0b074e91d {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerActive_894c0054f9.iconContainerHasIcon_dd6f8d4dec:not(.iconContainerClickable_d0b074e91d) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerActive_894c0054f9 {\n  opacity: 1;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerActive_894c0054f9 .icon_9bea1722b4 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerHasIcon_dd6f8d4dec.iconContainerClickable_d0b074e91d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca.iconContainerHasIcon_dd6f8d4dec.iconContainerClickable_d0b074e91d:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\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_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec:hover .input_c47a1751b3 {\n  border-color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec .input_c47a1751b3 {\n  border-color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec .input_c47a1751b3:focus,\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec .input_c47a1751b3:active {\n  border-color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec .iconContainer_0b1e32c9ca .icon_9bea1722b4:hover {\n  color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec + .subTextContainer_a026a737db .subTextContainerStatus_033cd49156,\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputErrorValidation_dd6f8d4dec + .subTextContainer_a026a737db .counter_4997c8871c {\n  color: var(--negative-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0:hover .input_c47a1751b3 {\n  border-color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 .input_c47a1751b3 {\n  border-color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 .input_c47a1751b3:focus,\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 .input_c47a1751b3:active {\n  border-color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 .iconContainer_0b1e32c9ca .icon_9bea1722b4:hover {\n  color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.inputSuccessValidation_e5259121b0 + .subTextContainer_a026a737db .subTextContainerStatus_033cd49156 {\n  color: var(--positive-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeSmall_b81e3e1ecc {\n  height: 32px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeSmall_b81e3e1ecc .input_c47a1751b3 {\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_7651863f97 .inputWrapper_9bea1722b4.inputWrapperSizeSmall_021c722039 .input_c47a1751b3.inputHasIcon_6ed8eb7271.onlyUnderline_326e71213b {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 {\n  height: 40px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .input_c47a1751b3 {\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_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .input_c47a1751b3.inputHasIcon_6ed8eb7271 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .input_c47a1751b3.inputHasIcon_6ed8eb7271.onlyUnderline_326e71213b {\n  padding-left: 4px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .iconContainer_0b1e32c9ca {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  font-size: 16px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .iconContainer_0b1e32c9ca:hover + .iconContainer_0b1e32c9ca + .input_c47a1751b3 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 {\n  height: 48px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .input_c47a1751b3 {\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_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .input_c47a1751b3.inputHasIcon_6ed8eb7271 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .input_c47a1751b3.inputHasIcon_6ed8eb7271.onlyUnderline_326e71213b {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .iconContainer_0b1e32c9ca {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  font-size: 16px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4:hover .input_c47a1751b3 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .loaderContainer_bdb10b11a4 {\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_7651863f97 .inputWrapper_9bea1722b4 .loaderContainer_bdb10b11a4.loaderContainerHasIcon_96c46f0f43 {\n  right: 32px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .loaderContainer_bdb10b11a4 .loader_a271edf718 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .loaderContainer_bdb10b11a4 .loader_a271edf718 .loaderSvg_952ec09fec {\n  color: var(--secondary-text-color);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  font-family: var(--font-family);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeMedium_b54fbe7618 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  font-family: var(--font-family);\n}\n\n.textField_7651863f97 .inputWrapper_9bea1722b4.wrapperSizeLarge_799e34a108 .iconContainer_0b1e32c9ca .icon_9bea1722b4 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var e={textField:"textField_7bcb01a891",labelWrapper:"labelWrapper_4b34498b57",subTextContainer:"subTextContainer_c31e49e75d",counter:"counter_9b08dd39aa",disabled:"disabled_c5ffb38521",icon:"icon_f3aade60fe",inputWrapper:"inputWrapper_f3aade60fe",input:"input_3ad57937f2",iconContainer:"iconContainer_52ec420af0",iconContainerHasIcon:"iconContainerHasIcon_302d9a9770",readOnly:"readOnly_268cd2f803",inputHover:"inputHover_1ee87b98c1",inputActive:"inputActive_153430153e",inputHasIcon:"inputHasIcon_565ed4488b",round:"round_ccdafa1226",square:"square_d5465ea023",onlyUnderline:"onlyUnderline_d7f093b744",tooltipContainer:"tooltipContainer_c95b588a96",wrapperSizeMedium:"wrapperSizeMedium_6511775b94",wrapperSizeLarge:"wrapperSizeLarge_570662d6cf",iconContainerActive:"iconContainerActive_1444f5ad38",iconContainerClickable:"iconContainerClickable_17326cec9c",inputErrorValidation:"inputErrorValidation_302d9a9770",subTextContainerStatus:"subTextContainerStatus_abe111640a",inputSuccessValidation:"inputSuccessValidation_911e0095df",wrapperSizeSmall:"wrapperSizeSmall_198073de16",inputWrapperSizeSmall:"inputWrapperSizeSmall_2be04debf3",loaderContainer:"loaderContainer_992ea93a95",loaderContainerHasIcon:"loaderContainerHasIcon_bbd67faf24",loader:"loader_5990f7eaf7",loaderSvg:"loaderSvg_0a5b78666b"};!function(e){const n="s_id-6ee97e87df70_3_51_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_7bcb01a891 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_7bcb01a891 * {\n  box-sizing: border-box;\n}\n\n.textField_7bcb01a891 .labelWrapper_4b34498b57 {\n  width: 100%;\n}\n\n.textField_7bcb01a891 .subTextContainer_c31e49e75d {\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_7bcb01a891 .subTextContainer_c31e49e75d .counter_9b08dd39aa {\n  margin-left: auto;\n}\n\n.textField_7bcb01a891.disabled_c5ffb38521 .icon_f3aade60fe {\n  cursor: not-allowed;\n}\n\n.textField_7bcb01a891.disabled_c5ffb38521 .inputWrapper_f3aade60fe {\n  cursor: not-allowed;\n}\n\n.textField_7bcb01a891.disabled_c5ffb38521 .inputWrapper_f3aade60fe .input_3ad57937f2 {\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_7bcb01a891.disabled_c5ffb38521 .inputWrapper_f3aade60fe .input_3ad57937f2::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_7bcb01a891.disabled_c5ffb38521 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerHasIcon_302d9a9770:hover {\n  background-color: transparent;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe {\n  width: 100%;\n  position: relative;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2 {\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_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.readOnly_268cd2f803 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.inputHover_1ee87b98c1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2:focus,\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2:active,\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.inputActive_153430153e {\n  border-color: var(--primary-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.inputHasIcon_565ed4488b {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.round_ccdafa1226 {\n  border-radius: 50px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.square_d5465ea023 {\n  border-radius: 0;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .input_3ad57937f2.onlyUnderline_d7f093b744 {\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_7bcb01a891 .inputWrapper_f3aade60fe .tooltipContainer_c95b588a96 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .tooltipContainer_c95b588a96 {\n  width: 40px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .tooltipContainer_c95b588a96 {\n  width: 46px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0 {\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_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0 {\n  -webkit-appearance: none;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerActive_1444f5ad38.iconContainerHasIcon_302d9a9770.iconContainerClickable_17326cec9c {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerActive_1444f5ad38.iconContainerHasIcon_302d9a9770:not(.iconContainerClickable_17326cec9c) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerActive_1444f5ad38 {\n  opacity: 1;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerActive_1444f5ad38 .icon_f3aade60fe {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerHasIcon_302d9a9770.iconContainerClickable_17326cec9c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0.iconContainerHasIcon_302d9a9770.iconContainerClickable_17326cec9c:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0 .icon_f3aade60fe {\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_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770:hover .input_3ad57937f2 {\n  border-color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 .input_3ad57937f2 {\n  border-color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 .input_3ad57937f2:focus,\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 .input_3ad57937f2:active {\n  border-color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 .iconContainer_52ec420af0 .icon_f3aade60fe {\n  color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 .iconContainer_52ec420af0 .icon_f3aade60fe:hover {\n  color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 + .subTextContainer_c31e49e75d .subTextContainerStatus_abe111640a,\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputErrorValidation_302d9a9770 + .subTextContainer_c31e49e75d .counter_9b08dd39aa {\n  color: var(--negative-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df:hover .input_3ad57937f2 {\n  border-color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df .input_3ad57937f2 {\n  border-color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df .input_3ad57937f2:focus,\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df .input_3ad57937f2:active {\n  border-color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df .iconContainer_52ec420af0 .icon_f3aade60fe {\n  color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df .iconContainer_52ec420af0 .icon_f3aade60fe:hover {\n  color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.inputSuccessValidation_911e0095df + .subTextContainer_c31e49e75d .subTextContainerStatus_abe111640a {\n  color: var(--positive-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeSmall_198073de16 {\n  height: 32px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeSmall_198073de16 .input_3ad57937f2 {\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_7bcb01a891 .inputWrapper_f3aade60fe.inputWrapperSizeSmall_2be04debf3 .input_3ad57937f2.inputHasIcon_565ed4488b.onlyUnderline_d7f093b744 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 {\n  height: 40px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .input_3ad57937f2 {\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_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .input_3ad57937f2.inputHasIcon_565ed4488b {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .input_3ad57937f2.inputHasIcon_565ed4488b.onlyUnderline_d7f093b744 {\n  padding-left: 4px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .iconContainer_52ec420af0 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .iconContainer_52ec420af0 .icon_f3aade60fe {\n  font-size: 16px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .iconContainer_52ec420af0:hover + .iconContainer_52ec420af0 + .input_3ad57937f2 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf {\n  height: 48px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .input_3ad57937f2 {\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_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .input_3ad57937f2.inputHasIcon_565ed4488b {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .input_3ad57937f2.inputHasIcon_565ed4488b.onlyUnderline_d7f093b744 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .iconContainer_52ec420af0 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .iconContainer_52ec420af0 .icon_f3aade60fe {\n  font-size: 16px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe:hover .input_3ad57937f2 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .loaderContainer_992ea93a95 {\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_7bcb01a891 .inputWrapper_f3aade60fe .loaderContainer_992ea93a95.loaderContainerHasIcon_bbd67faf24 {\n  right: 32px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .loaderContainer_992ea93a95 .loader_5990f7eaf7 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .loaderContainer_992ea93a95 .loader_5990f7eaf7 .loaderSvg_0a5b78666b {\n  color: var(--secondary-text-color);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe .iconContainer_52ec420af0 .icon_f3aade60fe {\n  font-family: var(--font-family);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeMedium_6511775b94 .iconContainer_52ec420af0 .icon_f3aade60fe {\n  font-family: var(--font-family);\n}\n\n.textField_7bcb01a891 .inputWrapper_f3aade60fe.wrapperSizeLarge_570662d6cf .iconContainer_52ec420af0 .icon_f3aade60fe {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_af6a10185c",highlightText:"highlightText_8784dd1395",withEllipsis:"withEllipsis_91caea1803"};!function(e){const t="s_id-42c1fd2afe36_3_50_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_af6a10185c {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_af6a10185c em.highlightText_8784dd1395 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_af6a10185c.withEllipsis_91caea1803 {\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_a4b209d600",highlightText:"highlightText_e64f90d010",withEllipsis:"withEllipsis_26daefc896"};!function(e){const t="s_id-42c1fd2afe36_3_51_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_a4b209d600 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_a4b209d600 em.highlightText_e64f90d010 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_a4b209d600.withEllipsis_26daefc896 {\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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_e0f4920cc3",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_2f5faac2ab",floating:"floating_6e44ca7b65",tipseenHeader:"tipseenHeader_8c1331a382",tipseenTitle:"tipseenTitle_8d056cfbd8",tipseenContent:"tipseenContent_60ce76e2d8",tipseenCloseButton:"tipseenCloseButton_eafbe70c5b",dark:"dark_519e6a2e34"};!function(e){const t="s_id-33da00d2ba25_3_50_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_e0f4920cc3 {\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_e0f4920cc3.tipseenWrapperWithoutCustomWidth_2f5faac2ab {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_e0f4920cc3.floating_6e44ca7b65 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_e0f4920cc3 .tipseenHeader_8c1331a382 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_e0f4920cc3 .tipseenTitle_8d056cfbd8 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_e0f4920cc3 .tipseenContent_60ce76e2d8 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_e0f4920cc3 .tipseenCloseButton_eafbe70c5b {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_e0f4920cc3 .tipseenCloseButton_eafbe70c5b.dark_519e6a2e34 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_5351e96a53",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_604334a5cf",floating:"floating_f7ed9e91c6",tipseenHeader:"tipseenHeader_7ac48214f6",tipseenTitle:"tipseenTitle_43d567886c",tipseenContent:"tipseenContent_8e003dc451",tipseenCloseButton:"tipseenCloseButton_c9dacaa7f3",dark:"dark_4cf7baaef1"};!function(e){const t="s_id-33da00d2ba25_3_51_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_5351e96a53 {\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_5351e96a53.tipseenWrapperWithoutCustomWidth_604334a5cf {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_5351e96a53.floating_f7ed9e91c6 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_5351e96a53 .tipseenHeader_7ac48214f6 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_5351e96a53 .tipseenTitle_43d567886c {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_5351e96a53 .tipseenContent_8e003dc451 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_5351e96a53 .tipseenCloseButton_c9dacaa7f3 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_5351e96a53 .tipseenCloseButton_c9dacaa7f3.dark_4cf7baaef1 {\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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_b4920ec8c0"};!function(e){const n="s_id-e688002d63b5_3_50_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_b4920ec8c0 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_b4920ec8c0:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_fd00606274"};!function(e){const n="s_id-e688002d63b5_3_51_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_fd00606274 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_fd00606274: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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_c00f0dca02",dismiss:"dismiss_3ce6df19a2"};!function(e){const t="s_id-91df242cd10d_3_50_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_c00f0dca02 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_3ce6df19a2 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_e1a9e3a7b8",dismiss:"dismiss_573b783c47"};!function(e){const t="s_id-91df242cd10d_3_51_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_e1a9e3a7b8 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_573b783c47 {\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

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_b922e78a92"};!function(e){const t="s_id-5a749fe7aaee_3_50_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_b922e78a92 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_1697f9cc3e"};!function(e){const t="s_id-5a749fe7aaee_3_51_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_1697f9cc3e {\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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_7ecbc5259e",colorInverted:"colorInverted_9c63449e57"};!function(e){const n="s_id-71e151b2b729_3_50_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_7ecbc5259e {\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_9c63449e57 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_7eb9d6b75b",colorInverted:"colorInverted_fd0ac7605d"};!function(e){const d="s_id-71e151b2b729_3_51_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_7eb9d6b75b {\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_fd0ac7605d {\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

@@ -1,2 +1,2 @@
-var e={title:"title_44174bc853"};!function(e){const t="s_id-52c2fd8cbf53_3_50_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_44174bc853 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_118a68cf04"};!function(e){const t="s_id-52c2fd8cbf53_3_51_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_118a68cf04 {\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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_a02ace16f6",tipseenWizardWizard:"tipseenWizardWizard_03d01ea229"};!function(e){const d="s_id-98eba0c83d1f_3_50_3";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_a02ace16f6 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_03d01ea229 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_0c35e55ffb",tipseenWizardWizard:"tipseenWizardWizard_4b34498b57"};!function(e){const i="s_id-98eba0c83d1f_3_51_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_0c35e55ffb {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_4b34498b57 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_10d7bc922e",typeNormal:"typeNormal_6f963050d2",typePositive:"typePositive_f01612c6d7",typeNegative:"typeNegative_1b263e43e8",typeWarning:"typeWarning_d61a543b07",closeButton:"closeButton_d51e1a01c9",actionButton:"actionButton_2acc3792d8",actionLink:"actionLink_517dfc6765",typeDark:"typeDark_f99a2c7e97",icon:"icon_13ccd486c4",withTransition:"withTransition_337ce4f957",bounceIn:"bounceIn_645a77d299",content:"content_473c1a375b",textContent:"textContent_41dfac459e",enterActive:"enterActive_ac7b0bde13",slideIn:"slideIn_bce911a358",exitActive:"exitActive_9c57057d4e",slideOut:"slideOut_00de9f20f6"};!function(n){const t="s_id-72c9912c1efa_3_50_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_10d7bc922e {\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_10d7bc922e.typeNormal_6f963050d2 {\n  background-color: var(--primary-color);\n}\n.toast_10d7bc922e.typePositive_f01612c6d7 {\n  background-color: var(--positive-color);\n}\n.toast_10d7bc922e.typeNegative_1b263e43e8 {\n  background-color: var(--negative-color);\n}\n.toast_10d7bc922e.typeWarning_d61a543b07 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_10d7bc922e.typeWarning_d61a543b07 .closeButton_d51e1a01c9 {\n  color: var(--fixed-dark-color);\n}\n.toast_10d7bc922e.typeWarning_d61a543b07 .actionButton_2acc3792d8,\n.toast_10d7bc922e.typeWarning_d61a543b07 .actionLink_517dfc6765 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_10d7bc922e.typeDark_f99a2c7e97 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_10d7bc922e.typeDark_f99a2c7e97 .closeButton_d51e1a01c9 {\n  color: var(--text-color-on-inverted);\n}\n.toast_10d7bc922e.typeDark_f99a2c7e97 .actionButton_2acc3792d8,\n.toast_10d7bc922e.typeDark_f99a2c7e97 .actionLink_517dfc6765 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_13ccd486c4 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_2acc3792d8.withTransition_337ce4f957 {\n  opacity: 0;\n  animation: bounceIn_645a77d299 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_473c1a375b {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_41dfac459e {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_ac7b0bde13 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_bce911a358;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_9c57057d4e {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_00de9f20f6;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_d51e1a01c9 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_bce911a358 {\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_00de9f20f6 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_645a77d299 {\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_73c4b97deb",typeNormal:"typeNormal_1f2f071f89",typePositive:"typePositive_27b20c8f3c",typeNegative:"typeNegative_74d8037e9b",typeWarning:"typeWarning_fc31c2fc21",closeButton:"closeButton_5c48f12352",actionButton:"actionButton_01a87d1f83",actionLink:"actionLink_60e26e846f",typeDark:"typeDark_77df45da1d",icon:"icon_0572fcbc5b",withTransition:"withTransition_18d0c6d948",bounceIn:"bounceIn_0349b01f16",content:"content_46c1fcad96",textContent:"textContent_2ab49dfe39",enterActive:"enterActive_c99303917c",slideIn:"slideIn_e2bad38032",exitActive:"exitActive_0ff0776100",slideOut:"slideOut_dcf85218fe"};!function(n){const t="s_id-72c9912c1efa_3_51_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_73c4b97deb {\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_73c4b97deb.typeNormal_1f2f071f89 {\n  background-color: var(--primary-color);\n}\n.toast_73c4b97deb.typePositive_27b20c8f3c {\n  background-color: var(--positive-color);\n}\n.toast_73c4b97deb.typeNegative_74d8037e9b {\n  background-color: var(--negative-color);\n}\n.toast_73c4b97deb.typeWarning_fc31c2fc21 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_73c4b97deb.typeWarning_fc31c2fc21 .closeButton_5c48f12352 {\n  color: var(--fixed-dark-color);\n}\n.toast_73c4b97deb.typeWarning_fc31c2fc21 .actionButton_01a87d1f83,\n.toast_73c4b97deb.typeWarning_fc31c2fc21 .actionLink_60e26e846f {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_73c4b97deb.typeDark_77df45da1d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_73c4b97deb.typeDark_77df45da1d .closeButton_5c48f12352 {\n  color: var(--text-color-on-inverted);\n}\n.toast_73c4b97deb.typeDark_77df45da1d .actionButton_01a87d1f83,\n.toast_73c4b97deb.typeDark_77df45da1d .actionLink_60e26e846f {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_0572fcbc5b {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_01a87d1f83.withTransition_18d0c6d948 {\n  opacity: 0;\n  animation: bounceIn_0349b01f16 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_46c1fcad96 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_2ab49dfe39 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_c99303917c {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_e2bad38032;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_0ff0776100 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_dcf85218fe;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_5c48f12352 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_e2bad38032 {\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_dcf85218fe {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_0349b01f16 {\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

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_a3bb2a300e"};!function(e){const t="s_id-a224471727c9_3_50_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_a3bb2a300e {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_a3bb2a300e:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_9ce860910d"};!function(e){const t="s_id-a224471727c9_3_51_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_9ce860910d {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_9ce860910d:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_73ad0eaa0f","focus-visible":"focus-visible_efe7cd340a",selected:"selected_6f963050d2",notSelected:"notSelected_2313a056e1",disabled:"disabled_9426fe79a2",medium:"medium_0d697cc42c",small:"small_ce9e919625"};!function(e){const n="s_id-49e22e19a989_3_50_3";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_73ad0eaa0f {\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_73ad0eaa0f:focus-visible, .toggle_73ad0eaa0f.focus-visible_efe7cd340a {\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_73ad0eaa0f:focus:not(.focus-visible_efe7cd340a) {\n  outline: none;\n}\n.toggle_73ad0eaa0f::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_73ad0eaa0f.selected_6f963050d2 {\n  background-color: var(--primary-color);\n}\n.toggle_73ad0eaa0f.selected_6f963050d2::after {\n  left: 20px;\n}\n.toggle_73ad0eaa0f.notSelected_2313a056e1 {\n  background-color: var(--ui-border-color);\n}\n.toggle_73ad0eaa0f.notSelected_2313a056e1::after {\n  left: 3px;\n}\n.toggle_73ad0eaa0f.disabled_9426fe79a2 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_73ad0eaa0f.medium_0d697cc42c {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_73ad0eaa0f.medium_0d697cc42c::after {\n  --circle-size: 18px;\n}\n.toggle_73ad0eaa0f.small_ce9e919625 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_73ad0eaa0f.small_ce9e919625::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_73ad0eaa0f.small_ce9e919625.notSelected_2313a056e1::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_ee1189f715","focus-visible":"focus-visible_e78a676601",selected:"selected_1f2f071f89",notSelected:"notSelected_40747ec768",disabled:"disabled_2d0f7f8c38",medium:"medium_085010f7ca",small:"small_a270e90b41"};!function(e){const n="s_id-49e22e19a989_3_51_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_ee1189f715 {\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_ee1189f715:focus-visible, .toggle_ee1189f715.focus-visible_e78a676601 {\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_ee1189f715:focus:not(.focus-visible_e78a676601) {\n  outline: none;\n}\n.toggle_ee1189f715::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_ee1189f715.selected_1f2f071f89 {\n  background-color: var(--primary-color);\n}\n.toggle_ee1189f715.selected_1f2f071f89::after {\n  left: 20px;\n}\n.toggle_ee1189f715.notSelected_40747ec768 {\n  background-color: var(--ui-border-color);\n}\n.toggle_ee1189f715.notSelected_40747ec768::after {\n  left: 3px;\n}\n.toggle_ee1189f715.disabled_2d0f7f8c38 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_ee1189f715.medium_085010f7ca {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_ee1189f715.medium_085010f7ca::after {\n  --circle-size: 18px;\n}\n.toggle_ee1189f715.small_a270e90b41 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_ee1189f715.small_a270e90b41::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_ee1189f715.small_a270e90b41.notSelected_40747ec768::after {\n  left: 2px;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_4df691382c","focus-visible":"focus-visible_cf87633808",wrapper:"wrapper_de466b6299"};!function(e){const n="s_id-4fb1f14d4bb9_3_50_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)}(".toggleInput_4df691382c:focus-visible ~ div, .toggleInput_4df691382c.focus-visible_cf87633808 ~ 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_de466b6299 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_d0216d7882","focus-visible":"focus-visible_d35ddc1172",wrapper:"wrapper_c0aaeddfba"};!function(e){const d="s_id-4fb1f14d4bb9_3_51_0";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_d0216d7882:focus-visible ~ div, .toggleInput_d0216d7882.focus-visible_d35ddc1172 ~ 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_c0aaeddfba {\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

@@ -1,2 +1,2 @@
-var e={text:"text_426db72b48",disabled:"disabled_169346aed4"};!function(e){const t="s_id-1dee71639eb3_3_50_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_426db72b48 {\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_169346aed4 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_18dca9ad6b",disabled:"disabled_46f7e3942f"};!function(e){const t="s_id-1dee71639eb3_3_51_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_18dca9ad6b {\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_46f7e3942f {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

package/dist/src/components/Tooltip/Tooltip.module.scss.js

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip_5ca4cfce49",image:"image_1eaf844f3e",title:"title_58a0124234",content:"content_2dd232812f",paddingSizeMd:"paddingSizeMd_a281577856",tooltipWhiteLink:"tooltipWhiteLink_592ffa640b",arrow:"arrow_3c4f87670c",dark:"dark_f99a2c7e97",primary:"primary_6b5c65625d"};!function(r){const a="s_id-6a6e92472798_3_50_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".tooltip_5ca4cfce49 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_5ca4cfce49 .image_1eaf844f3e {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_5ca4cfce49 .title_58a0124234 {\n  font: var(--font-text2-bold);\n}\n.tooltip_5ca4cfce49 .content_2dd232812f {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_5ca4cfce49.paddingSizeMd_a281577856 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_5ca4cfce49 a.tooltipWhiteLink_592ffa640b {\n  color: #fff;\n}\n.arrow_3c4f87670c,\n.dark_f99a2c7e97,\n.arrow_3c4f87670c.dark_f99a2c7e97 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.dark_f99a2c7e97, .black-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.dark_f99a2c7e97, .hacker-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.dark_f99a2c7e97,\n.dark-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.primary_6b5c65625d,\n.black-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.primary_6b5c65625d,\n.hacker-app-theme .arrow_3c4f87670c.arrow_3c4f87670c.primary_6b5c65625d {\n  box-shadow: none;\n}\n.primary_6b5c65625d,\n.arrow_3c4f87670c.primary_6b5c65625d {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var r={tooltip:"tooltip_851b243fa1",image:"image_de9e13794e",title:"title_0059abf08c",content:"content_7a386c2137",paddingSizeMd:"paddingSizeMd_709523a17f",tooltipWhiteLink:"tooltipWhiteLink_6ce3d7b694",arrow:"arrow_f220e48015",dark:"dark_77df45da1d",primary:"primary_2e5fa29cc1"};!function(r){const a="s_id-6a6e92472798_3_51_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".tooltip_851b243fa1 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_851b243fa1 .image_de9e13794e {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_851b243fa1 .title_0059abf08c {\n  font: var(--font-text2-bold);\n}\n.tooltip_851b243fa1 .content_7a386c2137 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_851b243fa1.paddingSizeMd_709523a17f {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_851b243fa1 a.tooltipWhiteLink_6ce3d7b694 {\n  color: #fff;\n}\n.arrow_f220e48015,\n.dark_77df45da1d,\n.arrow_f220e48015.dark_77df45da1d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_f220e48015.arrow_f220e48015.dark_77df45da1d, .black-app-theme .arrow_f220e48015.arrow_f220e48015.dark_77df45da1d, .hacker-app-theme .arrow_f220e48015.arrow_f220e48015.dark_77df45da1d,\n.dark-app-theme .arrow_f220e48015.arrow_f220e48015.primary_2e5fa29cc1,\n.black-app-theme .arrow_f220e48015.arrow_f220e48015.primary_2e5fa29cc1,\n.hacker-app-theme .arrow_f220e48015.arrow_f220e48015.primary_2e5fa29cc1 {\n  box-shadow: none;\n}\n.primary_2e5fa29cc1,\n.arrow_f220e48015.primary_2e5fa29cc1 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/src/components/TransitionView/TransitionView.module.scss.js

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_ba1de1f811"};!function(e){const t="s_id-1d828e3be878_3_50_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)}(".slideshow_ba1de1f811 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_1f63dd4c79"};!function(e){const t="s_id-1d828e3be878_3_51_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)}(".slideshow_1f63dd4c79 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

package/dist/src/components/Typography/Typography.module.scss.js

@@ -1,2 +1,2 @@
-var e={typography:"typography_d398696ff9","focus-visible":"focus-visible_efe7cd340a",primary:"primary_aabe7c654d",secondary:"secondary_952ec09fec",negative:"negative_21498d3e6d",onPrimary:"onPrimary_dff7e51116",onInverted:"onInverted_4cf3e230a4",fixedLight:"fixedLight_e8600bd4a2",fixedDark:"fixedDark_d51e1a01c9",inherit:"inherit_cb8a0bf7c8",alignInherit:"alignInherit_642daaefdf",start:"start_fb0f717a55",center:"center_4f73bfaa05",end:"end_ad63e9c8aa",singleLineEllipsis:"singleLineEllipsis_2ae251872c",multiLineEllipsis:"multiLineEllipsis_520306747b"};!function(e){const n="s_id-1a3a21ac499a_3_50_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_d398696ff9 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_d398696ff9 > a:focus-visible, .typography_d398696ff9 > a.focus-visible_efe7cd340a {\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.typography_d398696ff9 > a:focus:not(.focus-visible_efe7cd340a) {\n  outline: none;\n}\n.typography_d398696ff9 > a:hover {\n  text-decoration: underline;\n}\n.typography_d398696ff9:disabled, .typography_d398696ff9[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_aabe7c654d {\n  color: var(--primary-text-color);\n}\n.secondary_952ec09fec {\n  color: var(--secondary-text-color);\n}\n.negative_21498d3e6d {\n  color: var(--color-error);\n}\n.onPrimary_dff7e51116 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_dff7e51116 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_4cf3e230a4 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_4cf3e230a4 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_e8600bd4a2 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_e8600bd4a2 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_d51e1a01c9 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_d51e1a01c9 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_cb8a0bf7c8 {\n  color: inherit;\n}\n.inherit_cb8a0bf7c8 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_642daaefdf {\n  text-align: inherit;\n}\n.start_fb0f717a55 {\n  text-align: start;\n}\n.center_4f73bfaa05 {\n  text-align: center;\n}\n.end_ad63e9c8aa {\n  text-align: end;\n}\n.singleLineEllipsis_2ae251872c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_520306747b {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_2a5325bac3","focus-visible":"focus-visible_e78a676601",primary:"primary_faf02b954b",secondary:"secondary_0a5b78666b",negative:"negative_a98c75ff20",onPrimary:"onPrimary_300c9e7fce",onInverted:"onInverted_aaef197e00",fixedLight:"fixedLight_f9831c1a3a",fixedDark:"fixedDark_5c48f12352",inherit:"inherit_8ee2773429",alignInherit:"alignInherit_7d095ebab2",start:"start_18c3a3a2d9",center:"center_b562251f1c",end:"end_9e3707a9cc",singleLineEllipsis:"singleLineEllipsis_1d509a764c",multiLineEllipsis:"multiLineEllipsis_b70e518c7f"};!function(e){const n="s_id-1a3a21ac499a_3_51_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_2a5325bac3 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_2a5325bac3 > a:focus-visible, .typography_2a5325bac3 > a.focus-visible_e78a676601 {\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.typography_2a5325bac3 > a:focus:not(.focus-visible_e78a676601) {\n  outline: none;\n}\n.typography_2a5325bac3 > a:hover {\n  text-decoration: underline;\n}\n.typography_2a5325bac3:disabled, .typography_2a5325bac3[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_faf02b954b {\n  color: var(--primary-text-color);\n}\n.secondary_0a5b78666b {\n  color: var(--secondary-text-color);\n}\n.negative_a98c75ff20 {\n  color: var(--color-error);\n}\n.onPrimary_300c9e7fce {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_300c9e7fce a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_aaef197e00 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_aaef197e00 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_f9831c1a3a {\n  color: var(--fixed-light-color);\n}\n.fixedLight_f9831c1a3a a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_5c48f12352 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_5c48f12352 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_8ee2773429 {\n  color: inherit;\n}\n.inherit_8ee2773429 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_7d095ebab2 {\n  text-align: inherit;\n}\n.start_18c3a3a2d9 {\n  text-align: start;\n}\n.center_b562251f1c {\n  text-align: center;\n}\n.end_9e3707a9cc {\n  text-align: end;\n}\n.singleLineEllipsis_1d509a764c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_b70e518c7f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_79f72aa273"};!function(e){const t="s_id-03a8eed790d8_3_50_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)}(".virtualizedGridWrapper_79f72aa273 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_626b649b83"};!function(e){const t="s_id-03a8eed790d8_3_51_0";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)}(".virtualizedGridWrapper_626b649b83 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_79f72aa273"};!function(e){const t="s_id-9250e4cf6c59_3_50_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_79f72aa273 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_626b649b83"};!function(e){const t="s_id-9250e4cf6c59_3_51_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_626b649b83 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map