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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [validation, isRequiredAndEmpty]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={maxLength}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","status","FEEDBACK_CLASSES","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","length","shouldFocusOnSecondaryIcon","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","undefined","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n allowExceedingMaxLength?: boolean;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"ulCAmCA,IAAMA,EAAe,CAAEC,QAAS,GAAIC,UAAW,IA8VhCC,EAAAA,EA1RXC,GACF,SAAAC,EAgDEC,GACE,IAAAC,EAAAF,EA/CAG,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,EAAA5B,EAChB6B,OAAAA,QAASlB,IAAHiB,EAAGjB,EAAIiB,EACbE,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,wBAIFC,GAAoDC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA5DI,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GAE1CI,GAAWC,EAAO,MAClBC,GAAYC,EAAY1F,EAAKuF,GAAU3D,IAEvC+D,GAAiBC,GACrB,SAACC,GACK3B,KAAa2B,EAAEC,OAAOvF,OACxB+E,IAAsB,GAExB1E,EAAOiF,EACT,GACA,CAACjF,EAAQsD,KAGL6B,GAAmBH,GACvB,SAACrF,EAAesF,GACVR,IAAsB9E,GACxB+E,IAAsB,GAGxB7E,EAASF,EADKsF,GAAK,CAAEC,OAAQP,GAASS,SAExC,GACA,CAACvF,EAAU4E,KAGbY,GAIIC,EAAiB,CACnBC,MAAO/E,EACPX,SAAUsF,GACVK,kBAAmB7F,EACnBuD,KAAAA,KAPYuC,GAAiBJ,GAA7BK,WACAC,GAAcN,GAAdM,eACAC,GAAUP,GAAVO,WAQIF,GAAaG,GAAQ,WACzB,OAAO3B,GAAavE,EAAQ8F,EAC7B,GAAE,CAACvB,GAAYvE,EAAO8F,KAEjBK,GAAed,GACnB,SAAAe,GACE7B,GAAaiB,GAAiBY,EAAMb,OAAOvF,MAAOoG,GAASJ,GAAeI,EAC3E,GACD,CAAC7B,GAAYiB,GAAkBQ,KAG3BK,GAAuBH,GAAQ,WACnC,OAAI3E,IACKwE,GAAaxE,GAEfD,EACR,GAAE,CAACA,GAAUC,GAAmBwE,KAE3BO,GAAsBjB,GAAY,WAClCpE,IAIAoB,KACE2C,GAASS,SACXT,GAASS,QAAQc,QAGnBvB,GAASS,QAAQzF,MAAQ,GACzBuE,GAAaiB,GAAiB,IAAMS,MAEtC9D,GAAYkE,IACd,GAAG,CAACpF,EAAUoB,GAAkBF,GAAakE,GAAsB9B,GAAYiB,GAAkBS,KAE3FO,GAAkBN,GAAQ,WAC9B,MAAyB,iBAAd/C,IAA0B4C,IAAcA,GAAWU,OAAStD,GAC9DuD,EAAiBC,MAGpB5E,IAAeA,GAAW6E,QAAY9B,GAIrC4B,EADQ5B,GAAqB,QAAU/C,GAAW6E,QAFhD,EAIV,GAAE,CAACzD,GAAWpB,GAAY+C,GAAoBiB,KAEzCc,GAAUvF,IAAYC,GACtBuF,GAAsBtE,IAAkBT,IAAcA,GAAWgF,MAASjC,GAC1EkC,GAAczF,KAAsB8E,GACpCY,GAAY3F,KAAa+E,GACzBa,IACH/E,KAAgBhC,GAAQ4C,GAAW3D,SAAWoF,KAAuBuB,IAAczE,GAASmF,QAAUQ,GACnGE,IAA8B5F,IAAqBkD,KAA4BuC,MAAiBjB,GAChGqB,GAAgC/D,GAAuB,GAAAgE,OAAM5F,4CAAuC6F,EAE1GC,GAAU,WACR,IAAKvC,cAAQ,EAARA,GAAUS,UAAY1E,EAA3B,CAIA,IAAMyG,EAAiBC,uBAAsB,WAAA,OAAMzC,GAASS,QAAQc,WACpE,OAAO,WAAA,OAAMmB,qBAAqBF,EAAe,CAHhD,CAIH,GAAG,CAACxC,GAAUjE,IAEd,IAAM4G,GAA2BxF,KAAgBhC,GAAQkC,GAEnDuF,GAAmB7E,GAAW3D,SAAWoF,GACzCqD,GAAqB9E,GAAW1D,WAAaoF,GAEnD,OACEqD,EACEC,cAAA,MAAA,CAAApI,UAAWqI,EAAGC,EAAOC,UAAWjG,GAAgBkG,EAAAA,KAC7CF,EAAOhH,SAAWA,GAClBgH,EAAOG,cAAgBhE,KAE1BX,KAAMA,eACKM,IAEX+D,EAAAC,cAAA,MAAA,CAAKpI,UAAWqI,EAAGC,EAAOI,eACxBP,EAAAC,cAACO,EAAW,CAAAC,UAAW5G,GAAO6G,KAAMlG,GAAemG,SAAUhH,GAAIkC,SAAUA,KAC3EmE,EAAAC,cAAA,MAAA,CAAKpI,UAAWqI,EAAGC,EAAOS,aAAcC,EAAY9G,IAAO2E,KAGzDsB,EACEC,cAAA,QAAA,CAAApI,UAAWqI,EAAGrI,EAAWsI,EAAOW,MAAKT,EAAAA,EAAA,CAAA,EAClCF,EAAOY,eAAiBhC,IACxBoB,EAAOa,SAAW3H,IAErBtB,YAAaA,EACbE,aAAcA,EACdC,MAAO+F,GACP7F,SAAUiG,GACVlF,SAAUA,EACV6H,SAAU3H,EACV1B,IAAKyF,GACLjC,KAAMA,GACNxB,GAAIA,GAAE,cACOuC,IAAc+E,EAAUC,EAAuBC,WAAYxH,IACxE4C,KAAMA,GACNhE,OAAQ+E,GACR7E,QAASA,EACTE,UAAWA,EACXE,QAASA,EACTwC,UAAgC,iBAAdA,IAA2BE,QAAsCiE,EAAZnE,GACvEM,KAAMd,IAA4B,WACtB,aAAAF,IAAkB5C,EAChB,eAACkC,IAAoC,UAAtBA,GAAW6E,QAAuB9B,GACpD,YAAAnC,GACY,wBAAAE,GACR,gBAAAc,GACG,mBAAAyD,GAClBzD,SAAUA,GACVO,SAAUA,KAEXH,IACC+D,EAAAC,cAAA,MAAA,CACEpI,UAAWqI,EAAGC,EAAOiB,gBAAef,EAAA,CAAA,EACjCF,EAAOkB,uBAAyBtC,MAGnCiB,EAAAC,cAAA,MAAA,CAAKpI,UAAWqI,EAAGC,EAAOmB,SACxBtB,EAAAC,cAACsB,EAAM,CAAC1J,UAAWqI,EAAGC,EAAOqB,eAInCxB,EAAAC,cAACwB,EACC,CAAAC,QAASvC,GAAYzC,QAAqB8C,EAC1CmC,0BAA2BxB,EAAOyB,kBAElC5B,EAACC,cAAA4B,GACChK,UAAWqI,EAAGC,EAAO2B,cAAazB,EAAAA,EAAAA,KAC/BF,EAAO4B,qBAAuBhD,IAC9BoB,EAAO6B,oBAAsB7C,IAC7BgB,EAAO8B,uBAAyBpC,KAEnCqC,QAAS1D,GACTpC,SAAUgD,GAA2B,IAAM,KAC3C+C,UAAWrC,IAEXE,EAAAC,cAACmC,EAAI,CACH1B,KAAMlH,GACN3B,UAAWqI,EAAGC,EAAOO,MACrB2B,SAAS,OACTC,SAAmB,UAATvI,GAAmB,OAAS,WAI5CiG,EAACC,cAAAwB,GACCC,QAASxC,GAAcvC,QAA0B6C,EACjD+C,sCAAoC,EACpCZ,0BAA2BxB,EAAOyB,kBAElC5B,EAACC,cAAA4B,GACChK,UAAWqI,EAAGC,EAAO2B,cAAazB,EAAAA,EAAAA,KAC/BF,EAAO4B,qBAAuBhD,IAC9BoB,EAAO6B,oBAAsB9C,IAC7BiB,EAAO8B,uBAAyBpC,KAEnCqC,QAAS1D,GACTpC,SAAUiD,GAA6B,IAAM,KAAI,cACpClD,IAAuB8E,EAAUC,EAAuBsB,4BAA6B7I,IAClGwI,UAAWpC,IAEXC,EAAAC,cAACmC,EAAI,CACH1B,KAAMjH,GACN5B,UAAWqI,EAAGC,EAAOO,MACrB2B,SAAS,OACTC,SAAmB,UAATvI,GAAmB,OAAS,YAK7CiF,IACCgB,EAACC,cAAAwC,GAAKtH,KAAK,QAAQuH,MAAM,YAAY7K,UAAWqI,EAAGC,EAAOwC,mBACvD1I,IAAcA,GAAWgF,MACxBe,EAAMC,cAAA,OAAA,CAAApI,UAAWqI,EAAGC,EAAOyC,yBACxB5F,GAAqBjB,GAAoB9B,GAAWgF,MAGxDvE,IACCsF,EAAMC,cAAA,OAAA,CAAApI,UAAWqI,EAAGC,EAAO0C,SAAsB,aAAAC,EAAmBC,MAChE9E,IAAcA,GAAWU,QAAW,EAChB,iBAAdtD,IAAsBkE,IAAAA,OAAQlE,IACtC2E,EAAAC,cAAC+C,EAAW,CAAArJ,GAAI2F,GAA+BL,KAAI,cAAAM,OAAgBlE,GAAS,oBAQ5F,IAGwC,CACxC4H,MAAOC,EACPC,UAAWC,EACXC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_263a9c5540",labelWrapper:"labelWrapper_ba506ab3fd",subTextContainer:"subTextContainer_34db767e99",counter:"counter_529ecaa659",disabled:"disabled_06db769427",icon:"icon_75a593f939",inputWrapper:"inputWrapper_75a593f939",input:"input_6462be69ea",iconContainer:"iconContainer_dfe7235123",iconContainerHasIcon:"iconContainerHasIcon_eed8a7e7c5",readOnly:"readOnly_2fb1fba8ed",inputHover:"inputHover_7d07acfd18",inputActive:"inputActive_af0a50136e",inputHasIcon:"inputHasIcon_fc97f1e5ad",round:"round_4260cf5c97",square:"square_8423482727",onlyUnderline:"onlyUnderline_2a33990f9a",tooltipContainer:"tooltipContainer_dc73a86b2c",wrapperSizeMedium:"wrapperSizeMedium_79ca220b9c",wrapperSizeLarge:"wrapperSizeLarge_aea3e1afd1",iconContainerActive:"iconContainerActive_bd1778690d",iconContainerClickable:"iconContainerClickable_1e40fa7c6b",inputErrorValidation:"inputErrorValidation_eed8a7e7c5",subTextContainerStatus:"subTextContainerStatus_b8f308bf63",inputSuccessValidation:"inputSuccessValidation_f3b480d0f2",wrapperSizeSmall:"wrapperSizeSmall_6f3fe87172",inputWrapperSizeSmall:"inputWrapperSizeSmall_2305d8ab95",loaderContainer:"loaderContainer_826ffee9af",loaderContainerHasIcon:"loaderContainerHasIcon_75317dc9f7",loader:"loader_8b14be4942",loaderSvg:"loaderSvg_701d968ecb"};!function(n){const e="s_id-bf094fee8204_3_0_0-beta_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_263a9c5540 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_263a9c5540 * {\n  box-sizing: border-box;\n}\n\n.textField_263a9c5540 .labelWrapper_ba506ab3fd {\n  width: 100%;\n}\n\n.textField_263a9c5540 .subTextContainer_34db767e99 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_263a9c5540 .subTextContainer_34db767e99 .counter_529ecaa659 {\n  margin-left: auto;\n}\n\n.textField_263a9c5540.disabled_06db769427 .icon_75a593f939 {\n  cursor: not-allowed;\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 {\n  cursor: not-allowed;\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .input_6462be69ea {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .input_6462be69ea::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_263a9c5540.disabled_06db769427 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5:hover {\n  background-color: transparent;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.readOnly_2fb1fba8ed {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputHover_7d07acfd18 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea:active,\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputActive_af0a50136e {\n  border-color: var(--primary-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.round_4260cf5c97 {\n  border-radius: 50px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.square_8423482727 {\n  border-radius: 0;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .input_6462be69ea.onlyUnderline_2a33990f9a {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .tooltipContainer_dc73a86b2c {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .tooltipContainer_dc73a86b2c {\n  width: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .tooltipContainer_dc73a86b2c {\n  width: 46px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 {\n  -webkit-appearance: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d.iconContainerHasIcon_eed8a7e7c5:not(.iconContainerClickable_1e40fa7c6b) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d {\n  opacity: 1;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerActive_bd1778690d .icon_75a593f939 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123.iconContainerHasIcon_eed8a7e7c5.iconContainerClickable_1e40fa7c6b:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 .icon_75a593f939 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5:hover .input_6462be69ea {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .input_6462be69ea:active {\n  border-color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .iconContainer_dfe7235123 .icon_75a593f939 {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 .iconContainer_dfe7235123 .icon_75a593f939:hover {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputErrorValidation_eed8a7e7c5 + .subTextContainer_34db767e99 .subTextContainerStatus_b8f308bf63 {\n  color: var(--negative-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2:hover .input_6462be69ea {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea:focus,\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .input_6462be69ea:active {\n  border-color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .iconContainer_dfe7235123 .icon_75a593f939 {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 .iconContainer_dfe7235123 .icon_75a593f939:hover {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputSuccessValidation_f3b480d0f2 + .subTextContainer_34db767e99 .subTextContainerStatus_b8f308bf63 {\n  color: var(--positive-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeSmall_6f3fe87172 {\n  height: 32px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeSmall_6f3fe87172 .input_6462be69ea {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.inputWrapperSizeSmall_2305d8ab95 .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c {\n  height: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: 4px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-size: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123:hover + .iconContainer_dfe7235123 + .input_6462be69ea {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 {\n  height: 48px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea.inputHasIcon_fc97f1e5ad {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .input_6462be69ea.inputHasIcon_fc97f1e5ad.onlyUnderline_2a33990f9a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-size: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939:hover .input_6462be69ea {\n  border-color: var(--primary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af.loaderContainerHasIcon_75317dc9f7 {\n  right: 32px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af .loader_8b14be4942 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .loaderContainer_826ffee9af .loader_8b14be4942 .loaderSvg_701d968ecb {\n  color: var(--secondary-text-color);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939 .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-family: var(--font-family);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeMedium_79ca220b9c .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-family: var(--font-family);\n}\n\n.textField_263a9c5540 .inputWrapper_75a593f939.wrapperSizeLarge_aea3e1afd1 .iconContainer_dfe7235123 .icon_75a593f939 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField_47a7e2024c",labelWrapper:"labelWrapper_bc0c364610",subTextContainer:"subTextContainer_86e8d08fdb",counter:"counter_d41508bb36",disabled:"disabled_b3111c7eb6",icon:"icon_bd4b99b080",inputWrapper:"inputWrapper_bd4b99b080",input:"input_f418d1bf34",iconContainer:"iconContainer_96b31648b8",iconContainerHasIcon:"iconContainerHasIcon_528cbe825e",readOnly:"readOnly_5a5e604fa4",inputHover:"inputHover_cb2a57f263",inputActive:"inputActive_1b2a17ab25",inputHasIcon:"inputHasIcon_7c8923fcdc",round:"round_ea3a6dc8d9",square:"square_c2d36771a9",onlyUnderline:"onlyUnderline_94afef67ab",tooltipContainer:"tooltipContainer_a1e08c0937",wrapperSizeMedium:"wrapperSizeMedium_e4f5abe464",wrapperSizeLarge:"wrapperSizeLarge_d7ba691e04",iconContainerActive:"iconContainerActive_74e22c4bd7",iconContainerClickable:"iconContainerClickable_8cc9460876",inputErrorValidation:"inputErrorValidation_528cbe825e",subTextContainerStatus:"subTextContainerStatus_065adb0917",inputSuccessValidation:"inputSuccessValidation_85b51df1f0",wrapperSizeSmall:"wrapperSizeSmall_6373578e17",inputWrapperSizeSmall:"inputWrapperSizeSmall_4b9f3d37ec",loaderContainer:"loaderContainer_00d06df446",loaderContainerHasIcon:"loaderContainerHasIcon_78e0e197aa",loader:"loader_b165be82c1",loaderSvg:"loaderSvg_0aaf1e664b"};!function(n){const e="s_id-6ee97e87df70_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_47a7e2024c {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_47a7e2024c * {\n  box-sizing: border-box;\n}\n\n.textField_47a7e2024c .labelWrapper_bc0c364610 {\n  width: 100%;\n}\n\n.textField_47a7e2024c .subTextContainer_86e8d08fdb {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_47a7e2024c .subTextContainer_86e8d08fdb .counter_d41508bb36 {\n  margin-left: auto;\n}\n\n.textField_47a7e2024c.disabled_b3111c7eb6 .icon_bd4b99b080 {\n  cursor: not-allowed;\n}\n\n.textField_47a7e2024c.disabled_b3111c7eb6 .inputWrapper_bd4b99b080 {\n  cursor: not-allowed;\n}\n\n.textField_47a7e2024c.disabled_b3111c7eb6 .inputWrapper_bd4b99b080 .input_f418d1bf34 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_47a7e2024c.disabled_b3111c7eb6 .inputWrapper_bd4b99b080 .input_f418d1bf34::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_47a7e2024c.disabled_b3111c7eb6 .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerHasIcon_528cbe825e:hover {\n  background-color: transparent;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.readOnly_5a5e604fa4 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.inputHover_cb2a57f263 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34:focus,\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34:active,\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.inputActive_1b2a17ab25 {\n  border-color: var(--primary-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.inputHasIcon_7c8923fcdc {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.round_ea3a6dc8d9 {\n  border-radius: 50px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.square_c2d36771a9 {\n  border-radius: 0;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .input_f418d1bf34.onlyUnderline_94afef67ab {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .tooltipContainer_a1e08c0937 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .tooltipContainer_a1e08c0937 {\n  width: 40px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .tooltipContainer_a1e08c0937 {\n  width: 46px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8 {\n  -webkit-appearance: none;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerActive_74e22c4bd7.iconContainerHasIcon_528cbe825e.iconContainerClickable_8cc9460876 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerActive_74e22c4bd7.iconContainerHasIcon_528cbe825e:not(.iconContainerClickable_8cc9460876) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerActive_74e22c4bd7 {\n  opacity: 1;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerActive_74e22c4bd7 .icon_bd4b99b080 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerHasIcon_528cbe825e.iconContainerClickable_8cc9460876:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8.iconContainerHasIcon_528cbe825e.iconContainerClickable_8cc9460876:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e:hover .input_f418d1bf34 {\n  border-color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e .input_f418d1bf34 {\n  border-color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e .input_f418d1bf34:focus,\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e .input_f418d1bf34:active {\n  border-color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e .iconContainer_96b31648b8 .icon_bd4b99b080:hover {\n  color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e + .subTextContainer_86e8d08fdb .subTextContainerStatus_065adb0917,\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputErrorValidation_528cbe825e + .subTextContainer_86e8d08fdb .counter_d41508bb36 {\n  color: var(--negative-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0:hover .input_f418d1bf34 {\n  border-color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 .input_f418d1bf34 {\n  border-color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 .input_f418d1bf34:focus,\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 .input_f418d1bf34:active {\n  border-color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 .iconContainer_96b31648b8 .icon_bd4b99b080:hover {\n  color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputSuccessValidation_85b51df1f0 + .subTextContainer_86e8d08fdb .subTextContainerStatus_065adb0917 {\n  color: var(--positive-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeSmall_6373578e17 {\n  height: 32px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeSmall_6373578e17 .input_f418d1bf34 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.inputWrapperSizeSmall_4b9f3d37ec .input_f418d1bf34.inputHasIcon_7c8923fcdc.onlyUnderline_94afef67ab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 {\n  height: 40px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .input_f418d1bf34 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .input_f418d1bf34.inputHasIcon_7c8923fcdc {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .input_f418d1bf34.inputHasIcon_7c8923fcdc.onlyUnderline_94afef67ab {\n  padding-left: 4px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .iconContainer_96b31648b8 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  font-size: 16px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .iconContainer_96b31648b8:hover + .iconContainer_96b31648b8 + .input_f418d1bf34 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 {\n  height: 48px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .input_f418d1bf34 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .input_f418d1bf34.inputHasIcon_7c8923fcdc {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .input_f418d1bf34.inputHasIcon_7c8923fcdc.onlyUnderline_94afef67ab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .iconContainer_96b31648b8 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  font-size: 16px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080:hover .input_f418d1bf34 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .loaderContainer_00d06df446 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .loaderContainer_00d06df446.loaderContainerHasIcon_78e0e197aa {\n  right: 32px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .loaderContainer_00d06df446 .loader_b165be82c1 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .loaderContainer_00d06df446 .loader_b165be82c1 .loaderSvg_0aaf1e664b {\n  color: var(--secondary-text-color);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  font-family: var(--font-family);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeMedium_e4f5abe464 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  font-family: var(--font-family);\n}\n\n.textField_47a7e2024c .inputWrapper_bd4b99b080.wrapperSizeLarge_d7ba691e04 .iconContainer_96b31648b8 .icon_bd4b99b080 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_e461b61085",highlightText:"highlightText_9aae121a3e",withEllipsis:"withEllipsis_78e7eaf113"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-beta_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_e461b61085 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_e461b61085 em.highlightText_9aae121a3e {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_e461b61085.withEllipsis_78e7eaf113 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_173b6459e4",highlightText:"highlightText_c1e0f4e8ae",withEllipsis:"withEllipsis_44c5351b28"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-rc_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_173b6459e4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_173b6459e4 em.highlightText_c1e0f4e8ae {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_173b6459e4.withEllipsis_44c5351b28 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_6e50b7d14c",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_029629be3a",floating:"floating_108c9c4cc9",tipseenHeader:"tipseenHeader_f0ae0164ce",tipseenTitle:"tipseenTitle_5822a21447",tipseenContent:"tipseenContent_305533b015",tipseenCloseButton:"tipseenCloseButton_92b824508f",dark:"dark_c2dcd54804"};!function(e){const t="s_id-33da00d2ba25_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_6e50b7d14c {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_6e50b7d14c.tipseenWrapperWithoutCustomWidth_029629be3a {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_6e50b7d14c.floating_108c9c4cc9 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_6e50b7d14c .tipseenHeader_f0ae0164ce {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_6e50b7d14c .tipseenTitle_5822a21447 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_6e50b7d14c .tipseenContent_305533b015 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_6e50b7d14c .tipseenCloseButton_92b824508f {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_6e50b7d14c .tipseenCloseButton_92b824508f.dark_c2dcd54804 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_f3674e6833",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_4f23c0c230",floating:"floating_b2654ad2ec",tipseenHeader:"tipseenHeader_b8448d0a95",tipseenTitle:"tipseenTitle_3d53f23c99",tipseenContent:"tipseenContent_f9c390d78d",tipseenCloseButton:"tipseenCloseButton_090f8edceb",dark:"dark_b7a1708f7c"};!function(e){const t="s_id-33da00d2ba25_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_f3674e6833 {\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_f3674e6833.tipseenWrapperWithoutCustomWidth_4f23c0c230 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_f3674e6833.floating_b2654ad2ec {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_f3674e6833 .tipseenHeader_b8448d0a95 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_f3674e6833 .tipseenTitle_3d53f23c99 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_f3674e6833 .tipseenContent_f9c390d78d {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_f3674e6833 .tipseenCloseButton_090f8edceb {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_f3674e6833 .tipseenCloseButton_090f8edceb.dark_b7a1708f7c {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_199aa665c4",colorInverted:"colorInverted_14539e799c"};!function(e){const n="s_id-71e151b2b729_3_0_0-beta_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_199aa665c4 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_14539e799c {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_01a071cf05",colorInverted:"colorInverted_9af2b1e623"};!function(e){const n="s_id-71e151b2b729_3_0_0-rc_0";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_01a071cf05 {\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_9af2b1e623 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_6f4485fbe7",typeNormal:"typeNormal_1f67c9affb",typePositive:"typePositive_5e73c713ff",typeNegative:"typeNegative_a400af2078",typeWarning:"typeWarning_6cf19a8ff9",closeButton:"closeButton_cacae53fc1",actionButton:"actionButton_6a036f5901",actionLink:"actionLink_0631a63aef",typeDark:"typeDark_51544d0bdc",icon:"icon_c6177c6705",withTransition:"withTransition_3b1cf0d654",bounceIn:"bounceIn_943fd952dc",content:"content_bfe7a11a14",textContent:"textContent_504ec3c3f8",enterActive:"enterActive_86ab7c96a3",slideIn:"slideIn_82f1a8c210",exitActive:"exitActive_acc8b6a8fd",slideOut:"slideOut_a362d6e340"};!function(n){const t="s_id-72c9912c1efa_3_0_0-beta_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_6f4485fbe7 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_6f4485fbe7.typeNormal_1f67c9affb {\n  background-color: var(--primary-color);\n}\n.toast_6f4485fbe7.typePositive_5e73c713ff {\n  background-color: var(--positive-color);\n}\n.toast_6f4485fbe7.typeNegative_a400af2078 {\n  background-color: var(--negative-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .closeButton_cacae53fc1 {\n  color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .actionButton_6a036f5901,\n.toast_6f4485fbe7.typeWarning_6cf19a8ff9 .actionLink_0631a63aef {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc .closeButton_cacae53fc1 {\n  color: var(--text-color-on-inverted);\n}\n.toast_6f4485fbe7.typeDark_51544d0bdc .actionButton_6a036f5901,\n.toast_6f4485fbe7.typeDark_51544d0bdc .actionLink_0631a63aef {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_c6177c6705 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_6a036f5901.withTransition_3b1cf0d654 {\n  opacity: 0;\n  animation: bounceIn_943fd952dc 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_bfe7a11a14 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_504ec3c3f8 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_86ab7c96a3 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_82f1a8c210;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_acc8b6a8fd {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_a362d6e340;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_cacae53fc1 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_82f1a8c210 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_a362d6e340 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_943fd952dc {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_29db96cde7",typeNormal:"typeNormal_fd9e93f6ca",typePositive:"typePositive_41bd802f9d",typeNegative:"typeNegative_83a4532471",typeWarning:"typeWarning_d5094adc59",closeButton:"closeButton_1929bf5a7f",actionButton:"actionButton_2ce2bbb38b",actionLink:"actionLink_9a9ef51399",typeDark:"typeDark_88594a2858",icon:"icon_215c70bdb1",withTransition:"withTransition_e1762f54ac",bounceIn:"bounceIn_68624e724b",content:"content_d02401ac20",textContent:"textContent_7156f41eee",enterActive:"enterActive_a3a36c6921",slideIn:"slideIn_7b518e5c89",exitActive:"exitActive_bfacbcf8ad",slideOut:"slideOut_fed7e412bb"};!function(n){const t="s_id-72c9912c1efa_3_0_0-rc_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_29db96cde7 {\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_29db96cde7.typeNormal_fd9e93f6ca {\n  background-color: var(--primary-color);\n}\n.toast_29db96cde7.typePositive_41bd802f9d {\n  background-color: var(--positive-color);\n}\n.toast_29db96cde7.typeNegative_83a4532471 {\n  background-color: var(--negative-color);\n}\n.toast_29db96cde7.typeWarning_d5094adc59 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_29db96cde7.typeWarning_d5094adc59 .closeButton_1929bf5a7f {\n  color: var(--fixed-dark-color);\n}\n.toast_29db96cde7.typeWarning_d5094adc59 .actionButton_2ce2bbb38b,\n.toast_29db96cde7.typeWarning_d5094adc59 .actionLink_9a9ef51399 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_29db96cde7.typeDark_88594a2858 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_29db96cde7.typeDark_88594a2858 .closeButton_1929bf5a7f {\n  color: var(--text-color-on-inverted);\n}\n.toast_29db96cde7.typeDark_88594a2858 .actionButton_2ce2bbb38b,\n.toast_29db96cde7.typeDark_88594a2858 .actionLink_9a9ef51399 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_215c70bdb1 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_2ce2bbb38b.withTransition_e1762f54ac {\n  opacity: 0;\n  animation: bounceIn_68624e724b 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_d02401ac20 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_7156f41eee {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_a3a36c6921 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_7b518e5c89;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_bfacbcf8ad {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_fed7e412bb;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_1929bf5a7f {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_7b518e5c89 {\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_fed7e412bb {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_68624e724b {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_fad2c2efd8","focus-visible":"focus-visible_8f4c982956",selected:"selected_1f67c9affb",notSelected:"notSelected_4099616942",disabled:"disabled_0b164e8776",medium:"medium_c66f92b0a2",small:"small_9e14e0f0aa"};!function(e){const n="s_id-49e22e19a989_3_0_0-beta_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_fad2c2efd8 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_fad2c2efd8:focus-visible, .toggle_fad2c2efd8.focus-visible_8f4c982956 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_fad2c2efd8:focus:not(.focus-visible_8f4c982956) {\n  outline: none;\n}\n.toggle_fad2c2efd8::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_fad2c2efd8.selected_1f67c9affb {\n  background-color: var(--primary-color);\n}\n.toggle_fad2c2efd8.selected_1f67c9affb::after {\n  left: 20px;\n}\n.toggle_fad2c2efd8.notSelected_4099616942 {\n  background-color: var(--ui-border-color);\n}\n.toggle_fad2c2efd8.notSelected_4099616942::after {\n  left: 3px;\n}\n.toggle_fad2c2efd8.disabled_0b164e8776 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_fad2c2efd8.medium_c66f92b0a2 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_fad2c2efd8.medium_c66f92b0a2::after {\n  --circle-size: 18px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_fad2c2efd8.small_9e14e0f0aa.notSelected_4099616942::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_446a5b1c50","focus-visible":"focus-visible_717d5dc122",selected:"selected_fd9e93f6ca",notSelected:"notSelected_7b6bd8bcbf",disabled:"disabled_386b25c383",medium:"medium_ffd5e98b3f",small:"small_b3ff7e0a2c"};!function(e){const n="s_id-49e22e19a989_3_0_0-rc_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_446a5b1c50 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_446a5b1c50:focus-visible, .toggle_446a5b1c50.focus-visible_717d5dc122 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_446a5b1c50:focus:not(.focus-visible_717d5dc122) {\n  outline: none;\n}\n.toggle_446a5b1c50::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_446a5b1c50.selected_fd9e93f6ca {\n  background-color: var(--primary-color);\n}\n.toggle_446a5b1c50.selected_fd9e93f6ca::after {\n  left: 20px;\n}\n.toggle_446a5b1c50.notSelected_7b6bd8bcbf {\n  background-color: var(--ui-border-color);\n}\n.toggle_446a5b1c50.notSelected_7b6bd8bcbf::after {\n  left: 3px;\n}\n.toggle_446a5b1c50.disabled_386b25c383 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_446a5b1c50.medium_ffd5e98b3f {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_446a5b1c50.medium_ffd5e98b3f::after {\n  --circle-size: 18px;\n}\n.toggle_446a5b1c50.small_b3ff7e0a2c {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_446a5b1c50.small_b3ff7e0a2c::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_446a5b1c50.small_b3ff7e0a2c.notSelected_7b6bd8bcbf::after {\n  left: 2px;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_55026a3add","focus-visible":"focus-visible_aabb99afdd",wrapper:"wrapper_3e8140cd09"};!function(e){const d="s_id-4fb1f14d4bb9_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".toggleInput_55026a3add:focus-visible ~ div, .toggleInput_55026a3add.focus-visible_aabb99afdd ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_3e8140cd09 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_2d6a43f3f2","focus-visible":"focus-visible_1a0829b0a7",wrapper:"wrapper_cc977bbf4f"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_2d6a43f3f2:focus-visible ~ div, .toggleInput_2d6a43f3f2.focus-visible_1a0829b0a7 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_cc977bbf4f {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={text:"text_eea5bbc826",disabled:"disabled_8171b5e480"};!function(e){const t="s_id-1dee71639eb3_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_eea5bbc826 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_8171b5e480 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_47d24e901d",disabled:"disabled_d36c3a9d48"};!function(e){const t="s_id-1dee71639eb3_3_0_0-rc_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_47d24e901d {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_d36c3a9d48 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase, isFunction } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, isValidElement, PureComponent, ReactElement } from \"react\";\nimport { Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { TooltipPositions, TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps \| TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n /\n When true, the tooltip would be rendered on a Dialog without children\n * Use case is currently for rendering Tipseen with floating prop\n /\n forceRenderWithoutChildren: boolean;\n children?: ReactElement \| Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n forceRenderWithoutChildren?: boolean;\n children: ReactElement \| Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n content: ElementContent;\n style?: CSSProperties;\n /* Class name for a tooltip's arrow /\n arrowClassName?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: MoveBy;\n theme?: TooltipTheme;\n getContainer?: () => HTMLElement;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n disableDialogSlide?: boolean;\n animationType?: DialogAnimationType;\n withoutDialog?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n With which delay tooltip is going to be shown\n /\n immediateShowDelay?: number;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /\n Show the Dialog when the children is mounting\n /\n shouldShowOnMount?: boolean;\n hideWhenReferenceHidden?: boolean;\n onTooltipHide?: () => void;\n onTooltipShow?: () => void;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n /\n position?: TooltipPositions;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n If true, prevents open Tooltip from closing on mouseEnter and closes Tooltip, when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n set the state of the tooltip - open/close - controlled component\n /\n open?: boolean;\n /\n Overwrites z-index of the tooltip\n /\n zIndex?: number;\n /\n The title of the tooltip\n /\n title?: string;\n /\n The image of the tooltip\n /\n image?: string;\n /\n The icon of the tooltip next to the title\n */\n icon?: SubIcon;\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n lastTooltipHideTS: null,\n openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n wasShown: boolean;\n static positions = TooltipPositionsEnum;\n static hideShowTriggers = HideShowEventEnum;\n static themes = TooltipThemeEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n moveBy: { main: 4, secondary: 0 },\n theme: \"dark\",\n position: \"top\",\n hideDelay: 100,\n showDelay: 300,\n disableDialogSlide: true,\n animationType: AnimationTypeEnum.EXPAND,\n withoutDialog: false,\n tip: true,\n hideWhenReferenceHidden: false,\n modifiers: new Array<Modifier<unknown>>(),\n showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: true,\n referenceWrapperClassName: \"\",\n addKeyboardHideShowTriggersByDefault: true,\n open: false\n };\n constructor(props: TooltipProps) {\n super(props);\n this.renderTooltipContent = this.renderTooltipContent.bind(this);\n this.getShowDelay = this.getShowDelay.bind(this);\n this.onTooltipShow = this.onTooltipShow.bind(this);\n this.onTooltipHide = this.onTooltipHide.bind(this);\n\n this.wasShown = false;\n }\n\n renderTooltipContent() {\n const { theme, content, className, style, title, image, icon } = this.props;\n if (!content) {\n // don't render empty tooltip\n return null;\n }\n let contentValue;\n if (isFunction(content)) {\n contentValue = content();\n } else if (isValidElement(content)) {\n contentValue = content;\n } else if (typeof content === \"string\" && content) {\n contentValue = content;\n }\n\n if (!contentValue) {\n return null;\n }\n\n return (\n <div style={style} className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}>\n {image && <img className={styles.image} src={image} alt=\"\" />}\n <div className={cx(styles.content)}>\n {title && (\n <Flex gap=\"xs\">\n {icon && <Icon iconSize=\"20\" icon={icon} />}\n <div className={styles.title}>{title}</div>\n </Flex>\n )}\n {contentValue}\n </div>\n </div>\n );\n }\n\n onTooltipShow() {\n if (!this.wasShown) {\n const { onTooltipShow } = this.props;\n globalState.openTooltipsCount++;\n this.wasShown = true;\n onTooltipShow && onTooltipShow();\n }\n }\n\n onTooltipHide() {\n if (this.wasShown) {\n const { onTooltipHide } = this.props;\n globalState.lastTooltipHideTS = Date.now();\n globalState.openTooltipsCount--;\n this.wasShown = false;\n onTooltipHide && onTooltipHide();\n }\n }\n\n getTimeSinceLastTooltip() {\n if (globalState.openTooltipsCount > 0) {\n return 0;\n }\n return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n }\n\n getShowDelay() {\n const { showDelay, immediateShowDelay } = this.props;\n const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n if ((immediateShowDelay === 0 \|\| immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n // showing the tooltip immediately (without animation)\n return {\n showDelay: immediateShowDelay,\n preventAnimation: true\n };\n }\n return {\n showDelay,\n preventAnimation: false\n };\n }\n\n render() {\n const {\n withoutDialog,\n children,\n forceRenderWithoutChildren,\n theme,\n tip,\n arrowClassName,\n id,\n \"data-testid\": dataTestId,\n position\n } = this.props;\n\n if (!children && !forceRenderWithoutChildren) {\n return null;\n }\n\n if (withoutDialog) {\n return this.renderTooltipContent();\n }\n\n const content = this.renderTooltipContent;\n const dialogProps = {\n ...this.props,\n position: position,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TOOLTIP, id),\n tooltip: tip,\n content,\n tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n onDialogDidHide: this.onTooltipHide,\n onDialogDidShow: this.onTooltipShow,\n getDynamicShowDelay: this.getShowDelay\n };\n return (\n <Dialog {...dialogProps} animationType=\"expand\">\n {children}\n </Dialog>\n );\n }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","title","image","icon","isFunction","isValidElement","React","createElement","cx","styles","tooltip","getStyle","camelCase","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","Object","assign","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase, isFunction } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, isValidElement, PureComponent, ReactElement } from \"react\";\nimport { Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { TooltipPositions, TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps \| TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n /\n When true, the tooltip would be rendered on a Dialog without children\n * Use case is currently for rendering Tipseen with floating prop\n /\n forceRenderWithoutChildren: boolean;\n children?: ReactElement \| Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n forceRenderWithoutChildren?: boolean;\n children: ReactElement \| Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n content: ElementContent;\n style?: CSSProperties;\n /* Class name for a tooltip's arrow /\n arrowClassName?: string;\n /\n How much to move the dialog in relative to children\n * main is the axis in which the position is aligned to\n * secondary is the vertical axes to the position\n /\n moveBy?: MoveBy;\n theme?: TooltipTheme;\n getContainer?: () => HTMLElement;\n /\n how much delay should the Dialog wait until it should trigger the hide in MS\n /\n hideDelay?: number;\n /\n how much delay should the Dialog wait until it should trigger the show in MS\n /\n showDelay?: number;\n disableDialogSlide?: boolean;\n animationType?: DialogAnimationType;\n withoutDialog?: boolean;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n containerSelector?: string;\n /\n With which delay tooltip is going to be shown\n /\n immediateShowDelay?: number;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /\n Show the Dialog when the children is mounting\n /\n shouldShowOnMount?: boolean;\n hideWhenReferenceHidden?: boolean;\n onTooltipHide?: () => void;\n onTooltipShow?: () => void;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n /\n position?: TooltipPositions;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n an array of hide/show trigger - Tooltip.hideShowTriggers\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n If true, prevents open Tooltip from closing on mouseEnter and closes Tooltip, when mouse leaves it\n /\n showOnDialogEnter?: boolean;\n /\n A Classname to be added to <span> element which wraps the children\n /\n referenceWrapperClassName?: string;\n /\n Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n set the state of the tooltip - open/close - controlled component\n /\n open?: boolean;\n /\n Overwrites z-index of the tooltip\n /\n zIndex?: number;\n /\n The title of the tooltip\n /\n title?: string;\n /\n The image of the tooltip\n /\n image?: string;\n /\n The icon of the tooltip next to the title\n */\n icon?: SubIcon;\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n lastTooltipHideTS: null,\n openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n wasShown: boolean;\n static positions = TooltipPositionsEnum;\n static hideShowTriggers = HideShowEventEnum;\n static themes = TooltipThemeEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n moveBy: { main: 4, secondary: 0 },\n theme: \"dark\",\n position: \"top\",\n hideDelay: 100,\n showDelay: 300,\n disableDialogSlide: true,\n animationType: AnimationTypeEnum.EXPAND,\n withoutDialog: false,\n tip: true,\n hideWhenReferenceHidden: false,\n modifiers: new Array<Modifier<unknown>>(),\n showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: true,\n referenceWrapperClassName: \"\",\n addKeyboardHideShowTriggersByDefault: true,\n open: false\n };\n constructor(props: TooltipProps) {\n super(props);\n this.renderTooltipContent = this.renderTooltipContent.bind(this);\n this.getShowDelay = this.getShowDelay.bind(this);\n this.onTooltipShow = this.onTooltipShow.bind(this);\n this.onTooltipHide = this.onTooltipHide.bind(this);\n\n this.wasShown = false;\n }\n\n renderTooltipContent() {\n const { theme, content, className, style, title, image, icon } = this.props;\n if (!content) {\n // don't render empty tooltip\n return null;\n }\n let contentValue;\n if (isFunction(content)) {\n contentValue = content();\n } else if (isValidElement(content)) {\n contentValue = content;\n } else if (typeof content === \"string\" && content) {\n contentValue = content;\n } else if (Array.isArray(content) && content.length > 0) {\n // allow array of elements\n contentValue = content;\n }\n\n if (!contentValue) {\n return null;\n }\n\n return (\n <div style={style} className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}>\n {image && <img className={styles.image} src={image} alt=\"\" />}\n <div className={cx(styles.content)}>\n {title && (\n <Flex gap=\"xs\">\n {icon && <Icon iconSize=\"20\" icon={icon} />}\n <div className={styles.title}>{title}</div>\n </Flex>\n )}\n {contentValue}\n </div>\n </div>\n );\n }\n\n onTooltipShow() {\n if (!this.wasShown) {\n const { onTooltipShow } = this.props;\n globalState.openTooltipsCount++;\n this.wasShown = true;\n onTooltipShow && onTooltipShow();\n }\n }\n\n onTooltipHide() {\n if (this.wasShown) {\n const { onTooltipHide } = this.props;\n globalState.lastTooltipHideTS = Date.now();\n globalState.openTooltipsCount--;\n this.wasShown = false;\n onTooltipHide && onTooltipHide();\n }\n }\n\n getTimeSinceLastTooltip() {\n if (globalState.openTooltipsCount > 0) {\n return 0;\n }\n return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n }\n\n getShowDelay() {\n const { showDelay, immediateShowDelay } = this.props;\n const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n if ((immediateShowDelay === 0 \|\| immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n // showing the tooltip immediately (without animation)\n return {\n showDelay: immediateShowDelay,\n preventAnimation: true\n };\n }\n return {\n showDelay,\n preventAnimation: false\n };\n }\n\n render() {\n const {\n withoutDialog,\n children,\n forceRenderWithoutChildren,\n theme,\n tip,\n arrowClassName,\n id,\n \"data-testid\": dataTestId,\n position\n } = this.props;\n\n if (!children && !forceRenderWithoutChildren) {\n return null;\n }\n\n if (withoutDialog) {\n return this.renderTooltipContent();\n }\n\n const content = this.renderTooltipContent;\n const dialogProps = {\n ...this.props,\n position: position,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TOOLTIP, id),\n tooltip: tip,\n content,\n tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n onDialogDidHide: this.onTooltipHide,\n onDialogDidShow: this.onTooltipShow,\n getDynamicShowDelay: this.getShowDelay\n };\n return (\n <Dialog {...dialogProps} animationType=\"expand\">\n {children}\n </Dialog>\n );\n }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","title","image","icon","isFunction","isValidElement","Array","isArray","length","React","createElement","cx","styles","tooltip","getStyle","camelCase","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","Object","assign","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip_493648f56d",image:"image_4aa52071b3",title:"title_43bfe27647",content:"content_510fadac3c",paddingSizeMd:"paddingSizeMd_4930225a92",tooltipWhiteLink:"tooltipWhiteLink_f185d30bb2",arrow:"arrow_29e2a292f3",dark:"dark_51544d0bdc",primary:"primary_53f418fd64"};!function(o){const n="s_id-a3b5adff1ad8_3_0_0-beta_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".tooltip_493648f56d {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_493648f56d .image_4aa52071b3 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_493648f56d .title_43bfe27647 {\n  font: var(--font-text2-bold);\n}\n.tooltip_493648f56d .content_510fadac3c {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_493648f56d.paddingSizeMd_4930225a92 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_493648f56d a.tooltipWhiteLink_f185d30bb2 {\n  color: #fff;\n}\n.arrow_29e2a292f3,\n.dark_51544d0bdc,\n.arrow_29e2a292f3.dark_51544d0bdc {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_53f418fd64,\n.arrow_29e2a292f3.primary_53f418fd64 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip_7c32f7ebd9",image:"image_740cb87910",title:"title_c7e1cef977",content:"content_b1a4f0ff86",paddingSizeMd:"paddingSizeMd_1ce1871d60",tooltipWhiteLink:"tooltipWhiteLink_5c2078ea52",arrow:"arrow_c3f6b3638a",dark:"dark_88594a2858",primary:"primary_9c1786a7b8"};!function(o){const n="s_id-a3b5adff1ad8_3_0_0-rc_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".tooltip_7c32f7ebd9 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_7c32f7ebd9 .image_740cb87910 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_7c32f7ebd9 .title_c7e1cef977 {\n  font: var(--font-text2-bold);\n}\n.tooltip_7c32f7ebd9 .content_b1a4f0ff86 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_7c32f7ebd9.paddingSizeMd_1ce1871d60 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_7c32f7ebd9 a.tooltipWhiteLink_5c2078ea52 {\n  color: #fff;\n}\n.arrow_c3f6b3638a,\n.dark_88594a2858,\n.arrow_c3f6b3638a.dark_88594a2858 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_9c1786a7b8,\n.arrow_c3f6b3638a.primary_9c1786a7b8 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={typography:"typography_848a536b74","focus-visible":"focus-visible_8f4c982956",primary:"primary_feaad3449a",secondary:"secondary_701d968ecb",onPrimary:"onPrimary_848a2b2da2",onInverted:"onInverted_7392173f09",fixedLight:"fixedLight_8d4f5c5eb1",fixedDark:"fixedDark_cacae53fc1",inherit:"inherit_f379d28652",start:"start_28d96a48a5",center:"center_b09c1b8111",end:"end_df29198ae1",singleLineEllipsis:"singleLineEllipsis_53a3c4a32f",multiLineEllipsis:"multiLineEllipsis_dc6c72ad79"};!function(n){const e="s_id-911fb9952597_3_0_0-beta_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography_848a536b74 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_848a536b74 > a:focus-visible, .typography_848a536b74 > a.focus-visible_8f4c982956 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_848a536b74 > a:focus:not(.focus-visible_8f4c982956) {\n  outline: none;\n}\n.typography_848a536b74 > a:hover {\n  text-decoration: underline;\n}\n.typography_848a536b74:disabled, .typography_848a536b74[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_feaad3449a {\n  color: var(--primary-text-color);\n}\n.secondary_701d968ecb {\n  color: var(--secondary-text-color);\n}\n.onPrimary_848a2b2da2 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_848a2b2da2 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_7392173f09 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_7392173f09 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_8d4f5c5eb1 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_8d4f5c5eb1 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_cacae53fc1 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_cacae53fc1 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_f379d28652 {\n  color: inherit;\n}\n.inherit_f379d28652 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_28d96a48a5 {\n  text-align: start;\n}\n.center_b09c1b8111 {\n  text-align: center;\n}\n.end_df29198ae1 {\n  text-align: end;\n}\n.singleLineEllipsis_53a3c4a32f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_dc6c72ad79 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
+var e={typography:"typography_65b0fef6b6","focus-visible":"focus-visible_717d5dc122",primary:"primary_0ce4e216ab",secondary:"secondary_0aaf1e664b",onPrimary:"onPrimary_3b5e2751ab",onInverted:"onInverted_8e58604ea1",fixedLight:"fixedLight_55689d2aee",fixedDark:"fixedDark_1929bf5a7f",inherit:"inherit_895dd01606",start:"start_ca25a503dd",center:"center_b5813fd3fa",end:"end_83ddfd566f",singleLineEllipsis:"singleLineEllipsis_328477b46f",multiLineEllipsis:"multiLineEllipsis_8390105d05"};!function(e){const n="s_id-911fb9952597_3_0_0-rc_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_65b0fef6b6 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_65b0fef6b6 > a:focus-visible, .typography_65b0fef6b6 > a.focus-visible_717d5dc122 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_65b0fef6b6 > a:focus:not(.focus-visible_717d5dc122) {\n  outline: none;\n}\n.typography_65b0fef6b6 > a:hover {\n  text-decoration: underline;\n}\n.typography_65b0fef6b6:disabled, .typography_65b0fef6b6[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_0ce4e216ab {\n  color: var(--primary-text-color);\n}\n.secondary_0aaf1e664b {\n  color: var(--secondary-text-color);\n}\n.onPrimary_3b5e2751ab {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_3b5e2751ab a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8e58604ea1 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8e58604ea1 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_55689d2aee {\n  color: var(--fixed-light-color);\n}\n.fixedLight_55689d2aee a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_1929bf5a7f {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_1929bf5a7f a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_895dd01606 {\n  color: inherit;\n}\n.inherit_895dd01606 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_ca25a503dd {\n  text-align: start;\n}\n.center_b5813fd3fa {\n  text-align: center;\n}\n.end_83ddfd566f {\n  text-align: end;\n}\n.singleLineEllipsis_328477b46f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_8390105d05 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/src/components/Typography/TypographyHooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,t;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(t={"--text-clamp-lines":""+s})),{class:e,style:t}}),[r,s])}function t(e,n,s,t,i,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{s as useEllipsisClass,t as useTooltipProps};
+import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,i;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(i={"--text-clamp-lines":""+s})),{class:e,style:i}}),[r,s])}function i(e,n,s,i,t,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c?Object.assign(Object.assign({},i),{content:t}):{}}export{s as useEllipsisClass,i as useTooltipProps};
 //# sourceMappingURL=TypographyHooks.js.map

package/dist/src/components/Typography/TypographyHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject, useMemo } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n const result = useMemo(() => {\n let ellipsisClass: string;\n let style: Record<string, string>;\n // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n if (maxLines > 1) {\n // not relevant for single line ellipsis\n style = { \"--text-clamp-lines\": maxLines.toString() };\n }\n }\n\n return { class: ellipsisClass, style };\n }, [ellipsis, maxLines]);\n return result;\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing ~~&& typeof children === \"string\"~~;\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,~~GAAqC~~,~~iBAAbH,EACvDM,~~OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}
1	+ {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject, useMemo } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n const result = useMemo(() => {\n let ellipsisClass: string;\n let style: Record<string, string>;\n // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n if (maxLines > 1) {\n // not relevant for single line ellipsis\n style = { \"--text-clamp-lines\": maxLines.toString() };\n }\n }\n\n return { class: ellipsisClass, style };\n }, [ellipsis, maxLines]);\n return result;\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing;\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,EAC/BG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}

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

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