npm - @vibe/core - Versions diffs - 3.88.5 → 3.89.0-alpha-01945.0 - Mend

@vibe/core 3.88.5 → 3.89.0-alpha-01945.0

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

Files changed (454) hide show

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

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

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

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper_7a6f55b303",tabPanel:"tabPanel_dc36fc5825",animationDirectionRtl:"animationDirectionRtl_50935d7b88",animationDirectionLtr:"animationDirectionLtr_565dc82f4d",active:"active_974bbc2e79",panelSlideIn:"panelSlideIn_8b9c904f8b"};!function(n){const e="s_id-078bacbdb1e4_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_7a6f55b303 .tabPanel_dc36fc5825 {\n  display: none;\n}\n.tabPanelsWrapper_7a6f55b303 .tabPanel_dc36fc5825.animationDirectionRtl_50935d7b88 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_7a6f55b303 .tabPanel_dc36fc5825.animationDirectionLtr_565dc82f4d {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_7a6f55b303 .tabPanel_dc36fc5825.active_974bbc2e79 {\n  display: block;\n  animation: panelSlideIn_8b9c904f8b var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_8b9c904f8b {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var a={tabPanelsWrapper:"tabPanelsWrapper_a3b2d4ec99",tabPanel:"tabPanel_bcd32ba345",animationDirectionRtl:"animationDirectionRtl_973e8b3c55",animationDirectionLtr:"animationDirectionLtr_cb0901328a",active:"active_7270a4ae06",panelSlideIn:"panelSlideIn_ba36b5d4a9"};!function(a){const e="s_id-078bacbdb1e4_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345 {\n  display: none;\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.animationDirectionRtl_973e8b3c55 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.animationDirectionLtr_cb0901328a {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_a3b2d4ec99 .tabPanel_bcd32ba345.active_7270a4ae06 {\n  display: block;\n  animation: panelSlideIn_ba36b5d4a9 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_ba36b5d4a9 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_c79868626f",label:"label_dffd30560b",required:"required_73b5a0675f",subTextContainer:"subTextContainer_c3114aea9d",helpText:"helpText_93d47fb4cd",limitText:"limitText_32c6ac8e38",textArea:"textArea_121a143708",small:"small_cbb4bc040a",large:"large_b56227a9d4",resize:"resize_1f805a22f9",success:"success_b729947edd",error:"error_3c268d084b",disabled:"disabled_73b5a0675f",readOnly:"readOnly_73b5a0675f"};!function(e){const r="s_id-c3fc7910bb37_3_88_4";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)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_c79868626f {\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_c79868626f .label_dffd30560b {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c79868626f .label_dffd30560b.required_73b5a0675f::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_c79868626f .subTextContainer_c3114aea9d {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_c79868626f .subTextContainer_c3114aea9d .helpText_93d47fb4cd {\n  display: flex;\n}\n.textAreaWrapper_c79868626f .subTextContainer_c3114aea9d .limitText_32c6ac8e38 {\n  margin-left: auto;\n}\n.textAreaWrapper_c79868626f .textArea_121a143708 {\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_c79868626f .textArea_121a143708:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_c79868626f .textArea_121a143708:active, .textAreaWrapper_c79868626f .textArea_121a143708:focus, .textAreaWrapper_c79868626f .textArea_121a143708:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_c79868626f .textArea_121a143708.small_cbb4bc040a {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c79868626f .textArea_121a143708.large_b56227a9d4 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_c79868626f .textArea_121a143708:not(.resize_1f805a22f9) {\n  resize: none;\n}\n.textAreaWrapper_c79868626f.success_b729947edd .textArea_121a143708 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_c79868626f.success_b729947edd .helpText_93d47fb4cd {\n  color: var(--color-success);\n}\n.textAreaWrapper_c79868626f.error_3c268d084b .textArea_121a143708 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_c79868626f.error_3c268d084b .helpText_93d47fb4cd,\n.textAreaWrapper_c79868626f.error_3c268d084b .limitText_32c6ac8e38 {\n  color: var(--color-error);\n}\n.textAreaWrapper_c79868626f.disabled_73b5a0675f .textArea_121a143708,\n.textAreaWrapper_c79868626f.disabled_73b5a0675f .textArea_121a143708:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_c79868626f.disabled_73b5a0675f .helpText_93d47fb4cd {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_c79868626f.readOnly_73b5a0675f .textArea_121a143708,\n.textAreaWrapper_c79868626f.readOnly_73b5a0675f .textArea_121a143708:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_70e3ec8486",label:"label_d39d7cace4",required:"required_f21a3ef15c",subTextContainer:"subTextContainer_5184649dec",helpText:"helpText_877d31a52d",limitText:"limitText_fa76a95a6e",textArea:"textArea_625ebe8b93",small:"small_31e0359413",large:"large_04e22bc5c1",resize:"resize_0ba8982676",success:"success_299faef1e1",error:"error_3de2716cb6",disabled:"disabled_f21a3ef15c",readOnly:"readOnly_f21a3ef15c"};!function(e){const r="s_id-c3fc7910bb37_3_88_6";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)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_70e3ec8486 {\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_70e3ec8486 .label_d39d7cace4 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .label_d39d7cace4.required_f21a3ef15c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec .helpText_877d31a52d {\n  display: flex;\n}\n.textAreaWrapper_70e3ec8486 .subTextContainer_5184649dec .limitText_fa76a95a6e {\n  margin-left: auto;\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93 {\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_70e3ec8486 .textArea_625ebe8b93:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:active, .textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:focus, .textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93.small_31e0359413 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93.large_04e22bc5c1 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_70e3ec8486 .textArea_625ebe8b93:not(.resize_0ba8982676) {\n  resize: none;\n}\n.textAreaWrapper_70e3ec8486.success_299faef1e1 .textArea_625ebe8b93 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_70e3ec8486.success_299faef1e1 .helpText_877d31a52d {\n  color: var(--color-success);\n}\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .textArea_625ebe8b93 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .helpText_877d31a52d,\n.textAreaWrapper_70e3ec8486.error_3de2716cb6 .limitText_fa76a95a6e {\n  color: var(--color-error);\n}\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .textArea_625ebe8b93,\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .textArea_625ebe8b93:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_70e3ec8486.disabled_f21a3ef15c .helpText_877d31a52d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_70e3ec8486.readOnly_f21a3ef15c .textArea_625ebe8b93,\n.textAreaWrapper_70e3ec8486.readOnly_f21a3ef15c .textArea_625ebe8b93:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n type ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\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 { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/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 {iconName && (\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 )}\n {secondaryIconName && (\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 )}\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":"mwCAmCA,IAAMA,EAAe,CAAEC,QAAS,GAAIC,UAAW,IA+dhCC,EAAAA,EAxSGC,GAChB,SAAAC,EAiDEC,GACE,IAAAC,EAAAF,EAhDAG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EAChBO,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAKR,EAALQ,MAAKC,EAAAT,EACLU,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACfa,OAAAA,OAASF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAd,EACbe,QAAAA,OAAUJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAhB,EACdiB,UAAAA,OAAYN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUR,IAAHO,EAAGP,EAAIO,EAAAE,EAAApB,EACdqB,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EAChBuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAA1B,EAChB2B,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,GAAA5B,EAChB6B,OAAAA,QAASlB,IAAHiB,GAAGjB,EAAIiB,GACbE,GAAQ9B,EAAR8B,SACAC,GAAiB/B,EAAjB+B,kBAAiBC,GAAAhC,EACjBiC,GAAAA,QAAK,IAAHD,GAAG,QAAOA,GAAAE,GAAAlC,EACZmC,MAAAA,QAAQ,IAAHD,GAAG,GAAEA,GAAAE,GAAApC,EACVqC,KAAAA,QAAO,IAAHD,GAAG,QAAOA,GAAAE,GAAAtC,EACduC,WAAAA,QAAa,IAAHD,GAAG,KAAIA,GAAAE,GAAAxC,EACjByC,iBAAAA,QAAmB,IAAHD,GAAG,GAAEA,GAAAE,GAAA1C,EACrB2C,YAAAA,QAAchC,IAAH+B,GAAG/B,EAAI+B,GAAAE,GAAA5C,EAClB6C,iBAAAA,QAAmB,IAAHD,IAAQA,GACxBE,GAAa9C,EAAb8C,cAAaC,GAAA/C,EACbgD,cAAAA,QAAgB,IAAHD,IAAQA,GACrBE,GAAcjD,EAAdiD,eAAcC,GAAAlD,EACdmD,yBAAAA,QAA2B,IAAHD,GAAG,GAAEA,GAAAE,GAAApD,EAC7BqD,iBAAAA,QAAmB,IAAHD,GAAG,GAAEA,GAAAE,GAAAtD,EACrBuD,WAAAA,QAAa5D,IAAH2D,GAAG3D,EAAY2D,GAAAE,GAAAxD,EACzByD,KAAAA,QAAO,IAAHD,GAAG,OAAMA,GAAAE,GAAA1D,EACb2D,UAAAA,QAAY,IAAHD,GAAG,KAAIA,GAAAE,GAAA5D,EAChB6D,wBAAAA,QAA0B,IAAHD,IAAQA,GAAAE,GAAA9D,EAC/B+D,KAAAA,QAAO,IAAHD,IAAQA,GAAAE,GAAAhE,EACZiE,KAAAA,QAAO,IAAHD,GAAG,GAAEA,GAAAE,GAAAlE,EACTmE,SAAAA,QAAW,IAAHD,IAAQA,GAAAE,GAAApE,EAChBqE,kBAAAA,QAAoB,IAAHD,GAAG,GAAEA,GAAAE,GAAAtE,EACtBuE,QAAAA,QAAU,IAAHD,IAAQA,GACAE,GAAUxE,EAAzB,eACAyE,GAAmBzE,EAAnByE,oBACAC,GAAQ1E,EAAR0E,SAAQC,GAAA3E,EACR4E,UAAAA,QAAY,IAAHD,IAAQA,GACjBE,GAAI7E,EAAJ6E,KAAIC,GAAA9E,EACJ+E,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAkBhF,EAAlBgF,mBACAC,GAAuBjF,EAAvBiF,wBACAC,GAAGlF,EAAHkF,IAIFC,GAAoDC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA5DI,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GAE1CI,GAAWC,EAAO,MAClBC,GAAYC,EAAY3F,EAAKwF,GAAU5D,IAEvCgE,GAAiBC,GACrB,SAACC,GACK5B,KAAa4B,EAAEC,OAAOxF,OACxBgF,IAAsB,GAExB3E,EAAOkF,EACT,GACA,CAAClF,EAAQsD,KAGL8B,GAAmBH,GACvB,SAACtF,EAAeuF,GACVR,IAAsB/E,GACxBgF,IAAsB,GAGxB9E,EAASF,EADKuF,GAAK,CAAEC,OAAQP,GAASS,SAExC,GACA,CAACxF,EAAU6E,KAGbY,GAIIC,EAAiB,CACnBC,MAAOhF,EACPX,SAAUuF,GACVK,kBAAmB9F,EACnBuD,KAAAA,KAPYwC,GAAiBJ,GAA7BK,WACAC,GAAcN,GAAdM,eACAC,GAAUP,GAAVO,WAQIF,GAAaG,GAAQ,WACzB,OAAO5B,GAAavE,EAAQ+F,EAC7B,GAAE,CAACxB,GAAYvE,EAAO+F,KAEjBK,GAAed,GACnB,SAAAe,GACE9B,GAAakB,GAAiBY,EAAMb,OAAOxF,MAAOqG,GAASJ,GAAeI,EAC3E,GACD,CAAC9B,GAAYkB,GAAkBQ,KAG3BK,GAAuBH,GAAQ,WACnC,OAAI5E,IACKyE,GAAazE,GAEfD,EACR,GAAE,CAACA,GAAUC,GAAmByE,KAE3BO,GAAsBjB,GAAY,WAClCrE,IAIAoB,KACE4C,GAASS,SACXT,GAASS,QAAQc,QAGnBvB,GAASS,QAAQ1F,MAAQ,GACzBuE,GAAakB,GAAiB,IAAMS,MAEtC/D,GAAYmE,IACd,GAAG,CAACrF,EAAUoB,GAAkBF,GAAamE,GAAsB/B,GAAYkB,GAAkBS,KAE3FO,GAAkBN,GAAQ,WAC9B,MAAyB,iBAAdhD,IAA0B6C,IAAcA,GAAWU,OAASvD,GAC9DwD,EAAiBC,MAGpB7E,IAAeA,GAAW8E,QAAY9B,GAIrC4B,EADQ5B,GAAqB,QAAUhD,GAAW8E,QAFhD,EAIV,GAAE,CAAC1D,GAAWpB,GAAYgD,GAAoBiB,KAEzCc,GAAUxF,IAAYC,GACtBwF,GACJvE,IAAkBT,IAAcA,GAAWiF,MAAUjC,IAAsBlB,GACvEoD,GAAc1F,KAAsB+E,GACpCY,GAAY5F,KAAagF,GACzBa,IACHhF,KAAgBhC,GAAQ4C,GAAW3D,SAAWoF,KAAuBwB,IAAc1E,GAASoF,QAAUQ,GACnGE,IAA8B7F,IAAqBkD,KAA4BwC,MAAiBjB,GAChGqB,GAAgChE,GAAuB,GAAAiE,OAAM7F,4CAAuC8F,EAE1GC,GAAU,WACR,IAAKvC,cAAQ,EAARA,GAAUS,UAAY3E,EAA3B,CAIA,IAAM0G,EAAiBC,uBAAsB,WAAA,OAAMzC,GAASS,QAAQc,WACpE,OAAO,WAAA,OAAMmB,qBAAqBF,EAAe,CAHhD,CAIH,GAAG,CAACxC,GAAUlE,IAEd,IAAM6G,GAA2BzF,KAAgBhC,GAAQkC,GAEnDwF,GAAmB9E,GAAW3D,SAAWoF,GACzCsD,GAAqB/E,GAAW1D,WAAaoF,GAEnD,OACEsD,EACEC,cAAA,MAAA,CAAArI,UAAWsI,EAAGC,EAAOC,UAAWlG,GAAgBmG,EAAAA,KAC7CF,EAAOjH,SAAWA,GAClBiH,EAAOG,cAAgBjE,KAE1BX,KAAMA,eACKM,IAEXgE,EAAAC,cAAA,MAAA,CAAKrI,UAAWsI,EAAGC,EAAOI,eACxBP,EAAAC,cAACO,EAAW,CAAAC,UAAW7G,GAAO8G,KAAMnG,GAAeoG,SAAUjH,GAAIkC,SAAUA,KAC3EoE,EAAAC,cAAA,MAAA,CAAKrI,UAAWsI,EAAGC,EAAOS,aAAcC,EAAY/G,IAAO4E,KAGzDsB,EACEC,cAAA,QAAA,CAAArI,UAAWsI,EAAGtI,EAAWuI,EAAOW,MAAKT,EAAAA,EAAA,CAAA,EAClCF,EAAOY,eAAiBhC,IACxBoB,EAAOa,SAAW5H,IAErBtB,YAAaA,EACbE,aAAcA,EACdC,MAAOgG,GACP9F,SAAUkG,GACVnF,SAAUA,EACV8H,SAAU5H,EACV1B,IAAK0F,GACLlC,KAAMA,GACNxB,GAAIA,GAAE,cACOuC,IAAcgF,EAAUC,EAAuBC,WAAYzH,IAAG,YAChE0H,EAAgBD,WAC3B7E,KAAMA,GACNhE,OAAQgF,GACR9E,QAASA,EACTE,UAAWA,EACXE,QAASA,EACTwC,UAAgC,iBAAdA,IAA2BE,QAAsCkE,EAAZpE,GACvEM,KAAMd,IAA4B,WAAU,aAChCF,IAAkB5C,EAChB,eAACkC,IAAoC,UAAtBA,GAAW8E,QAAuB9B,GACpD,YAAApC,2BACYE,GAAgB,gBACxBc,GAAQ,mBACL0D,GAClB1D,SAAUA,GACVO,SAAUA,GACVQ,IAAKA,KAENX,IACCgE,EAAAC,cAAA,MAAA,CACErI,UAAWsI,EAAGC,EAAOkB,gBAAehB,EAAA,CAAA,EACjCF,EAAOmB,uBAAyBvC,MAGnCiB,EAAAC,cAAA,MAAA,CAAKrI,UAAWsI,EAAGC,EAAOoB,SACxBvB,EAAAC,cAACuB,EAAM,CAAC5J,UAAWsI,EAAGC,EAAOsB,eAIlClI,IACCyG,EAACC,cAAAyB,GACCC,QAASxC,GAAY1C,QAAqB+C,EAC1CoC,0BAA2BzB,EAAO0B,kBAElC7B,EAACC,cAAA6B,GACClK,UAAWsI,EAAGC,EAAO4B,cAAa1B,EAAAA,EAAAA,KAC/BF,EAAO6B,qBAAuBjD,IAC9BoB,EAAO8B,oBAAsB9C,IAC7BgB,EAAO+B,uBAAyBrC,KAEnCsC,QAAS3D,GACTrC,SAAUiD,GAA2B,IAAM,KAC3CgD,UAAWtC,IAEXE,EAAAC,cAACoC,EAAI,CACH3B,KAAMnH,GACN3B,UAAWsI,EAAGC,EAAOO,MACrB4B,SAAS,OACTC,SAAmB,UAATzI,GAAmB,OAAS,WAK7CN,IACCwG,EAACC,cAAAyB,GACCC,QAASzC,GAAcxC,QAA0B8C,EACjDgD,wCACAZ,0BAA2BzB,EAAO0B,kBAElC7B,EAACC,cAAA6B,GACClK,UAAWsI,EAAGC,EAAO4B,cAAa1B,EAAAA,EAAAA,KAC/BF,EAAO6B,qBAAuBjD,IAC9BoB,EAAO8B,oBAAsB/C,IAC7BiB,EAAO+B,uBAAyBrC,KAEnCsC,QAAS3D,GACTrC,SAAUkD,GAA6B,IAAM,KAAI,cACpCnD,IAAuB+E,EAAUC,EAAuBuB,4BAA6B/I,IAClG0I,UAAWrC,IAEXC,EAAAC,cAACoC,EACC,CAAA3B,KAAMlH,GACN5B,UAAWsI,EAAGC,EAAOO,MACrB4B,SAAS,OACTC,SAAmB,UAATzI,GAAmB,OAAS,YAM/CkF,IACCgB,EAACC,cAAAyC,GAAKxH,KAAK,QAAQyH,MAAM,YAAY/K,UAAWsI,EAAGC,EAAOyC,oBACrD5I,IAAcA,GAAWiF,MAAUjC,IAAsBlB,KAC1DkE,wBAAMpI,UAAWsI,EAAGC,EAAO0C,yBACxB7F,GAAqBlB,GAAoB9B,GAAWiF,MAGxDxE,IACCuF,EAAMC,cAAA,OAAA,CAAArI,UAAWsI,EAAGC,EAAO2C,SAAsB,aAAAC,EAAmBC,MAChE/E,IAAcA,GAAWU,QAAW,EAChB,iBAAdvD,IAAsBmE,IAAAA,OAAQnE,IACtC4E,EAAAC,cAACgD,EAAW,CAAAvJ,GAAI4F,GAA+BL,KAAI,cAAAM,OAAgBnE,GAAS,oBAQ5F,IASuF,CACvF8H,MAAOC,EACPC,UAAWC,EACXC,MAAOC"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n type ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\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 { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/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 Position of the primary icon inside the text field.\n /\n iconPosition?: \"left\" \| \"right\";\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 iconPosition = \"right\",\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\n className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass, {\n [styles.inputWrapperIconLeft]: iconPosition === \"left\" && !!iconName\n })}\n >\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 {iconName && (\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 [styles.iconContainerLeft]: iconPosition === \"left\"\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 )}\n {secondaryIconName && (\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 )}\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","_ref$iconPosition","iconPosition","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","inputWrapperIconLeft","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","iconContainerLeft","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_15ac90fc11",labelWrapper:"labelWrapper_eecf964f37",subTextContainer:"subTextContainer_962868d90e",counter:"counter_32c6ac8e38",disabled:"disabled_33f6fca3f0",icon:"icon_d6c1f53ba8",inputWrapper:"inputWrapper_d6c1f53ba8",input:"input_aa0f728960",iconContainer:"iconContainer_0b637c7598",iconContainerHasIcon:"iconContainerHasIcon_f62a6134fd",readOnly:"readOnly_3a0c0a6f0d",inputHover:"inputHover_063b79a1c8",inputActive:"inputActive_8ec9990e17",inputHasIcon:"inputHasIcon_ef5e024070",round:"round_77b16405a2",square:"square_207fce730e",onlyUnderline:"onlyUnderline_c5dec97fb7",tooltipContainer:"tooltipContainer_2aea8a24ff",wrapperSizeMedium:"wrapperSizeMedium_a2477a54eb",wrapperSizeLarge:"wrapperSizeLarge_ac36b88f5d",iconContainerActive:"iconContainerActive_99b47b29d1",iconContainerClickable:"iconContainerClickable_dffe29d6e5",inputErrorValidation:"inputErrorValidation_f62a6134fd",subTextContainerStatus:"subTextContainerStatus_50abdf7bba",inputSuccessValidation:"inputSuccessValidation_770ae186f5",wrapperSizeSmall:"wrapperSizeSmall_2a1453ce24",inputWrapperSizeSmall:"inputWrapperSizeSmall_b331bf8f09",loaderContainer:"loaderContainer_8d521db56f",loaderContainerHasIcon:"loaderContainerHasIcon_6e3fc007b4",loader:"loader_982d095674",loaderSvg:"loaderSvg_c3114aea9d"};!function(n){const a="s_id-695413f4db8e_3_88_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_15ac90fc11 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_15ac90fc11 * {\n  box-sizing: border-box;\n}\n.textField_15ac90fc11 .labelWrapper_eecf964f37 {\n  width: 100%;\n}\n.textField_15ac90fc11 .subTextContainer_962868d90e {\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.textField_15ac90fc11 .subTextContainer_962868d90e .counter_32c6ac8e38 {\n  margin-left: auto;\n}\n.textField_15ac90fc11.disabled_33f6fca3f0 .icon_d6c1f53ba8 {\n  cursor: not-allowed;\n}\n.textField_15ac90fc11.disabled_33f6fca3f0 .inputWrapper_d6c1f53ba8 {\n  cursor: not-allowed;\n}\n.textField_15ac90fc11.disabled_33f6fca3f0 .inputWrapper_d6c1f53ba8 .input_aa0f728960 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_15ac90fc11.disabled_33f6fca3f0 .inputWrapper_d6c1f53ba8 .input_aa0f728960::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_15ac90fc11.disabled_33f6fca3f0 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerHasIcon_f62a6134fd:hover {\n  background-color: transparent;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 {\n  width: 100%;\n  position: relative;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960 {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.readOnly_3a0c0a6f0d {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.inputHover_063b79a1c8 {\n  border-color: var(--primary-text-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960:focus,\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960:active,\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.inputActive_8ec9990e17 {\n  border-color: var(--primary-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.inputHasIcon_ef5e024070 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.round_77b16405a2 {\n  border-radius: 50px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.square_207fce730e {\n  border-radius: 0;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .input_aa0f728960.onlyUnderline_c5dec97fb7 {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .tooltipContainer_2aea8a24ff {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .tooltipContainer_2aea8a24ff {\n  width: 40px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .tooltipContainer_2aea8a24ff {\n  width: 46px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerActive_99b47b29d1.iconContainerHasIcon_f62a6134fd.iconContainerClickable_dffe29d6e5 {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerActive_99b47b29d1.iconContainerHasIcon_f62a6134fd:not(.iconContainerClickable_dffe29d6e5) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerActive_99b47b29d1 {\n  opacity: 1;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerActive_99b47b29d1 .icon_d6c1f53ba8 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerHasIcon_f62a6134fd.iconContainerClickable_dffe29d6e5:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598.iconContainerHasIcon_f62a6134fd.iconContainerClickable_dffe29d6e5:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .iconContainer_0b637c7598 .icon_d6c1f53ba8 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd:hover .input_aa0f728960 {\n  border-color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd .input_aa0f728960 {\n  border-color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd .input_aa0f728960:focus,\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd .input_aa0f728960:active {\n  border-color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd .iconContainer_0b637c7598 .icon_d6c1f53ba8 {\n  color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd .iconContainer_0b637c7598 .icon_d6c1f53ba8:hover {\n  color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd + .subTextContainer_962868d90e .subTextContainerStatus_50abdf7bba,\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputErrorValidation_f62a6134fd + .subTextContainer_962868d90e .counter_32c6ac8e38 {\n  color: var(--negative-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5:hover .input_aa0f728960 {\n  border-color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 .input_aa0f728960 {\n  border-color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 .input_aa0f728960:focus,\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 .input_aa0f728960:active {\n  border-color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 .iconContainer_0b637c7598 .icon_d6c1f53ba8 {\n  color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 .iconContainer_0b637c7598 .icon_d6c1f53ba8:hover {\n  color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputSuccessValidation_770ae186f5 + .subTextContainer_962868d90e .subTextContainerStatus_50abdf7bba {\n  color: var(--positive-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeSmall_2a1453ce24 {\n  height: 32px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeSmall_2a1453ce24 .input_aa0f728960 {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.inputWrapperSizeSmall_b331bf8f09 .input_aa0f728960.inputHasIcon_ef5e024070.onlyUnderline_c5dec97fb7 {\n  padding-left: var(--spacing-xs);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb {\n  height: 40px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .input_aa0f728960 {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .input_aa0f728960.inputHasIcon_ef5e024070 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .input_aa0f728960.inputHasIcon_ef5e024070.onlyUnderline_c5dec97fb7 {\n  padding-left: 4px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .iconContainer_0b637c7598 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .iconContainer_0b637c7598:hover + .iconContainer_0b637c7598 + .input_aa0f728960 {\n  border-color: var(--primary-text-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d {\n  height: 48px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .input_aa0f728960 {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .input_aa0f728960.inputHasIcon_ef5e024070 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .input_aa0f728960.inputHasIcon_ef5e024070.onlyUnderline_c5dec97fb7 {\n  padding-left: var(--spacing-xs);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .iconContainer_0b637c7598 {\n  height: 40px;\n  width: 40px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8:hover .input_aa0f728960 {\n  border-color: var(--primary-text-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .loaderContainer_8d521db56f {\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.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .loaderContainer_8d521db56f.loaderContainerHasIcon_6e3fc007b4 {\n  right: 32px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .loaderContainer_8d521db56f .loader_982d095674 {\n  width: 16px;\n  height: 16px;\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8 .loaderContainer_8d521db56f .loader_982d095674 .loaderSvg_c3114aea9d {\n  color: var(--secondary-text-color);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeMedium_a2477a54eb .iconContainer_0b637c7598 .icon_d6c1f53ba8 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_15ac90fc11 .inputWrapper_d6c1f53ba8.wrapperSizeLarge_ac36b88f5d .iconContainer_0b637c7598 .icon_d6c1f53ba8 {\n  font-size: 16px;\n  font-family: var(--font-family);\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_e5184d2b34",labelWrapper:"labelWrapper_1e90d5ffd4",subTextContainer:"subTextContainer_1b8856fd17",counter:"counter_fa76a95a6e",disabled:"disabled_12bd96709f",icon:"icon_a5d00d73e1",inputWrapper:"inputWrapper_a5d00d73e1",input:"input_de2dada03a",iconContainer:"iconContainer_dd0a7c2bd5",iconContainerHasIcon:"iconContainerHasIcon_89ae0c6a27",readOnly:"readOnly_a0d453fb45",inputHover:"inputHover_d57736e743",inputActive:"inputActive_9bbb6d56b1",inputHasIcon:"inputHasIcon_6c611c7c4c",round:"round_d70b0dbbc9",square:"square_bd035be139",onlyUnderline:"onlyUnderline_863d697189",tooltipContainer:"tooltipContainer_8dff2a2adf",wrapperSizeMedium:"wrapperSizeMedium_242db17134",wrapperSizeLarge:"wrapperSizeLarge_74b6e30015",iconContainerLeft:"iconContainerLeft_941474164a",inputWrapperIconLeft:"inputWrapperIconLeft_89ae0c6a27",iconContainerActive:"iconContainerActive_51c32786bc",iconContainerClickable:"iconContainerClickable_fb5c66f35b",inputErrorValidation:"inputErrorValidation_89ae0c6a27",subTextContainerStatus:"subTextContainerStatus_730dc5b8b1",inputSuccessValidation:"inputSuccessValidation_c9244fb6ef",wrapperSizeSmall:"wrapperSizeSmall_50d550bb07",inputWrapperSizeSmall:"inputWrapperSizeSmall_7a1a153a44",loaderContainer:"loaderContainer_3e3a5bb7f0",loaderContainerHasIcon:"loaderContainerHasIcon_82afca8d33",loader:"loader_89d1f3badf",loaderSvg:"loaderSvg_5184649dec"};!function(e){const n="s_id-da704bbc4cbc_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_e5184d2b34 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_e5184d2b34 * {\n  box-sizing: border-box;\n}\n.textField_e5184d2b34 .labelWrapper_1e90d5ffd4 {\n  width: 100%;\n}\n.textField_e5184d2b34 .subTextContainer_1b8856fd17 {\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.textField_e5184d2b34 .subTextContainer_1b8856fd17 .counter_fa76a95a6e {\n  margin-left: auto;\n}\n.textField_e5184d2b34.disabled_12bd96709f .icon_a5d00d73e1 {\n  cursor: not-allowed;\n}\n.textField_e5184d2b34.disabled_12bd96709f .inputWrapper_a5d00d73e1 {\n  cursor: not-allowed;\n}\n.textField_e5184d2b34.disabled_12bd96709f .inputWrapper_a5d00d73e1 .input_de2dada03a {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_e5184d2b34.disabled_12bd96709f .inputWrapper_a5d00d73e1 .input_de2dada03a::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_e5184d2b34.disabled_12bd96709f .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerHasIcon_89ae0c6a27:hover {\n  background-color: transparent;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 {\n  width: 100%;\n  position: relative;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a {\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-medium);\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.readOnly_a0d453fb45 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.inputHover_d57736e743 {\n  border-color: var(--primary-text-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a:focus,\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a:active,\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.inputActive_9bbb6d56b1 {\n  border-color: var(--primary-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.inputHasIcon_6c611c7c4c {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.round_d70b0dbbc9 {\n  border-radius: 50px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.square_bd035be139 {\n  border-radius: 0;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .input_de2dada03a.onlyUnderline_863d697189 {\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .tooltipContainer_8dff2a2adf {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .tooltipContainer_8dff2a2adf {\n  width: 40px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .tooltipContainer_8dff2a2adf {\n  width: 46px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerLeft_941474164a {\n  left: var(--spacing-small);\n  right: auto;\n  opacity: 1;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerLeft_941474164a .icon_a5d00d73e1 {\n  opacity: 1;\n  transform: none;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputWrapperIconLeft_89ae0c6a27 .input_de2dada03a {\n  padding-left: 36px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputWrapperIconLeft_89ae0c6a27 .input_de2dada03a.inputHasIcon_6c611c7c4c {\n  padding-left: 36px;\n  padding-right: var(--spacing-medium);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerActive_51c32786bc.iconContainerHasIcon_89ae0c6a27.iconContainerClickable_fb5c66f35b {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerActive_51c32786bc.iconContainerHasIcon_89ae0c6a27:not(.iconContainerClickable_fb5c66f35b) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerActive_51c32786bc {\n  opacity: 1;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerActive_51c32786bc .icon_a5d00d73e1 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerHasIcon_89ae0c6a27.iconContainerClickable_fb5c66f35b:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5.iconContainerHasIcon_89ae0c6a27.iconContainerClickable_fb5c66f35b:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27:hover .input_de2dada03a {\n  border-color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 .input_de2dada03a {\n  border-color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 .input_de2dada03a:focus,\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 .input_de2dada03a:active {\n  border-color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1 {\n  color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1:hover {\n  color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 + .subTextContainer_1b8856fd17 .subTextContainerStatus_730dc5b8b1,\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputErrorValidation_89ae0c6a27 + .subTextContainer_1b8856fd17 .counter_fa76a95a6e {\n  color: var(--negative-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef:hover .input_de2dada03a {\n  border-color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef .input_de2dada03a {\n  border-color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef .input_de2dada03a:focus,\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef .input_de2dada03a:active {\n  border-color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1 {\n  color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1:hover {\n  color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputSuccessValidation_c9244fb6ef + .subTextContainer_1b8856fd17 .subTextContainerStatus_730dc5b8b1 {\n  color: var(--positive-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeSmall_50d550bb07 {\n  height: 32px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeSmall_50d550bb07 .input_de2dada03a {\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1.inputWrapperSizeSmall_7a1a153a44 .input_de2dada03a.inputHasIcon_6c611c7c4c.onlyUnderline_863d697189 {\n  padding-left: var(--spacing-xs);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 {\n  height: 36px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .input_de2dada03a {\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .input_de2dada03a.inputHasIcon_6c611c7c4c {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .input_de2dada03a.inputHasIcon_6c611c7c4c.onlyUnderline_863d697189 {\n  padding-left: 4px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .iconContainer_dd0a7c2bd5 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .iconContainer_dd0a7c2bd5:hover + .iconContainer_dd0a7c2bd5 + .input_de2dada03a {\n  border-color: var(--primary-text-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 {\n  height: 40px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .input_de2dada03a {\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .input_de2dada03a.inputHasIcon_6c611c7c4c {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .input_de2dada03a.inputHasIcon_6c611c7c4c.onlyUnderline_863d697189 {\n  padding-left: var(--spacing-xs);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .iconContainer_dd0a7c2bd5 {\n  height: 40px;\n  width: 40px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1:hover .input_de2dada03a {\n  border-color: var(--primary-text-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .loaderContainer_3e3a5bb7f0 {\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.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .loaderContainer_3e3a5bb7f0.loaderContainerHasIcon_82afca8d33 {\n  right: 32px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .loaderContainer_3e3a5bb7f0 .loader_89d1f3badf {\n  width: 16px;\n  height: 16px;\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1 .loaderContainer_3e3a5bb7f0 .loader_89d1f3badf .loaderSvg_5184649dec {\n  color: var(--secondary-text-color);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeMedium_242db17134 .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_e5184d2b34 .inputWrapper_a5d00d73e1.wrapperSizeLarge_74b6e30015 .iconContainer_dd0a7c2bd5 .icon_a5d00d73e1 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_a15aecbe1a",highlightText:"highlightText_715470f67a",withEllipsis:"withEllipsis_59e9e441bb"};!function(e){const t="s_id-42c1fd2afe36_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_a15aecbe1a {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_a15aecbe1a em.highlightText_715470f67a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_a15aecbe1a.withEllipsis_59e9e441bb {\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_f1e6f3b119",highlightText:"highlightText_1874372e32",withEllipsis:"withEllipsis_e5c48529f2"};!function(e){const t="s_id-42c1fd2afe36_3_88_6";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_f1e6f3b119 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_f1e6f3b119 em.highlightText_1874372e32 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_f1e6f3b119.withEllipsis_e5c48529f2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_f16db74fc1",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_4ab3617898",floating:"floating_2ad02180d5",tipseenHeader:"tipseenHeader_32eaea8352",tipseenTitle:"tipseenTitle_a433e8bfec",tipseenContent:"tipseenContent_7630f581de",tipseenCloseButton:"tipseenCloseButton_04a6fec9f6",dark:"dark_30a06e1a89"};!function(e){const t="s_id-33da00d2ba25_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_f16db74fc1 {\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_f16db74fc1.tipseenWrapperWithoutCustomWidth_4ab3617898 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_f16db74fc1.floating_2ad02180d5 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_f16db74fc1 .tipseenHeader_32eaea8352 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_f16db74fc1 .tipseenTitle_a433e8bfec {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_f16db74fc1 .tipseenContent_7630f581de {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_f16db74fc1 .tipseenCloseButton_04a6fec9f6 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_f16db74fc1 .tipseenCloseButton_04a6fec9f6.dark_30a06e1a89 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_ba9664afd9",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_c768a8bcee",floating:"floating_5abd4d8d47",tipseenHeader:"tipseenHeader_9eff983b0c",tipseenTitle:"tipseenTitle_f45e4fdea0",tipseenContent:"tipseenContent_af68d9c11f",tipseenCloseButton:"tipseenCloseButton_fed7c2a3ae",dark:"dark_25a1d35db2"};!function(e){const t="s_id-33da00d2ba25_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_ba9664afd9 {\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_ba9664afd9.tipseenWrapperWithoutCustomWidth_c768a8bcee {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_ba9664afd9.floating_5abd4d8d47 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_ba9664afd9 .tipseenHeader_9eff983b0c {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_ba9664afd9 .tipseenTitle_f45e4fdea0 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_ba9664afd9 .tipseenContent_af68d9c11f {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_ba9664afd9 .tipseenCloseButton_fed7c2a3ae {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_ba9664afd9 .tipseenCloseButton_fed7c2a3ae.dark_25a1d35db2 {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_a58395c83c"};!function(e){const n="s_id-e688002d63b5_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_a58395c83c {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_a58395c83c:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_1bb0479421"};!function(e){const n="s_id-e688002d63b5_3_88_6";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_1bb0479421 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_1bb0479421:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_d3b304e0ea",dismiss:"dismiss_c55a324bbe"};!function(e){const t="s_id-91df242cd10d_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_d3b304e0ea {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_c55a324bbe {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_d20d973972",dismiss:"dismiss_6afc5ec1f3"};!function(e){const t="s_id-91df242cd10d_3_88_6";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_d20d973972 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_72e40d2a43",colorInverted:"colorInverted_14d9cbb93c"};!function(e){const d="s_id-71e151b2b729_3_88_4";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_72e40d2a43 {\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_14d9cbb93c {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_13926f7694",colorInverted:"colorInverted_719b637ac7"};!function(e){const n="s_id-71e151b2b729_3_88_6";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_13926f7694 {\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_719b637ac7 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_6e3c33cb16"};!function(e){const t="s_id-52c2fd8cbf53_3_88_4";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_6e3c33cb16 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_7850cd80ad"};!function(e){const t="s_id-52c2fd8cbf53_3_88_6";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_7850cd80ad {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_d979185d7a",tipseenWizardWizard:"tipseenWizardWizard_eecf964f37"};!function(e){const d="s_id-98eba0c83d1f_3_88_4";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_d979185d7a {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_eecf964f37 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_4c5df96d45",tipseenWizardWizard:"tipseenWizardWizard_1e90d5ffd4"};!function(e){const d="s_id-98eba0c83d1f_3_88_6";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_4c5df96d45 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_1e90d5ffd4 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_2346b8a26b",typeNormal:"typeNormal_e90c642df5",typePositive:"typePositive_1fc3258faf",typeNegative:"typeNegative_303a669420",typeWarning:"typeWarning_77032cada3",closeButton:"closeButton_ead2ced90a",actionButton:"actionButton_a58393c2cc",actionLink:"actionLink_2c5f7c7010",typeDark:"typeDark_45cb00bb18",icon:"icon_f87ca89257",withTransition:"withTransition_786997ea8f",bounceIn:"bounceIn_bf75d3ccd8",content:"content_c9dece0aee",textContent:"textContent_3199e9dff2",enterActive:"enterActive_3ccf84ff94",slideIn:"slideIn_a5279bbcc7",exitActive:"exitActive_67586ee61e",slideOut:"slideOut_5812268246"};!function(n){const t="s_id-72c9912c1efa_3_88_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_2346b8a26b {\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_2346b8a26b.typeNormal_e90c642df5 {\n  background-color: var(--primary-color);\n}\n.toast_2346b8a26b.typePositive_1fc3258faf {\n  background-color: var(--positive-color);\n}\n.toast_2346b8a26b.typeNegative_303a669420 {\n  background-color: var(--negative-color);\n}\n.toast_2346b8a26b.typeWarning_77032cada3 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_2346b8a26b.typeWarning_77032cada3 .closeButton_ead2ced90a {\n  color: var(--fixed-dark-color);\n}\n.toast_2346b8a26b.typeWarning_77032cada3 .actionButton_a58393c2cc,\n.toast_2346b8a26b.typeWarning_77032cada3 .actionLink_2c5f7c7010 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_2346b8a26b.typeDark_45cb00bb18 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_2346b8a26b.typeDark_45cb00bb18 .closeButton_ead2ced90a {\n  color: var(--text-color-on-inverted);\n}\n.toast_2346b8a26b.typeDark_45cb00bb18 .actionButton_a58393c2cc,\n.toast_2346b8a26b.typeDark_45cb00bb18 .actionLink_2c5f7c7010 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_f87ca89257 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_a58393c2cc.withTransition_786997ea8f {\n  opacity: 0;\n  animation: bounceIn_bf75d3ccd8 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_c9dece0aee {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_3199e9dff2 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_3ccf84ff94 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_a5279bbcc7;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_67586ee61e {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_5812268246;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_ead2ced90a {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_a5279bbcc7 {\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_5812268246 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_bf75d3ccd8 {\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_a6acbd9152",typeNormal:"typeNormal_cbf9fadf45",typePositive:"typePositive_3e6cf2d30d",typeNegative:"typeNegative_3e6cf2d30d",typeWarning:"typeWarning_6ba5d6d62f",typeDark:"typeDark_05d29dcc95",closeButton:"closeButton_db17540cba",actionButton:"actionButton_9cb0f4dc13",actionLink:"actionLink_d5564b6a91",inline:"inline_6242107a25",icon:"icon_05d3235f64",withTransition:"withTransition_640730421f",bounceIn:"bounceIn_4f37a5e46d",content:"content_216ce0276f",textContent:"textContent_4627ef6ea3",message:"message_a7432778e4",enterActive:"enterActive_ca7c4a192a",slideIn:"slideIn_ddd6e17699",exitActive:"exitActive_4bfbde0270",slideOut:"slideOut_df52750e3b"};!function(n){const t="s_id-ab40fcaec88b_3_88_6";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_a6acbd9152 {\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(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-12);\n  align-items: center;\n  display: flex;\n  gap: var(--space-12);\n  min-width: 200px;\n  max-width: 700px;\n  width: auto;\n  border-radius: var(--border-radius-medium);\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-color);\n  z-index: 100000;\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_a6acbd9152.typeNormal_cbf9fadf45, .toast_a6acbd9152.typePositive_3e6cf2d30d, .toast_a6acbd9152.typeNegative_3e6cf2d30d, .toast_a6acbd9152.typeWarning_6ba5d6d62f {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.toast_a6acbd9152.typeDark_05d29dcc95 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_a6acbd9152.typeDark_05d29dcc95 .closeButton_db17540cba {\n  color: var(--text-color-on-inverted);\n}\n.toast_a6acbd9152.typeDark_05d29dcc95 .actionButton_9cb0f4dc13,\n.toast_a6acbd9152.typeDark_05d29dcc95 .actionLink_d5564b6a91 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.toast_a6acbd9152.inline_6242107a25 {\n  position: relative;\n  left: auto;\n  top: auto;\n  transform: none;\n  margin: 0;\n  max-width: 100%;\n  width: 100%;\n}\n.icon_05d3235f64 {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--space-24);\n  height: var(--space-24);\n  min-width: var(--space-24);\n  min-height: var(--space-24);\n  border-radius: 50%;\n  overflow: hidden;\n  background-color: var(--allgrey-background-color);\n  color: var(--primary-text-color);\n}\n.icon_05d3235f64 svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  fill: currentColor;\n}\n.typePositive_3e6cf2d30d .icon_05d3235f64 {\n  background-color: var(--positive-color);\n  color: var(--text-color-on-primary);\n}\n.typeNegative_3e6cf2d30d .icon_05d3235f64 {\n  background-color: var(--negative-color);\n  color: var(--text-color-on-primary);\n}\n.typeWarning_6ba5d6d62f .icon_05d3235f64 {\n  background-color: var(--warning-color);\n  color: var(--text-color-on-primary);\n}\n.typeDark_05d29dcc95 .icon_05d3235f64 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.actionButton_9cb0f4dc13 {\n  flex-shrink: 0;\n}\n.actionButton_9cb0f4dc13.withTransition_640730421f {\n  opacity: 0;\n  animation: bounceIn_4f37a5e46d 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.actionLink_d5564b6a91 {\n  flex-shrink: 0;\n}\n.content_216ce0276f {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.textContent_4627ef6ea3 {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n}\n.message_a7432778e4 {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.enterActive_ca7c4a192a {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_ddd6e17699;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_4bfbde0270 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_df52750e3b;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_db17540cba {\n  flex-shrink: 0;\n  margin: 0;\n}\n@keyframes slideIn_ddd6e17699 {\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_df52750e3b {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_4f37a5e46d {\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/ToastButton/ToastButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as e}from"../../../tests/testIds.js";import i from"../../../../components/button/dist/Button/Button.js";var o=function(o){var r=o.className,m=o.id,d=o["data-testid"],n=t(o,["className","id","data-testid"]);return s.createElement(i,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||e(a.TOAST_BUTTON,m),className:r,size:"small",color:"fixed-light"}))};export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as o}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";import a from"../../../../components/button/dist/Button/Button.js";var e=function(e){var i=e.className,m=e.id,d=e["data-testid"],n=e.color,c=void 0===n?"primary":n,l=t(e,["className","id","data-testid","color"]);return s.createElement(a,Object.assign({},l,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||r(o.TOAST_BUTTON,m),className:i,size:"xs",color:c}))};export{e as default};
 //# sourceMappingURL=ToastButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n className,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: ToastButtonProps) => {\n return (\n <Button\n {...buttonProps}\n id={id}\n kind=\"secondary\"\n marginLeft={false}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n className={className}\n size=\"~~small~~\"\n color~~=\"fixed-light~~\"\n />\n );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size"~~,"color"~~],"mappings":"2QAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,~~EAEyBD~~,~~EAFzBC~~,UACAC,~~EACyBF~~,~~EADzBE~~,GACeC,~~EAAUH~~,~~EAAzB~~,~~eACGI~~,~~EAJsCC~~,~~EAAAL~~,~~EAAA~~,~~CAAA~~,~~YAAA~~,~~KAAA~~,~~gBAMzC~~,~~OACEM~~,EAACC,cAAAC,mBACKJ,EAAW,~~CACfF~~,GAAIA,~~EACJO~~,KAAK,YACLC,YAAY,EAAK,~~cACJP~~,~~GAAcQ~~,EAAUC,EAAuBC,~~aAAcX~~,GAC1ED,UAAWA,~~EACXa~~,KAAK,~~QACLC~~,~~MAAM~~,~~gBAGZ~~"}
1	+ {"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n className,\n id,\n \"data-testid\": dataTestId,\n color = \"primary\",\n ...buttonProps\n}: ToastButtonProps) => {\n return (\n <Button\n {...buttonProps}\n id={id}\n kind=\"secondary\"\n marginLeft={false}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n className={className}\n size=\"xs\"\n color={color}\n />\n );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","_a$color","color","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size"],"mappings":"2QAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAKiBD,EALjBC,UACAC,EAIiBF,EAJjBE,GACeC,EAGEH,EAHjB,eAAaI,EAGIJ,EAFjBK,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACdE,EAAWC,EAAAP,EAL2B,0CAOzC,OACEQ,EAACC,cAAAC,mBACKJ,EAAW,CACfJ,GAAIA,EACJS,KAAK,YACLC,YAAY,EAAK,cACJT,GAAcU,EAAUC,EAAuBC,aAAcb,GAC1ED,UAAWA,EACXe,KAAK,KACLX,MAAOA,IAGb"}

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

@@ -1,2 +1,2 @@
-import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{defaultIconMap as n}from"./ToastConstants.js";import r from"../../../components/icon/dist/Icon/Icon.js";var e=function(e,i){return i&&"object"===o(i)?i:i||n[e]?t.createElement(r,{iconType:i?"font":"svg",icon:i||n[e],iconSize:20,ignoreFocusStyle:!0}):null};export{e as getIcon};
+import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{defaultIconMap as t}from"./ToastConstants.js";import e from"../../../components/icon/dist/Icon/Icon.js";var n={normal:"var(--primary-text-color)",positive:"var(--text-color-on-primary)",negative:"var(--text-color-on-primary)",warning:"var(--text-color-on-primary)",dark:"var(--text-color-on-inverted)"},i=function(i,a){return a&&"object"===o(a)?a:a||t[i]?r.createElement(e,{iconType:a?"font":"svg",icon:a||t[i],iconSize:16,ignoreFocusStyle:!0,style:{color:n[i]}}):null};export{i as getIcon};
 //# sourceMappingURL=ToastHelpers.js.map