npm - @vibe/core - Versions diffs - 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0 - Mend

@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.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 (892) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n type ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n /*\n The placeholder text displayed when the input is empty.\n /\n placeholder?: string;\n /\n Configures the browser's autocomplete behavior.\n /\n autoComplete?: string;\n /\n The current value of the text field.\n /\n value?: string;\n /\n Callback fired when the text field value changes.\n /\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n /\n Callback fired when the text field loses focus.\n /\n onBlur?: (event: React.FocusEvent) => void;\n /\n Callback fired when the text field gains focus.\n /\n onFocus?: (event: React.FocusEvent) => void;\n /\n Callback fired when a key is pressed inside the text field.\n /\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse wheel is used inside the text field.\n /\n onWheel?: (event: React.WheelEvent) => void;\n /\n The debounce rate for input value changes.\n /\n debounceRate?: number;\n /\n If true, the input is automatically focused on mount.\n /\n autoFocus?: boolean;\n /\n If true, disables the text field.\n /\n disabled?: boolean;\n /\n If true, makes the text field read-only.\n /\n readonly?: boolean;\n /\n A function to set a reference to the input element.\n /\n setRef?: (node: HTMLElement) => void;\n /\n The primary icon displayed inside the text field.\n /\n iconName?: string \| React.FunctionComponent \| null;\n /\n Position of the primary icon inside the text field.\n /\n iconPosition?: \"left\" \| \"right\";\n /\n The secondary icon displayed inside the text field.\n /\n secondaryIconName?: string \| React.FunctionComponent \| null;\n /\n The label displayed above the text field.\n /\n title?: string;\n /\n The size of the text field.\n /\n size?: TextFieldSize;\n /\n Validation state for the text field.\n /\n validation?: { status?: \"error\" \| \"success\"; text?: string \| React.ReactNode };\n /\n Class name applied to the text field wrapper.\n /\n wrapperClassName?: string;\n /\n Callback fired when the icon inside the text field is clicked.\n /\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n /\n If true, clears the input when the icon is clicked.\n /\n clearOnIconClick?: boolean;\n /\n The icon displayed inside the label.\n /\n labelIconName?: string \| React.FunctionComponent \| null;\n /\n If true, displays the character count.\n /\n showCharCount?: boolean;\n /\n The ARIA label for the input field.\n /\n inputAriaLabel?: string;\n /\n The ID of the container where search results are displayed.\n /\n searchResultsContainerId?: string;\n /\n The ID of the currently active search result.\n /\n activeDescendant?: string;\n /\n Icon labels for accessibility.\n /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /\n The type of the text field.\n /\n type?: TextFieldType;\n /\n The maximum number of characters allowed.\n /\n maxLength?: number;\n /\n If true, allows the user to exceed the character limit set by `maxLength`.\n /\n allowExceedingMaxLength?: boolean;\n /\n If true, trims whitespace from the input value.\n /\n trim?: boolean;\n /\n The ARIA role of the text field.\n /\n role?: string;\n /\n If true, marks the input as required.\n /\n required?: boolean;\n /\n The error message displayed when a required field is left empty.\n /\n requiredErrorText?: string;\n /\n If true, displays a loading indicator inside the text field.\n /\n loading?: boolean;\n /\n Test ID for the secondary icon.\n /\n secondaryDataTestId?: string;\n /\n The tab order of the input field.\n /\n tabIndex?: number;\n /\n The name attribute for the input field.\n /\n name?: string;\n /\n If true, renders only an underline style for the text field.\n /\n underline?: boolean;\n /\n If true, the component is controlled by an external state.\n /\n controlled?: boolean;\n /\n Tooltip content for the primary icon.\n /\n iconTooltipContent?: string;\n /\n Tooltip content for the secondary icon.\n /\n secondaryTooltipContent?: string;\n /\n The text direction of the input.\n /\n dir?: \"ltr\" \| \"rtl\" \| \"auto\";\n}\n\nconst TextField = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n iconPosition = \"right\",\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent,\n dir\n }: TextFieldProps,\n ref: React.ForwardedRef<unknown>\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText =\n showCharCount \|\| (validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText);\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div\n className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass, {\n [styles.inputWrapperIconLeft]: iconPosition === \"left\" && !!iconName\n })}\n >\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable,\n [styles.iconContainerLeft]: iconPosition === \"left\"\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n {secondaryIconName && (\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {((validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText)) && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default TextField;\n"],"names":["EMPTY_OBJECT","primary","secondary","TextField","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","_ref$iconPosition","iconPosition","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","inputWrapperIconLeft","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","iconContainerLeft","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ChangeEventHandler, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\n\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nexport interface TextFieldProps extends VibeComponentProps {\n /*\n The placeholder text displayed when the input is empty.\n /\n placeholder?: string;\n /\n Configures the browser's autocomplete behavior.\n /\n autoComplete?: string;\n /\n The current value of the text field.\n /\n value?: string;\n /\n Callback fired when the text field value changes.\n /\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n /\n Callback fired when the text field loses focus.\n /\n onBlur?: (event: React.FocusEvent) => void;\n /\n Callback fired when the text field gains focus.\n /\n onFocus?: (event: React.FocusEvent) => void;\n /\n Callback fired when a key is pressed inside the text field.\n /\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse wheel is used inside the text field.\n /\n onWheel?: (event: React.WheelEvent) => void;\n /\n The debounce rate for input value changes.\n /\n debounceRate?: number;\n /\n If true, the input is automatically focused on mount.\n /\n autoFocus?: boolean;\n /\n If true, disables the text field.\n /\n disabled?: boolean;\n /\n If true, makes the text field read-only.\n /\n readonly?: boolean;\n /\n A function to set a reference to the input element.\n /\n setRef?: (node: HTMLElement) => void;\n /\n The primary icon displayed inside the text field.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n Position of the primary icon inside the text field.\n /\n iconPosition?: \"left\" \| \"right\";\n /\n The secondary icon displayed inside the text field.\n /\n secondaryIconName?: string \| React.FunctionComponent \| null;\n /\n The label displayed above the text field.\n /\n title?: string;\n /\n The size of the text field.\n /\n size?: TextFieldSize;\n /\n Validation state for the text field.\n /\n validation?: { status?: \"error\" \| \"success\"; text?: string \| React.ReactNode };\n /\n Class name applied to the text field wrapper.\n /\n wrapperClassName?: string;\n /\n Callback fired when the icon inside the text field is clicked.\n /\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n /\n If true, clears the input when the icon is clicked.\n /\n clearOnIconClick?: boolean;\n /\n The icon displayed inside the label.\n /\n labelIconName?: string \| React.FunctionComponent \| null;\n /\n If true, displays the character count.\n /\n showCharCount?: boolean;\n /\n The ARIA label for the input field.\n /\n inputAriaLabel?: string;\n /\n The ID of the container where search results are displayed.\n /\n searchResultsContainerId?: string;\n /\n The ID of the currently active search result.\n /\n activeDescendant?: string;\n /\n Accessible label for the primary icon.\n /\n iconLabel?: string;\n /\n Accessible label for the secondary icon.\n /\n secondaryIconLabel?: string;\n /\n The type of the text field.\n /\n type?: TextFieldType;\n /\n The maximum number of characters allowed.\n /\n maxLength?: number;\n /\n If true, allows the user to exceed the character limit set by `maxLength`.\n /\n allowExceedingMaxLength?: boolean;\n /\n If true, trims whitespace from the input value.\n /\n trim?: boolean;\n /\n The ARIA role of the text field.\n /\n role?: string;\n /\n If true, marks the input as required.\n /\n required?: boolean;\n /\n The error message displayed when a required field is left empty.\n /\n requiredErrorText?: string;\n /\n If true, displays a loading indicator inside the text field.\n /\n loading?: boolean;\n /\n Test ID for the secondary icon.\n /\n secondaryDataTestId?: string;\n /\n The tab order of the input field.\n /\n tabIndex?: number;\n /\n The name attribute for the input field.\n /\n name?: string;\n /\n If true, renders only an underline style for the text field.\n /\n underline?: boolean;\n /\n If true, the component is controlled by an external state.\n /\n controlled?: boolean;\n /\n Tooltip content for the primary icon.\n /\n iconTooltipContent?: string;\n /\n Tooltip content for the secondary icon.\n /\n secondaryTooltipContent?: string;\n /\n The text direction of the input.\n /\n dir?: \"ltr\" \| \"rtl\" \| \"auto\";\n}\n\nconst TextField = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n icon: iconName,\n iconPosition = \"right\",\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconLabel,\n secondaryIconLabel,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent,\n dir\n }: TextFieldProps,\n ref: React.ForwardedRef<unknown>\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText =\n showCharCount \|\| (validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText);\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconLabel \|\| 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 primaryIconAriaLabel = iconLabel \|\| iconTooltipContent;\n const secondaryIconAriaLabel = secondaryIconLabel \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div\n className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass, {\n [styles.inputWrapperIconLeft]: iconPosition === \"left\" && !!iconName\n })}\n >\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable,\n [styles.iconContainerLeft]: iconPosition === \"left\"\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n aria-label={primaryIconAriaLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n {secondaryIconName && (\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? 0 : -1}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n aria-label={secondaryIconAriaLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {((validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText)) && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default TextField;\n"],"names":["TextField","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","icon","_ref$iconPosition","iconPosition","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","iconLabel","secondaryIconLabel","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconAriaLabel","secondaryIconAriaLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","labelFor","inputWrapper","SIZE_MAPPER","inputWrapperIconLeft","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","iconContainerLeft","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={textField:"textField_bb19b1cbba",labelWrapper:"labelWrapper_83b910b9cd",subTextContainer:"subTextContainer_8e4d1746d3",counter:"counter_821d26ec6b",disabled:"disabled_6b2e170441",icon:"icon_5bfcde4c6e",inputWrapper:"inputWrapper_5bfcde4c6e",input:"input_0145ddec61",iconContainer:"iconContainer_60489fd4b8",iconContainerHasIcon:"iconContainerHasIcon_cecae61fd8",readOnly:"readOnly_e4745959dd",inputHover:"inputHover_bc293327f7",inputActive:"inputActive_f52f70a5c2",inputHasIcon:"inputHasIcon_0005d12a6c",round:"round_fbdb097a66",square:"square_d70fd96ba2",onlyUnderline:"onlyUnderline_70bbd7392b",tooltipContainer:"tooltipContainer_5262cee8ab",wrapperSizeMedium:"wrapperSizeMedium_640a3a9abc",wrapperSizeLarge:"wrapperSizeLarge_b4c9385ae2",iconContainerLeft:"iconContainerLeft_2a2bac1817",inputWrapperIconLeft:"inputWrapperIconLeft_cecae61fd8",iconContainerActive:"iconContainerActive_80fa786853",iconContainerClickable:"iconContainerClickable_c75fa76003",inputErrorValidation:"inputErrorValidation_cecae61fd8",subTextContainerStatus:"subTextContainerStatus_a04be81650",inputSuccessValidation:"inputSuccessValidation_fef7b343f2",wrapperSizeSmall:"wrapperSizeSmall_d4a9982e1b",inputWrapperSizeSmall:"inputWrapperSizeSmall_6687a4cd4f",loaderContainer:"loaderContainer_9ea7d4e314",loaderContainerHasIcon:"loaderContainerHasIcon_28875a4743",loader:"loader_adee989b80",loaderSvg:"loaderSvg_fd97b7e7a8"};!function(e){const n="s_id-136cfc3f09f2_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_bb19b1cbba {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_bb19b1cbba * {\n  box-sizing: border-box;\n}\n\n.textField_bb19b1cbba .labelWrapper_83b910b9cd {\n  width: 100%;\n}\n\n.textField_bb19b1cbba .subTextContainer_8e4d1746d3 {\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_bb19b1cbba .subTextContainer_8e4d1746d3 .counter_821d26ec6b {\n  margin-inline-start: auto;\n}\n\n.textField_bb19b1cbba.disabled_6b2e170441 .icon_5bfcde4c6e {\n  cursor: not-allowed;\n}\n\n.textField_bb19b1cbba.disabled_6b2e170441 .inputWrapper_5bfcde4c6e {\n  cursor: not-allowed;\n}\n\n.textField_bb19b1cbba.disabled_6b2e170441 .inputWrapper_5bfcde4c6e .input_0145ddec61 {\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_bb19b1cbba.disabled_6b2e170441 .inputWrapper_5bfcde4c6e .input_0145ddec61::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_bb19b1cbba.disabled_6b2e170441 .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerHasIcon_cecae61fd8:hover {\n  background-color: transparent;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e {\n  width: 100%;\n  position: relative;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61 {\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: 8px; /* facelift: 8px input radius */\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.readOnly_e4745959dd {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.inputHover_bc293327f7 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61:focus,\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61:active,\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.inputActive_f52f70a5c2 {\n  border-color: var(--primary-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.inputHasIcon_0005d12a6c {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.round_fbdb097a66 {\n  border-radius: 50px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.square_d70fd96ba2 {\n  border-radius: 0;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .input_0145ddec61.onlyUnderline_70bbd7392b {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .tooltipContainer_5262cee8ab {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .tooltipContainer_5262cee8ab {\n  width: 40px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .tooltipContainer_5262cee8ab {\n  width: 46px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerLeft_2a2bac1817 {\n  left: 8px;\n  right: auto;\n  opacity: 1;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerLeft_2a2bac1817 .icon_5bfcde4c6e {\n  opacity: 1;\n  transform: none;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputWrapperIconLeft_cecae61fd8 .input_0145ddec61 {\n  padding-left: 36px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputWrapperIconLeft_cecae61fd8 .input_0145ddec61.inputHasIcon_0005d12a6c {\n  padding-left: 36px;\n  padding-right: var(--spacing-medium);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerActive_80fa786853.iconContainerHasIcon_cecae61fd8.iconContainerClickable_c75fa76003 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerActive_80fa786853.iconContainerHasIcon_cecae61fd8:not(.iconContainerClickable_c75fa76003) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerActive_80fa786853 {\n  opacity: 1;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerActive_80fa786853 .icon_5bfcde4c6e {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerHasIcon_cecae61fd8.iconContainerClickable_c75fa76003:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8.iconContainerHasIcon_cecae61fd8.iconContainerClickable_c75fa76003:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .iconContainer_60489fd4b8 .icon_5bfcde4c6e {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8:hover .input_0145ddec61 {\n  border-color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 .input_0145ddec61 {\n  border-color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 .input_0145ddec61:focus,\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 .input_0145ddec61:active {\n  border-color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 .iconContainer_60489fd4b8 .icon_5bfcde4c6e {\n  color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 .iconContainer_60489fd4b8 .icon_5bfcde4c6e:hover {\n  color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 + .subTextContainer_8e4d1746d3 .subTextContainerStatus_a04be81650,\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputErrorValidation_cecae61fd8 + .subTextContainer_8e4d1746d3 .counter_821d26ec6b {\n  color: var(--negative-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2:hover .input_0145ddec61 {\n  border-color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 .input_0145ddec61 {\n  border-color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 .input_0145ddec61:focus,\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 .input_0145ddec61:active {\n  border-color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 .iconContainer_60489fd4b8 .icon_5bfcde4c6e {\n  color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 .iconContainer_60489fd4b8 .icon_5bfcde4c6e:hover {\n  color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.inputSuccessValidation_fef7b343f2 + .subTextContainer_8e4d1746d3 .subTextContainerStatus_a04be81650 {\n  color: var(--positive-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeSmall_d4a9982e1b {\n  height: 32px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeSmall_d4a9982e1b .input_0145ddec61 {\n  padding-inline-start: var(--space-8);\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_bb19b1cbba .inputWrapper_5bfcde4c6e.inputWrapperSizeSmall_6687a4cd4f .input_0145ddec61.inputHasIcon_0005d12a6c.onlyUnderline_70bbd7392b {\n  padding-inline-start: var(--space-4);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc {\n  height: 36px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .input_0145ddec61 {\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_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .input_0145ddec61.inputHasIcon_0005d12a6c {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .input_0145ddec61.inputHasIcon_0005d12a6c.onlyUnderline_70bbd7392b {\n  padding-inline-start: 4px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .iconContainer_60489fd4b8 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .iconContainer_60489fd4b8:hover + .iconContainer_60489fd4b8 + .input_0145ddec61 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 {\n  height: 40px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .input_0145ddec61 {\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_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .input_0145ddec61.inputHasIcon_0005d12a6c {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .input_0145ddec61.inputHasIcon_0005d12a6c.onlyUnderline_70bbd7392b {\n  padding-inline-start: var(--space-4);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .iconContainer_60489fd4b8 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e:hover .input_0145ddec61 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .loaderContainer_9ea7d4e314 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 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_bb19b1cbba .inputWrapper_5bfcde4c6e .loaderContainer_9ea7d4e314.loaderContainerHasIcon_28875a4743 {\n  inset-inline-end: 32px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .loaderContainer_9ea7d4e314 .loader_adee989b80 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e .loaderContainer_9ea7d4e314 .loader_adee989b80 .loaderSvg_fd97b7e7a8 {\n  color: var(--secondary-text-color);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeMedium_640a3a9abc .iconContainer_60489fd4b8 .icon_5bfcde4c6e {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_bb19b1cbba .inputWrapper_5bfcde4c6e.wrapperSizeLarge_b4c9385ae2 .iconContainer_60489fd4b8 .icon_5bfcde4c6e {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
+var n={textField:"textField_234e74a3fc",labelWrapper:"labelWrapper_13d3be3d0a",subTextContainer:"subTextContainer_bfdc8ebd40",counter:"counter_130e7aeb79",disabled:"disabled_a96682ff9c",icon:"icon_39d9b9a69b",inputWrapper:"inputWrapper_39d9b9a69b",input:"input_bf20bb6fd6",iconContainer:"iconContainer_907542d32f",iconContainerHasIcon:"iconContainerHasIcon_50797d2288",readOnly:"readOnly_96a80daa1c",inputHover:"inputHover_17afd57289",inputActive:"inputActive_fc7e649fec",inputHasIcon:"inputHasIcon_30e06bc6f8",round:"round_0dee2445a4",square:"square_771015c7d9",onlyUnderline:"onlyUnderline_0c5269b771",tooltipContainer:"tooltipContainer_85332a15c4",wrapperSizeMedium:"wrapperSizeMedium_11c6abdf90",wrapperSizeLarge:"wrapperSizeLarge_ae729c4bef",iconContainerLeft:"iconContainerLeft_0134ad907a",inputWrapperIconLeft:"inputWrapperIconLeft_50797d2288",iconContainerActive:"iconContainerActive_bf99082593",iconContainerClickable:"iconContainerClickable_3db26baac1",inputErrorValidation:"inputErrorValidation_50797d2288",subTextContainerStatus:"subTextContainerStatus_5baeebd0d3",inputSuccessValidation:"inputSuccessValidation_dad6cd25ba",wrapperSizeSmall:"wrapperSizeSmall_c22aa4831f",inputWrapperSizeSmall:"inputWrapperSizeSmall_3de26d4190",loaderContainer:"loaderContainer_9368eb0e1c",loaderContainerHasIcon:"loaderContainerHasIcon_c59229ad0f",loader:"loader_c2c8027279",loaderSvg:"loaderSvg_55a917799f"};!function(n){const e="s_id-136cfc3f09f2_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_234e74a3fc {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_234e74a3fc * {\n  box-sizing: border-box;\n}\n\n.textField_234e74a3fc .labelWrapper_13d3be3d0a {\n  width: 100%;\n}\n\n.textField_234e74a3fc .subTextContainer_bfdc8ebd40 {\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_234e74a3fc .subTextContainer_bfdc8ebd40 .counter_130e7aeb79 {\n  margin-inline-start: auto;\n}\n\n.textField_234e74a3fc.disabled_a96682ff9c .icon_39d9b9a69b {\n  cursor: not-allowed;\n}\n\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b {\n  cursor: not-allowed;\n}\n\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .input_bf20bb6fd6 {\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_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .input_bf20bb6fd6::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288:hover {\n  background-color: transparent;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b {\n  width: 100%;\n  position: relative;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6 {\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: 8px; /* facelift: 8px input radius */\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.readOnly_96a80daa1c {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputHover_17afd57289 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6:active,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputActive_fc7e649fec {\n  border-color: var(--primary-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.round_0dee2445a4 {\n  border-radius: 50px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.square_771015c7d9 {\n  border-radius: 0;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.onlyUnderline_0c5269b771 {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .tooltipContainer_85332a15c4 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .tooltipContainer_85332a15c4 {\n  width: 40px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .tooltipContainer_85332a15c4 {\n  width: 46px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerLeft_0134ad907a {\n  left: 8px;\n  right: auto;\n  opacity: 1;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerLeft_0134ad907a .icon_39d9b9a69b {\n  opacity: 1;\n  transform: none;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputWrapperIconLeft_50797d2288 .input_bf20bb6fd6 {\n  padding-left: 36px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputWrapperIconLeft_50797d2288 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding-left: 36px;\n  padding-right: var(--spacing-medium);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593.iconContainerHasIcon_50797d2288:not(.iconContainerClickable_3db26baac1) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593 {\n  opacity: 1;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593 .icon_39d9b9a69b {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f .icon_39d9b9a69b {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288:hover .input_bf20bb6fd6 {\n  border-color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6 {\n  border-color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6:active {\n  border-color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .iconContainer_907542d32f .icon_39d9b9a69b {\n  color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .iconContainer_907542d32f .icon_39d9b9a69b:hover {\n  color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 + .subTextContainer_bfdc8ebd40 .subTextContainerStatus_5baeebd0d3,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 + .subTextContainer_bfdc8ebd40 .counter_130e7aeb79 {\n  color: var(--negative-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba:hover .input_bf20bb6fd6 {\n  border-color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6 {\n  border-color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6:active {\n  border-color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .iconContainer_907542d32f .icon_39d9b9a69b {\n  color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .iconContainer_907542d32f .icon_39d9b9a69b:hover {\n  color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba + .subTextContainer_bfdc8ebd40 .subTextContainerStatus_5baeebd0d3 {\n  color: var(--positive-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeSmall_c22aa4831f {\n  height: 32px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeSmall_c22aa4831f .input_bf20bb6fd6 {\n  padding-inline-start: var(--space-8);\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_234e74a3fc .inputWrapper_39d9b9a69b.inputWrapperSizeSmall_3de26d4190 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: var(--space-4);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 {\n  height: 36px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .input_bf20bb6fd6 {\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_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: 4px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .iconContainer_907542d32f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .iconContainer_907542d32f:hover + .iconContainer_907542d32f + .input_bf20bb6fd6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef {\n  height: 40px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .input_bf20bb6fd6 {\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_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: var(--space-4);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .iconContainer_907542d32f {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b:hover .input_bf20bb6fd6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 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_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c.loaderContainerHasIcon_c59229ad0f {\n  inset-inline-end: 32px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c .loader_c2c8027279 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c .loader_c2c8027279 .loaderSvg_55a917799f {\n  color: var(--secondary-text-color);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_11c6abdf90 .iconContainer_907542d32f .icon_39d9b9a69b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_ae729c4bef .iconContainer_907542d32f .icon_39d9b9a69b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# 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_5b5fc97a56",highlightText:"highlightText_fd703ae14e",withEllipsis:"withEllipsis_020738f340"};!function(e){const t="s_id-42c1fd2afe36_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_5b5fc97a56 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_5b5fc97a56 em.highlightText_fd703ae14e {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_5b5fc97a56.withEllipsis_020738f340 {\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_fc9cfafba4",highlightText:"highlightText_4910bb9e61",withEllipsis:"withEllipsis_26f7bee2ed"};!function(e){const t="s_id-42c1fd2afe36_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_fc9cfafba4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_fc9cfafba4 em.highlightText_4910bb9e61 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_fc9cfafba4.withEllipsis_26f7bee2ed {\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_90de75e3e5",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_320e570e20",floating:"floating_a069b36517",tipseenHeader:"tipseenHeader_0df2012fa2",tipseenTitle:"tipseenTitle_44cafecd90",tipseenContent:"tipseenContent_e26f711a7b",tipseenCloseButton:"tipseenCloseButton_384b6bff29",dark:"dark_88444b6ea3"};!function(e){const n="s_id-077bfe37a52b_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_90de75e3e5 {\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_90de75e3e5.tipseenWrapperWithoutCustomWidth_320e570e20 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_90de75e3e5.floating_a069b36517 {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper_90de75e3e5 .tipseenHeader_0df2012fa2 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_90de75e3e5 .tipseenTitle_44cafecd90 {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_90de75e3e5 .tipseenContent_e26f711a7b {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_90de75e3e5 .tipseenCloseButton_384b6bff29 {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_90de75e3e5 .tipseenCloseButton_384b6bff29.dark_88444b6ea3 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_331ef1d601",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_fa8cc23143",floating:"floating_87a017f8cd",tipseenHeader:"tipseenHeader_b17148a69a",tipseenTitle:"tipseenTitle_03705a3c5c",tipseenContent:"tipseenContent_27c5e7d2ba",tipseenCloseButton:"tipseenCloseButton_037d29b146",dark:"dark_cf0f681e6a"};!function(e){const n="s_id-077bfe37a52b_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_331ef1d601 {\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_331ef1d601.tipseenWrapperWithoutCustomWidth_fa8cc23143 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_331ef1d601.floating_87a017f8cd {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper_331ef1d601 .tipseenHeader_b17148a69a {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_331ef1d601 .tipseenTitle_03705a3c5c {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_331ef1d601 .tipseenContent_27c5e7d2ba {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_331ef1d601 .tipseenCloseButton_037d29b146 {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_331ef1d601 .tipseenCloseButton_037d29b146.dark_cf0f681e6a {\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_6436127e60"};!function(e){const n="s_id-6606edb50944_4_5_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_6436127e60 {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_6436127e60:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_03a6e5dd7f"};!function(e){const n="s_id-6606edb50944_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_03a6e5dd7f {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_03a6e5dd7f: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_7b63b11f24",dismiss:"dismiss_d8c0a19764"};!function(e){const n="s_id-585bd2f4c510_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons_7b63b11f24 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_d8c0a19764 {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={buttons:"buttons_ecd56d73f1",dismiss:"dismiss_137f56f364"};!function(e){const n="s_id-585bd2f4c510_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons_ecd56d73f1 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_137f56f364 {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_4c2d502b01",colorInverted:"colorInverted_6c136a10a0"};!function(e){const d="s_id-71e151b2b729_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_4c2d502b01 {\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_6c136a10a0 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_1386985750",colorInverted:"colorInverted_204646ea59"};!function(e){const n="s_id-71e151b2b729_4_5_10";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_1386985750 {\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_204646ea59 {\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_e21aac3763"};!function(e){const t="s_id-c12c5d8f6c34_4_5_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)}(".title_e21aac3763 {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
+var e={title:"title_246e666853"};!function(e){const t="s_id-c12c5d8f6c34_4_5_10";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)}(".title_246e666853 {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\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_d2fa709807",tipseenWizardWizard:"tipseenWizardWizard_83b910b9cd"};!function(e){const d="s_id-98eba0c83d1f_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_d2fa709807 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_83b910b9cd {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_27f98d38d9",tipseenWizardWizard:"tipseenWizardWizard_13d3be3d0a"};!function(e){const d="s_id-98eba0c83d1f_4_5_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_27f98d38d9 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_13d3be3d0a {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, renders the toast in place (for gallery previews) instead of fixed at the top.\n /\n inline?: boolean;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n inline = false,\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const messageRef = useRef<HTMLSpanElement>(null);\n const [isMessageTruncated, setIsMessageTruncated] = useState(false);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n color={type === \"dark\" ? \"fixed-light\" : \"primary\"}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition, type]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), { [styles.inline]: inline }, className),\n [type, inline, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n useEffect(() => {\n const el = messageRef.current;\n if (el) {\n setIsMessageTruncated(el.scrollWidth > el.clientWidth);\n }\n }, [children, open]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n const tooltipContent = isMessageTruncated && typeof children === \"string\" ? children : undefined;\n\n const toastElement = (\n <Tooltip content={tooltipContent} position=\"top\">\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color={type === \"dark\" ? \"fixedLight\" : \"primary\"}\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"medium\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span ref={messageRef} className={styles.message}>\n {children}\n </span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"xs\"\n kind=\"tertiary\"\n color={type === \"dark\" ? \"fixed-light\" : \"primary\"}\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </Tooltip>\n );\n\n // Gallery / static previews: render in place, skip enter/exit animation.\n if (inline) {\n return open ? toastElement : null;\n }\n\n // Portal to body so Toast always stacks above app chrome (search, sticky headers).\n return createPortal(\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n {toastElement}\n </CSSTransition>,\n document.body\n );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$inline","inline","dataTestId","ref","useRef","nodeRef","messageRef","_useState","useState","_useState2","_slicedToArray","isMessageTruncated","setIsMessageTruncated","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","color","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","el","scrollWidth","clientWidth","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","toastElement","Tooltip","position","Text","getTestId","ComponentDefaultTestId","TOAST","role","Flex","align","gap","TOAST_CONTENT","textContent","message","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","createPortal","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","document","body"],"mappings":"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"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { usePrevious } from \"@vibe/hooks\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, renders the toast in place (for gallery previews) instead of fixed at the top.\n /\n inline?: boolean;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n inline = false,\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const messageRef = useRef<HTMLSpanElement>(null);\n const [isMessageTruncated, setIsMessageTruncated] = useState(false);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n color={type === \"dark\" ? \"fixed-light\" : \"primary\"}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition, type]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), { [styles.inline]: inline }, className),\n [type, inline, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n useEffect(() => {\n const el = messageRef.current;\n if (el) {\n setIsMessageTruncated(el.scrollWidth > el.clientWidth);\n }\n }, [children, open]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n const tooltipContent = isMessageTruncated && typeof children === \"string\" ? children : undefined;\n\n const toastElement = (\n <Tooltip content={tooltipContent} position=\"top\">\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color={type === \"dark\" ? \"fixedLight\" : \"primary\"}\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"medium\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span ref={messageRef} className={styles.message}>\n {children}\n </span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"xs\"\n kind=\"tertiary\"\n color={type === \"dark\" ? \"fixed-light\" : \"primary\"}\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </Tooltip>\n );\n\n // Gallery / static previews: render in place, skip enter/exit animation.\n if (inline) {\n return open ? toastElement : null;\n }\n\n // Portal to body so Toast always stacks above app chrome (search, sticky headers).\n return createPortal(\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n {toastElement}\n </CSSTransition>,\n document.body\n );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$inline","inline","dataTestId","ref","useRef","nodeRef","messageRef","_useState","useState","_useState2","_slicedToArray","isMessageTruncated","setIsMessageTruncated","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","color","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","el","scrollWidth","clientWidth","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","toastElement","Tooltip","position","Text","getTestId","ComponentDefaultTestId","TOAST","role","Flex","align","gap","TOAST_CONTENT","textContent","message","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","createPortal","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","document","body"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_79fb6a8937",typeNormal:"typeNormal_2dabbc371a",typePositive:"typePositive_2b1dffba12",typeNegative:"typeNegative_2b1dffba12",typeWarning:"typeWarning_3cd14e1f9b",typeDark:"typeDark_7c0da38568",closeButton:"closeButton_0da25b4b66",actionButton:"actionButton_e5467b6885",actionLink:"actionLink_58e43eb139",inline:"inline_fe0d4df86c",icon:"icon_3d0594dc9c",withTransition:"withTransition_1fa570074e",bounceIn:"bounceIn_ec80bcda8a",content:"content_22fbb5f5b2",textContent:"textContent_4adbc602ee",message:"message_adc800efe1",enterActive:"enterActive_ebae704510",slideIn:"slideIn_8980101091",exitActive:"exitActive_7e7e7ed819",slideOut:"slideOut_2e8189a126"};!function(n){const e="s_id-ab40fcaec88b_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_79fb6a8937 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-12);\n  align-items: center;\n  display: flex;\n  gap: var(--space-12);\n  min-width: 200px;\n  max-width: 700px;\n  width: auto;\n  border-radius: var(--border-radius-medium);\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-color);\n  z-index: 100000;\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_79fb6a8937.typeNormal_2dabbc371a, .toast_79fb6a8937.typePositive_2b1dffba12, .toast_79fb6a8937.typeNegative_2b1dffba12, .toast_79fb6a8937.typeWarning_3cd14e1f9b {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.toast_79fb6a8937.typeDark_7c0da38568 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_79fb6a8937.typeDark_7c0da38568 .closeButton_0da25b4b66 {\n  color: var(--text-color-on-inverted);\n}\n.toast_79fb6a8937.typeDark_7c0da38568 .actionButton_e5467b6885,\n.toast_79fb6a8937.typeDark_7c0da38568 .actionLink_58e43eb139 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.toast_79fb6a8937.inline_fe0d4df86c {\n  position: relative;\n  left: auto;\n  top: auto;\n  transform: none;\n  margin: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\n.icon_3d0594dc9c {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--space-24);\n  height: var(--space-24);\n  min-width: var(--space-24);\n  min-height: var(--space-24);\n  border-radius: 50%;\n  overflow: hidden;\n  background-color: var(--allgrey-background-color);\n  color: var(--primary-text-color);\n}\n.icon_3d0594dc9c svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  fill: currentColor;\n}\n\n.typePositive_2b1dffba12 .icon_3d0594dc9c {\n  background-color: var(--positive-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeNegative_2b1dffba12 .icon_3d0594dc9c {\n  background-color: var(--negative-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeWarning_3cd14e1f9b .icon_3d0594dc9c {\n  background-color: var(--warning-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeDark_7c0da38568 .icon_3d0594dc9c {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.actionButton_e5467b6885 {\n  flex-shrink: 0;\n}\n\n.actionButton_e5467b6885.withTransition_1fa570074e {\n  opacity: 0;\n  animation: bounceIn_ec80bcda8a 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n\n.actionLink_58e43eb139 {\n  flex-shrink: 0;\n}\n\n.content_22fbb5f5b2 {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.textContent_4adbc602ee {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n}\n\n.message_adc800efe1 {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.enterActive_ebae704510 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_8980101091;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n\n.exitActive_7e7e7ed819 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_2e8189a126;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n\n.closeButton_0da25b4b66 {\n  flex-shrink: 0;\n  margin: 0;\n}\n\n@keyframes slideIn_8980101091 {\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_2e8189a126 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_ec80bcda8a {\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_66896b3600",typeNormal:"typeNormal_f26786f3c5",typePositive:"typePositive_199ef0b44c",typeNegative:"typeNegative_199ef0b44c",typeWarning:"typeWarning_c1850b2df8",typeDark:"typeDark_69ed6fffa2",closeButton:"closeButton_d734f1e7af",actionButton:"actionButton_0d993d3be3",actionLink:"actionLink_06d2b02063",inline:"inline_ac855d3020",icon:"icon_9ccfaedede",withTransition:"withTransition_f99541b575",bounceIn:"bounceIn_7bb98f1d27",content:"content_f83a12be76",textContent:"textContent_525a1053e1",message:"message_c144e9ac89",enterActive:"enterActive_0269bf0142",slideIn:"slideIn_569d5cad70",exitActive:"exitActive_0b88ba48e1",slideOut:"slideOut_d4196c2731"};!function(n){const e="s_id-ab40fcaec88b_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_66896b3600 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-12);\n  align-items: center;\n  display: flex;\n  gap: var(--space-12);\n  min-width: 200px;\n  max-width: 700px;\n  width: auto;\n  border-radius: var(--border-radius-medium);\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-color);\n  z-index: 100000;\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_66896b3600.typeNormal_f26786f3c5, .toast_66896b3600.typePositive_199ef0b44c, .toast_66896b3600.typeNegative_199ef0b44c, .toast_66896b3600.typeWarning_c1850b2df8 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.toast_66896b3600.typeDark_69ed6fffa2 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_66896b3600.typeDark_69ed6fffa2 .closeButton_d734f1e7af {\n  color: var(--text-color-on-inverted);\n}\n.toast_66896b3600.typeDark_69ed6fffa2 .actionButton_0d993d3be3,\n.toast_66896b3600.typeDark_69ed6fffa2 .actionLink_06d2b02063 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.toast_66896b3600.inline_ac855d3020 {\n  position: relative;\n  left: auto;\n  top: auto;\n  transform: none;\n  margin: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\n.icon_9ccfaedede {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--space-24);\n  height: var(--space-24);\n  min-width: var(--space-24);\n  min-height: var(--space-24);\n  border-radius: 50%;\n  overflow: hidden;\n  background-color: var(--allgrey-background-color);\n  color: var(--primary-text-color);\n}\n.icon_9ccfaedede svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  fill: currentColor;\n}\n\n.typePositive_199ef0b44c .icon_9ccfaedede {\n  background-color: var(--positive-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeNegative_199ef0b44c .icon_9ccfaedede {\n  background-color: var(--negative-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeWarning_c1850b2df8 .icon_9ccfaedede {\n  background-color: var(--warning-color);\n  color: var(--text-color-on-primary);\n}\n\n.typeDark_69ed6fffa2 .icon_9ccfaedede {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.actionButton_0d993d3be3 {\n  flex-shrink: 0;\n}\n\n.actionButton_0d993d3be3.withTransition_f99541b575 {\n  opacity: 0;\n  animation: bounceIn_7bb98f1d27 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n\n.actionLink_06d2b02063 {\n  flex-shrink: 0;\n}\n\n.content_f83a12be76 {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.textContent_525a1053e1 {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n}\n\n.message_c144e9ac89 {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.enterActive_0269bf0142 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_569d5cad70;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n\n.exitActive_0b88ba48e1 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_d4196c2731;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n\n.closeButton_d734f1e7af {\n  flex-shrink: 0;\n  margin: 0;\n}\n\n@keyframes slideIn_569d5cad70 {\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_d4196c2731 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_7bb98f1d27 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i from"classnames";import r from"react";import e from"../../Link/Link.js";import m from"./ToastLink.module.scss.js";var o=function(o){var d=o.className,n=o.id,c=o["data-testid"],l=t(o,["className","id","data-testid"]),f=i(m.actionLink,d);return r.createElement(e,Object.assign({},l,{className:f,id:n,"data-testid":c||s(a.TOAST_LINK,n)}))};export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i from"classnames";import e from"react";import r from"./ToastLink.module.scss.js";import m from"../../../../components/link/dist/Link/Link.js";var o=function(o){var n=o.className,d=o.id,c=o["data-testid"],l=t(o,["className","id","data-testid"]),f=i(r.actionLink,n);return e.createElement(m,Object.assign({},l,{className:f,id:d,"data-testid":c||s(a.TOAST_LINK,d)}))};export{o as default};
 //# sourceMappingURL=ToastLink.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastLink.js","sources":["../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport Link, { type LinkProps } from \"~~../../Link~~/~~Link~~\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n const classNames = cx(styles.actionLink, className);\n return (\n <Link\n {...linkProps}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n />\n );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"~~qQASA~~,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,EAA/CC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,EAACC,cAAAC,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAH,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}
1	+ {"version":3,"file":"ToastLink.js","sources":["../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n const classNames = cx(styles.actionLink, className);\n return (\n <Link\n {...linkProps}\n className={classNames}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n />\n );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"gSASA,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,EAA/CC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,EAACC,cAAAC,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAH,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}

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

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_ddd44bf82d"};!function(e){const t="s_id-db91e2844cab_4_5_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_ddd44bf82d {\n  color: var(--link-color);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}");export{e as default};
+var e={actionLink:"actionLink_c488f2211d"};!function(e){const t="s_id-db91e2844cab_4_5_10";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_c488f2211d {\n  color: var(--link-color);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\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_ed5ed95f1d","focus-visible":"focus-visible_93d0f127c5",selected:"selected_c97e99d0c3",notSelected:"notSelected_92fc752293",disabled:"disabled_3d8668c5e1",medium:"medium_55fc3f9051",small:"small_54aa86d786",noSpacing:"noSpacing_fd075fcbaa"};!function(e){const n="s_id-5e47b8a7e8fd_4_5_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)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_ed5ed95f1d {\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(--space-8);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_ed5ed95f1d:focus-visible, .toggle_ed5ed95f1d.focus-visible_93d0f127c5 {\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_ed5ed95f1d:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.toggle_ed5ed95f1d::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: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_ed5ed95f1d.selected_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n.toggle_ed5ed95f1d.selected_c97e99d0c3::after {\n  inset-inline-start: 20px;\n}\n.toggle_ed5ed95f1d.notSelected_92fc752293 {\n  background-color: var(--ui-border-color);\n}\n.toggle_ed5ed95f1d.notSelected_92fc752293::after {\n  inset-inline-start: 3px;\n}\n.toggle_ed5ed95f1d.disabled_3d8668c5e1 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_ed5ed95f1d.medium_55fc3f9051 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_ed5ed95f1d.medium_55fc3f9051::after {\n  --circle-size: 18px;\n}\n.toggle_ed5ed95f1d.small_54aa86d786 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_ed5ed95f1d.small_54aa86d786::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_ed5ed95f1d.small_54aa86d786.notSelected_92fc752293::after {\n  inset-inline-start: 2px;\n}\n.toggle_ed5ed95f1d.noSpacing_fd075fcbaa {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_97a3ab0164","focus-visible":"focus-visible_8345afc3b6",selected:"selected_ef5d848750",notSelected:"notSelected_4fcadc605d",disabled:"disabled_2ed245a7c2",medium:"medium_cbf3de7bb2",small:"small_be8ff60746",noSpacing:"noSpacing_0ad2698902"};!function(e){const n="s_id-5e47b8a7e8fd_4_5_10";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)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_97a3ab0164 {\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(--space-8);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_97a3ab0164:focus-visible, .toggle_97a3ab0164.focus-visible_8345afc3b6 {\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_97a3ab0164:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.toggle_97a3ab0164::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: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_97a3ab0164.selected_ef5d848750 {\n  background-color: var(--primary-color);\n}\n.toggle_97a3ab0164.selected_ef5d848750::after {\n  inset-inline-start: 20px;\n}\n.toggle_97a3ab0164.notSelected_4fcadc605d {\n  background-color: var(--ui-border-color);\n}\n.toggle_97a3ab0164.notSelected_4fcadc605d::after {\n  inset-inline-start: 3px;\n}\n.toggle_97a3ab0164.disabled_2ed245a7c2 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_97a3ab0164.medium_cbf3de7bb2 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_97a3ab0164.medium_cbf3de7bb2::after {\n  --circle-size: 18px;\n}\n.toggle_97a3ab0164.small_be8ff60746 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_97a3ab0164.small_be8ff60746::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_97a3ab0164.small_be8ff60746.notSelected_4fcadc605d::after {\n  inset-inline-start: 2px;\n}\n.toggle_97a3ab0164.noSpacing_0ad2698902 {\n  margin: 0;\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_7949eded4b","focus-visible":"focus-visible_05bd10b368",toggleFocusTarget:"toggleFocusTarget_93d0f127c5",wrapper:"wrapper_0b63b70cea"};!function(e){const t="s_id-679f544f6e7c_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_7949eded4b:focus-visible, .toggleInput_7949eded4b.focus-visible_05bd10b368 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_7949eded4b:focus-visible ~ .toggleFocusTarget_93d0f127c5, .toggleInput_7949eded4b.focus-visible_05bd10b368 ~ .toggleFocusTarget_93d0f127c5 {\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_0b63b70cea {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_830e1bbba0","focus-visible":"focus-visible_a9525a31ca",toggleFocusTarget:"toggleFocusTarget_8345afc3b6",wrapper:"wrapper_981c23e9d8"};!function(e){const t="s_id-679f544f6e7c_4_5_10";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)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_830e1bbba0:focus-visible, .toggleInput_830e1bbba0.focus-visible_a9525a31ca { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_830e1bbba0:focus-visible ~ .toggleFocusTarget_8345afc3b6, .toggleInput_830e1bbba0.focus-visible_a9525a31ca ~ .toggleFocusTarget_8345afc3b6 {\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_981c23e9d8 {\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_bced8b6bab",disabled:"disabled_4869e95406"};!function(e){const t="s_id-1dee71639eb3_4_5_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_bced8b6bab {\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_4869e95406 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_5c1e2a2082",disabled:"disabled_825aef32ab"};!function(e){const t="s_id-1dee71639eb3_4_5_10";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_5c1e2a2082 {\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_825aef32ab {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as s}from"react";import u from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/usePrevious/index.js";import h from"../../hooks/useThrottledCallback.js";import{getTestId as I,ComponentDefaultTestId as p}from"../../tests/testIds.js";import g from"./VirtualizedGrid.module.scss.js";import{useMergeRef as w}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as R}from"../../../shared/dist/utils/function-utils.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=t.getRowHeight,N=void 0===z?function(){return 50}:z,M=t.getColumnWidth,k=void 0===M?function(){return 100}:M,E=t.getItemId,V=void 0===E?function(r,e){return r.id}:E,W=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?R:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,P=void 0===F?R:F,q=t.onVerticalScrollbarVisiblityChange,B=void 0===q?null:q,L=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=v(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),sr=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),ur=w(x,or),cr=sr.current,ar=i((function(r){var e=N();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[N]),dr=i((function(r,e){var t=V(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[V]),mr=l((function(){return d(j,dr,ar)}),[j,dr,ar]),fr=l((function(){return Math.min(j.length,Math.floor(rr/k()))}),[j,rr,k]),vr=l((function(){return fr>0?Math.ceil(j.length/fr):0}),[j,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(cr.scrollOffsetInitial=t),W&&W(e,t,o)}),[W,lr,cr]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return C(j[e],e,r.style)}),[j,C,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),P(r,e)}),0)}),[Q,rr,P]),Rr=h((function(r){if(O){var e=m(j,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,j,mr,dr,Q]);return s((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),s((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),s((function(){if(B){var r=f(j,mr,dr,Q);nr.current!==r&&(nr.current=r,B(r))}}),[B,j,mr,Q,dr]),e.createElement("div",{ref:ur,className:u(g.virtualizedGridWrapper,T),id:S,"data-testid":Z||I(p.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(c,{ref:ir,height:t,width:o,columnWidth:k,columnCount:fr,rowHeight:N,rowCount:vr,onScroll:pr,onItemsRendered:Rr,className:L},gr)})))}));export{x as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as s}from"react";import u from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/useThrottledCallback.js";import{getTestId as h,ComponentDefaultTestId as I}from"../../tests/testIds.js";import p from"./VirtualizedGrid.module.scss.js";import g from"../../../hooks/dist/usePrevious/index.js";import{useMergeRef as w}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as R}from"../../../shared/dist/utils/function-utils.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=t.getRowHeight,N=void 0===z?function(){return 50}:z,M=t.getColumnWidth,k=void 0===M?function(){return 100}:M,E=t.getItemId,V=void 0===E?function(r,e){return r.id}:E,W=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?R:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,P=void 0===F?R:F,q=t.onVerticalScrollbarVisiblityChange,B=void 0===q?null:q,L=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=g(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),sr=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),ur=w(x,or),cr=sr.current,ar=i((function(r){var e=N();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[N]),dr=i((function(r,e){var t=V(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[V]),mr=l((function(){return d(j,dr,ar)}),[j,dr,ar]),fr=l((function(){return Math.min(j.length,Math.floor(rr/k()))}),[j,rr,k]),vr=l((function(){return fr>0?Math.ceil(j.length/fr):0}),[j,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(cr.scrollOffsetInitial=t),W&&W(e,t,o)}),[W,lr,cr]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return C(j[e],e,r.style)}),[j,C,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),P(r,e)}),0)}),[Q,rr,P]),Rr=v((function(r){if(O){var e=m(j,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,j,mr,dr,Q]);return s((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),s((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),s((function(){if(B){var r=f(j,mr,dr,Q);nr.current!==r&&(nr.current=r,B(r))}}),[B,j,mr,Q,dr]),e.createElement("div",{ref:ur,className:u(p.virtualizedGridWrapper,T),id:S,"data-testid":Z||h(I.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(c,{ref:ir,height:t,width:o,columnWidth:k,columnCount:fr,rowHeight:N,rowCount:vr,onScroll:pr,onItemsRendered:Rr,className:L},gr)})))}));export{x as default};
 //# sourceMappingURL=VirtualizedGrid.js.map