npm - @vibe/core - Versions diffs - 4.5.10 → 4.5.12 - Mend

@vibe/core 4.5.10 → 4.5.12

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 (393) hide show

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, { 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 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 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 className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n 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","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","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","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 \"@vibe/a11y\";\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 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 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 className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n 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","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","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"0nCAyMMA,IAAAA,EAAYC,GAChB,SAAAC,EAkDEC,GACE,IAAAC,EAAAF,EAjDAG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EAChBO,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAKR,EAALQ,MAAKC,EAAAT,EACLU,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACfa,OAAAA,OAASF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAd,EACbe,QAAAA,OAAUJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAhB,EACdiB,UAAAA,OAAYN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUR,IAAHO,EAAGP,EAAIO,EAAAE,EAAApB,EACdqB,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EAChBuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAA1B,EAChB2B,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAA5B,EAChB6B,OAAAA,QAASlB,IAAHiB,EAAGjB,EAAIiB,EACPE,GAAQ9B,EAAd+B,KACAC,GAAiBhC,EAAjBgC,kBAAiBC,GAAAjC,EACjBkC,GAAAA,QAAK,IAAHD,GAAG,QAAOA,GAAAE,GAAAnC,EACZoC,MAAAA,QAAQ,IAAHD,GAAG,GAAEA,GAAAE,GAAArC,EACVsC,KAAAA,QAAO,IAAHD,GAAG,QAAOA,GAAAE,GAAAvC,EACdwC,WAAAA,QAAa,IAAHD,GAAG,KAAIA,GAAAE,GAAAzC,EACjB0C,iBAAAA,QAAmB,IAAHD,GAAG,GAAEA,GAAAE,GAAA3C,EACrB4C,YAAAA,QAAcjC,IAAHgC,GAAGhC,EAAIgC,GAAAE,GAAA7C,EAClB8C,iBAAAA,QAAmB,IAAHD,IAAQA,GACxBE,GAAa/C,EAAb+C,cAAaC,GAAAhD,EACbiD,cAAAA,QAAgB,IAAHD,IAAQA,GACrBE,GAAclD,EAAdkD,eAAcC,GAAAnD,EACdoD,yBAAAA,QAA2B,IAAHD,GAAG,GAAEA,GAAAE,GAAArD,EAC7BsD,iBAAAA,QAAmB,IAAHD,GAAG,GAAEA,GACrBE,GAASvD,EAATuD,UACAC,GAAkBxD,EAAlBwD,mBAAkBC,GAAAzD,EAClB0D,KAAAA,QAAO,IAAHD,GAAG,OAAMA,GAAAE,GAAA3D,EACb4D,UAAAA,QAAY,IAAHD,GAAG,KAAIA,GAAAE,GAAA7D,EAChB8D,wBAAAA,QAA0B,IAAHD,IAAQA,GAAAE,GAAA/D,EAC/BgE,KAAAA,QAAO,IAAHD,IAAQA,GAAAE,GAAAjE,EACZkE,KAAAA,QAAO,IAAHD,GAAG,GAAEA,GAAAE,GAAAnE,EACToE,SAAAA,QAAW,IAAHD,IAAQA,GAAAE,GAAArE,EAChBsE,kBAAAA,QAAoB,IAAHD,GAAG,GAAEA,GAAAE,GAAAvE,EACtBwE,QAAAA,QAAU,IAAHD,IAAQA,GACAE,GAAUzE,EAAzB,eACA0E,GAAmB1E,EAAnB0E,oBACAC,GAAQ3E,EAAR2E,SAAQC,GAAA5E,EACR6E,UAAAA,QAAY,IAAHD,IAAQA,GACjBE,GAAI9E,EAAJ8E,KAAIC,GAAA/E,EACJgF,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAkBjF,EAAlBiF,mBACAC,GAAuBlF,EAAvBkF,wBACAC,GAAGnF,EAAHmF,IAIFC,GAAoDC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA5DI,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GAE1CI,GAAWC,EAAO,MAClBC,GAAYC,EAAY5F,EAAKyF,GAAU7D,IAEvCiE,GAAiBC,GACrB,SAACC,GACK5B,KAAa4B,EAAEC,OAAOzF,OACxBiF,IAAsB,GAExB5E,EAAOmF,EACT,GACA,CAACnF,EAAQuD,KAGL8B,GAAmBH,GACvB,SAACvF,EAAewF,GACVR,IAAsBhF,GACxBiF,IAAsB,GAGxB/E,EAASF,EADKwF,GAAK,CAAEC,OAAQP,GAASS,SAExC,GACA,CAACzF,EAAU8E,KAGbY,GAIIC,EAAiB,CACnBC,MAAOjF,EACPX,SAAUwF,GACVK,kBAAmB/F,EACnBwD,KAAAA,KAPYwC,GAAiBJ,GAA7BK,WACAC,GAAcN,GAAdM,eACAC,GAAUP,GAAVO,WAQIF,GAAaG,GAAQ,WACzB,OAAO5B,GAAaxE,EAAQgG,EAC7B,GAAE,CAACxB,GAAYxE,EAAOgG,KAEjBK,GAAed,GACnB,SAAAe,GACE9B,GAAakB,GAAiBY,EAAMb,OAAOzF,MAAOsG,GAASJ,GAAeI,EAC3E,GACD,CAAC9B,GAAYkB,GAAkBQ,KAG3BK,GAAuBH,GAAQ,WACnC,OAAI5E,IACKyE,GAAazE,GAEfF,EACR,GAAE,CAACA,GAAUE,GAAmByE,KAE3BO,GAAsBjB,GAAY,WAClCtE,IAIAqB,KACE4C,GAASS,SACXT,GAASS,QAAQc,QAGnBvB,GAASS,QAAQ3F,MAAQ,GACzBwE,GAAakB,GAAiB,IAAMS,MAEtC/D,GAAYmE,IACd,GAAG,CAACtF,EAAUqB,GAAkBF,GAAamE,GAAsB/B,GAAYkB,GAAkBS,KAE3FO,GAAkBN,GAAQ,WAC9B,MAAyB,iBAAdhD,IAA0B6C,IAAcA,GAAWU,OAASvD,GAC9DwD,EAAiBC,MAGpB7E,IAAeA,GAAW8E,QAAY9B,GAIrC4B,EADQ5B,GAAqB,QAAUhD,GAAW8E,QAFhD,EAIV,GAAE,CAAC1D,GAAWpB,GAAYgD,GAAoBiB,KAEzCc,GAAUzF,IAAYE,GACtBwF,GACJvE,IAAkBT,IAAcA,GAAWiF,MAAUjC,IAAsBlB,GACvEoD,GAAc1F,KAAsB+E,GACpCY,GAAY7F,KAAaiF,GACzBa,IACHhF,KAAgBjC,GAAQ4C,IAAa0B,KAAuBwB,IAAc3E,GAASqF,QAAUQ,GAC1FE,IAA8B7F,IAAqBkD,KAA4BwC,MAAiBjB,GAChGqB,GAAgChE,GAAuB,GAAAiE,OAAM7F,4CAAuC8F,EAE1GC,GAAU,WACR,IAAKvC,cAAA,EAAAA,GAAUS,UAAY5E,EAA3B,CAIA,IAAM2G,EAAiBC,uBAAsB,WAAA,OAAMzC,GAASS,QAAQc,WACpE,OAAO,WAAA,OAAMmB,qBAAqBF,EAAe,CAHjD,CAIF,GAAG,CAACxC,GAAUnE,IAEd,IAAM8G,GAA2BzF,KAAgBjC,GAAQmC,GAEnDwF,GAAuB/E,IAAa0B,GACpCsD,GAAyB/E,IAAsB0B,GAErD,OACEsD,EACEC,cAAA,MAAA,CAAAtI,UAAWuI,EAAGC,EAAOC,UAAWlG,GAAgBmG,EAAAA,KAC7CF,EAAOlH,SAAWA,GAClBkH,EAAOG,cAAgBjE,KAE1BX,KAAMA,eACKM,IAEXgE,EAAAC,cAAA,MAAA,CAAKtI,UAAWuI,EAAGC,EAAOI,eACxBP,EAAAC,cAACO,EAAW,CAAAC,UAAW7G,GAAOL,KAAMgB,GAAemG,SAAUhH,GAAIkC,SAAUA,KAC3EoE,EAAAC,cAAA,MAAA,CAAKtI,UAAWuI,EAAGC,EAAOQ,aAAcC,EAAY9G,IAAO4E,KAGzDsB,EACEC,cAAA,QAAA,CAAAtI,UAAWuI,EAAGvI,EAAWwI,EAAOU,MAAKR,EAAAA,EAAA,CAAA,EAClCF,EAAOW,eAAiB/B,IACxBoB,EAAOY,SAAW5H,IAErBtB,YAAaA,EACbE,aAAcA,EACdC,MAAOiG,GACP/F,SAAUmG,GACVpF,SAAUA,EACV8H,SAAU5H,EACV1B,IAAK2F,GACLlC,KAAMA,GACNxB,GAAIA,GAAE,cACOuC,IAAc+E,EAAUC,EAAuBC,WAAYxH,IAAG,YAChEyH,EAAgBD,WAC3B5E,KAAMA,GACNjE,OAAQiF,GACR/E,QAASA,EACTE,UAAWA,EACXE,QAASA,EACTyC,UAAgC,iBAAdA,IAA2BE,QAAsCkE,EAAZpE,GACvEM,KAAMd,IAA4B,WAAU,aAChCF,IAAkB7C,EAChB,eAACmC,IAAoC,UAAtBA,GAAW8E,QAAuB9B,GACpD,YAAApC,2BACYE,GAAgB,gBACxBc,GAAQ,mBACL0D,GAClB1D,SAAUA,GACVO,SAAUA,GACVQ,IAAKA,KAENX,IACCgE,EAAAC,cAAA,MAAA,CACEtI,UAAWuI,EAAGC,EAAOiB,gBAAef,EAAA,CAAA,EACjCF,EAAOkB,uBAAyBtC,MAGnCiB,EAAAC,cAAA,MAAA,CAAKtI,UAAWuI,EAAGC,EAAOmB,SACxBtB,EAAAC,cAACsB,EAAM,CAAC5J,UAAWuI,EAAGC,EAAOqB,eAIlClI,IACC0G,EAACC,cAAAwB,GACCC,QAASvC,GAAY1C,QAAqB+C,EAC1CmC,0BAA2BxB,EAAOyB,kBAElC5B,EAACC,cAAA4B,GACClK,UAAWuI,EAAGC,EAAO2B,cAAazB,EAAAA,EAAAA,KAC/BF,EAAO4B,qBAAuBhD,IAC9BoB,EAAO6B,oBAAsB7C,IAC7BgB,EAAO8B,uBAAyBpC,KAEnCqC,QAAS1D,GACTrC,SAAUiD,GAA2B,GAAK,eAC9BU,IAEZE,EAAAC,cAACkC,EAAI,CACH5I,KAAMD,GACN3B,UAAWuI,EAAGC,EAAO5G,MACrB2B,KAAK,OACLpB,KAAe,UAATA,GAAmB,OAAS,WAKzCN,IACCwG,EAACC,cAAAwB,GACCC,QAASxC,GAAcxC,QAA0B8C,EACjD4C,wCACAT,0BAA2BxB,EAAOyB,kBAElC5B,EAACC,cAAA4B,GACClK,UAAWuI,EAAGC,EAAO2B,cAAazB,EAAAA,EAAAA,KAC/BF,EAAO4B,qBAAuBhD,IAC9BoB,EAAO6B,oBAAsB9C,IAC7BiB,EAAO8B,uBAAyBpC,KAEnCqC,QAAS1D,GACTrC,SAAUkD,GAA6B,GAAK,EAAC,cAChCnD,IAAuB8E,EAAUC,EAAuBoB,4BAA6B3I,iBACtFqG,IAEZC,EAAAC,cAACkC,EACC,CAAA5I,KAAMC,GACN7B,UAAWuI,EAAGC,EAAO5G,MACrB2B,KAAK,OACLpB,KAAe,UAATA,GAAmB,OAAS,YAM3CkF,IACCgB,EAACC,cAAAqC,GAAKpH,KAAK,QAAQqH,MAAM,YAAY5K,UAAWuI,EAAGC,EAAOqC,oBACrDxI,IAAcA,GAAWiF,MAAUjC,IAAsBlB,KAC1DkE,wBAAMrI,UAAWuI,EAAGC,EAAOsC,yBACxBzF,GAAqBlB,GAAoB9B,GAAWiF,MAGxDxE,IACCuF,EAAMC,cAAA,OAAA,CAAAtI,UAAWuI,EAAGC,EAAOuC,SAAsB,aAAAC,EAAmBC,MAChE3E,IAAcA,GAAWU,QAAW,EAChB,iBAAdvD,IAAsBmE,IAAAA,OAAQnE,IACtC4E,EAAAC,cAAC4C,EAAW,CAAAnJ,GAAI4F,GAA+BL,KAAI,cAAAM,OAAgBnE,GAAS,oBAQ5F"}

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

@@ -1,2 +1,2 @@
-var e={textField:"textField_f4a0c00ceb",labelWrapper:"labelWrapper_91e387bab7",subTextContainer:"subTextContainer_392850a8b6",counter:"counter_292d3e0d17",disabled:"disabled_b603ded53b",icon:"icon_b5825e7f68",inputWrapper:"inputWrapper_b5825e7f68",input:"input_a10d1ce6b9",iconContainer:"iconContainer_848662f148",iconContainerHasIcon:"iconContainerHasIcon_3b8965af34",readOnly:"readOnly_417ce3ee25",inputHover:"inputHover_4a96dbc333",inputActive:"inputActive_3842414e71",inputHasIcon:"inputHasIcon_64d06dbbae",round:"round_74e9ce3a2e",square:"square_40e2f52feb",onlyUnderline:"onlyUnderline_eaa07d6758",tooltipContainer:"tooltipContainer_aa87abb890",wrapperSizeMedium:"wrapperSizeMedium_e0f26c6715",wrapperSizeLarge:"wrapperSizeLarge_34709c7efb",iconContainerActive:"iconContainerActive_6c9183559a",iconContainerClickable:"iconContainerClickable_3c325dc350",inputErrorValidation:"inputErrorValidation_3b8965af34",subTextContainerStatus:"subTextContainerStatus_cc870dd5c3",inputSuccessValidation:"inputSuccessValidation_17ea20668e",wrapperSizeSmall:"wrapperSizeSmall_c24d01fa8f",inputWrapperSizeSmall:"inputWrapperSizeSmall_5f6b14eaab",loaderContainer:"loaderContainer_fd08dd7cbb",loaderContainerHasIcon:"loaderContainerHasIcon_69f5c21a64",loader:"loader_8b0b6c39d5",loaderSvg:"loaderSvg_d7e0fa106b"};!function(e){const n="s_id-c26ff539ba97_4_5_9";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_f4a0c00ceb {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_f4a0c00ceb * {\n  box-sizing: border-box;\n}\n.textField_f4a0c00ceb .labelWrapper_91e387bab7 {\n  width: 100%;\n}\n.textField_f4a0c00ceb .subTextContainer_392850a8b6 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField_f4a0c00ceb .subTextContainer_392850a8b6 .counter_292d3e0d17 {\n  margin-inline-start: auto;\n}\n.textField_f4a0c00ceb.disabled_b603ded53b .icon_b5825e7f68 {\n  cursor: not-allowed;\n}\n.textField_f4a0c00ceb.disabled_b603ded53b .inputWrapper_b5825e7f68 {\n  cursor: not-allowed;\n}\n.textField_f4a0c00ceb.disabled_b603ded53b .inputWrapper_b5825e7f68 .input_a10d1ce6b9 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_f4a0c00ceb.disabled_b603ded53b .inputWrapper_b5825e7f68 .input_a10d1ce6b9::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_f4a0c00ceb.disabled_b603ded53b .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerHasIcon_3b8965af34:hover {\n  background-color: transparent;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 {\n  width: 100%;\n  position: relative;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--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_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.readOnly_417ce3ee25 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.inputHover_4a96dbc333 {\n  border-color: var(--primary-text-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9:focus,\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9:active,\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.inputActive_3842414e71 {\n  border-color: var(--primary-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.inputHasIcon_64d06dbbae {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.round_74e9ce3a2e {\n  border-radius: 50px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.square_40e2f52feb {\n  border-radius: 0;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .input_a10d1ce6b9.onlyUnderline_eaa07d6758 {\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.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .tooltipContainer_aa87abb890 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .tooltipContainer_aa87abb890 {\n  width: 40px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .tooltipContainer_aa87abb890 {\n  width: 46px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148 {\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.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerActive_6c9183559a.iconContainerHasIcon_3b8965af34.iconContainerClickable_3c325dc350 {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerActive_6c9183559a.iconContainerHasIcon_3b8965af34:not(.iconContainerClickable_3c325dc350) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerActive_6c9183559a {\n  opacity: 1;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerActive_6c9183559a .icon_b5825e7f68 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerHasIcon_3b8965af34.iconContainerClickable_3c325dc350:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148.iconContainerHasIcon_3b8965af34.iconContainerClickable_3c325dc350:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .iconContainer_848662f148 .icon_b5825e7f68 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34:hover .input_a10d1ce6b9 {\n  border-color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 .input_a10d1ce6b9 {\n  border-color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 .input_a10d1ce6b9:focus,\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 .input_a10d1ce6b9:active {\n  border-color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 .iconContainer_848662f148 .icon_b5825e7f68 {\n  color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 .iconContainer_848662f148 .icon_b5825e7f68:hover {\n  color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 + .subTextContainer_392850a8b6 .subTextContainerStatus_cc870dd5c3,\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputErrorValidation_3b8965af34 + .subTextContainer_392850a8b6 .counter_292d3e0d17 {\n  color: var(--negative-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e:hover .input_a10d1ce6b9 {\n  border-color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e .input_a10d1ce6b9 {\n  border-color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e .input_a10d1ce6b9:focus,\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e .input_a10d1ce6b9:active {\n  border-color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e .iconContainer_848662f148 .icon_b5825e7f68 {\n  color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e .iconContainer_848662f148 .icon_b5825e7f68:hover {\n  color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputSuccessValidation_17ea20668e + .subTextContainer_392850a8b6 .subTextContainerStatus_cc870dd5c3 {\n  color: var(--positive-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeSmall_c24d01fa8f {\n  height: 32px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeSmall_c24d01fa8f .input_a10d1ce6b9 {\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.textField_f4a0c00ceb .inputWrapper_b5825e7f68.inputWrapperSizeSmall_5f6b14eaab .input_a10d1ce6b9.inputHasIcon_64d06dbbae.onlyUnderline_eaa07d6758 {\n  padding-inline-start: var(--space-4);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 {\n  height: 40px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .input_a10d1ce6b9 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .input_a10d1ce6b9.inputHasIcon_64d06dbbae {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .input_a10d1ce6b9.inputHasIcon_64d06dbbae.onlyUnderline_eaa07d6758 {\n  padding-inline-start: 4px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .iconContainer_848662f148 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .iconContainer_848662f148:hover + .iconContainer_848662f148 + .input_a10d1ce6b9 {\n  border-color: var(--primary-text-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb {\n  height: 48px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .input_a10d1ce6b9 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .input_a10d1ce6b9.inputHasIcon_64d06dbbae {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .input_a10d1ce6b9.inputHasIcon_64d06dbbae.onlyUnderline_eaa07d6758 {\n  padding-inline-start: var(--space-4);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .iconContainer_848662f148 {\n  height: 40px;\n  width: 40px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68:hover .input_a10d1ce6b9 {\n  border-color: var(--primary-text-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .loaderContainer_fd08dd7cbb {\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.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .loaderContainer_fd08dd7cbb.loaderContainerHasIcon_69f5c21a64 {\n  inset-inline-end: 32px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .loaderContainer_fd08dd7cbb .loader_8b0b6c39d5 {\n  width: 16px;\n  height: 16px;\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68 .loaderContainer_fd08dd7cbb .loader_8b0b6c39d5 .loaderSvg_d7e0fa106b {\n  color: var(--secondary-text-color);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeMedium_e0f26c6715 .iconContainer_848662f148 .icon_b5825e7f68 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_f4a0c00ceb .inputWrapper_b5825e7f68.wrapperSizeLarge_34709c7efb .iconContainer_848662f148 .icon_b5825e7f68 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
+var e={textField:"textField_526d886e04",labelWrapper:"labelWrapper_c172a50999",subTextContainer:"subTextContainer_a6f65304e4",counter:"counter_bf68bfaef2",disabled:"disabled_7ba1e10902",icon:"icon_7b878cf657",inputWrapper:"inputWrapper_7b878cf657",input:"input_1ddc06d770",iconContainer:"iconContainer_029ad08e86",iconContainerHasIcon:"iconContainerHasIcon_cec1b05124",readOnly:"readOnly_f1d9f28ac9",inputHover:"inputHover_668a4b1203",inputActive:"inputActive_d61ed47786",inputHasIcon:"inputHasIcon_71ef5a0a95",round:"round_cf1402aa47",square:"square_e4e971937b",onlyUnderline:"onlyUnderline_9c5d4026e8",tooltipContainer:"tooltipContainer_aa78418e3b",wrapperSizeMedium:"wrapperSizeMedium_b0924cc15d",wrapperSizeLarge:"wrapperSizeLarge_ee7a95e65a",iconContainerActive:"iconContainerActive_22acbc2cf6",iconContainerClickable:"iconContainerClickable_dea0b8a6ca",inputErrorValidation:"inputErrorValidation_cec1b05124",subTextContainerStatus:"subTextContainerStatus_fdf382f586",inputSuccessValidation:"inputSuccessValidation_5b3c25d648",wrapperSizeSmall:"wrapperSizeSmall_13fdb17851",inputWrapperSizeSmall:"inputWrapperSizeSmall_e8dd4d58b4",loaderContainer:"loaderContainer_12e9c81362",loaderContainerHasIcon:"loaderContainerHasIcon_3db8345f27",loader:"loader_d95928d124",loaderSvg:"loaderSvg_b9e32006be"};!function(e){const n="s_id-c26ff539ba97_4_5_11";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/* stylelint-disable */\n/* stylelint-enable */\n.textField_526d886e04 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_526d886e04 * {\n  box-sizing: border-box;\n}\n.textField_526d886e04 .labelWrapper_c172a50999 {\n  width: 100%;\n}\n.textField_526d886e04 .subTextContainer_a6f65304e4 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField_526d886e04 .subTextContainer_a6f65304e4 .counter_bf68bfaef2 {\n  margin-inline-start: auto;\n}\n.textField_526d886e04.disabled_7ba1e10902 .icon_7b878cf657 {\n  cursor: not-allowed;\n}\n.textField_526d886e04.disabled_7ba1e10902 .inputWrapper_7b878cf657 {\n  cursor: not-allowed;\n}\n.textField_526d886e04.disabled_7ba1e10902 .inputWrapper_7b878cf657 .input_1ddc06d770 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_526d886e04.disabled_7ba1e10902 .inputWrapper_7b878cf657 .input_1ddc06d770::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_526d886e04.disabled_7ba1e10902 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerHasIcon_cec1b05124:hover {\n  background-color: transparent;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 {\n  width: 100%;\n  position: relative;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--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_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.readOnly_f1d9f28ac9 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.inputHover_668a4b1203 {\n  border-color: var(--primary-text-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770:focus,\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770:active,\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.inputActive_d61ed47786 {\n  border-color: var(--primary-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.inputHasIcon_71ef5a0a95 {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.round_cf1402aa47 {\n  border-radius: 50px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.square_e4e971937b {\n  border-radius: 0;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .input_1ddc06d770.onlyUnderline_9c5d4026e8 {\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.textField_526d886e04 .inputWrapper_7b878cf657 .tooltipContainer_aa78418e3b {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .tooltipContainer_aa78418e3b {\n  width: 40px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .tooltipContainer_aa78418e3b {\n  width: 46px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86 {\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.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerActive_22acbc2cf6.iconContainerHasIcon_cec1b05124.iconContainerClickable_dea0b8a6ca {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerActive_22acbc2cf6.iconContainerHasIcon_cec1b05124:not(.iconContainerClickable_dea0b8a6ca) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerActive_22acbc2cf6 {\n  opacity: 1;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerActive_22acbc2cf6 .icon_7b878cf657 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerHasIcon_cec1b05124.iconContainerClickable_dea0b8a6ca:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86.iconContainerHasIcon_cec1b05124.iconContainerClickable_dea0b8a6ca:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .iconContainer_029ad08e86 .icon_7b878cf657 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124:hover .input_1ddc06d770 {\n  border-color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 .input_1ddc06d770 {\n  border-color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 .input_1ddc06d770:focus,\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 .input_1ddc06d770:active {\n  border-color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 .iconContainer_029ad08e86 .icon_7b878cf657 {\n  color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 .iconContainer_029ad08e86 .icon_7b878cf657:hover {\n  color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 + .subTextContainer_a6f65304e4 .subTextContainerStatus_fdf382f586,\n.textField_526d886e04 .inputWrapper_7b878cf657.inputErrorValidation_cec1b05124 + .subTextContainer_a6f65304e4 .counter_bf68bfaef2 {\n  color: var(--negative-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648:hover .input_1ddc06d770 {\n  border-color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 .input_1ddc06d770 {\n  border-color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 .input_1ddc06d770:focus,\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 .input_1ddc06d770:active {\n  border-color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 .iconContainer_029ad08e86 .icon_7b878cf657 {\n  color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 .iconContainer_029ad08e86 .icon_7b878cf657:hover {\n  color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.inputSuccessValidation_5b3c25d648 + .subTextContainer_a6f65304e4 .subTextContainerStatus_fdf382f586 {\n  color: var(--positive-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeSmall_13fdb17851 {\n  height: 32px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeSmall_13fdb17851 .input_1ddc06d770 {\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.textField_526d886e04 .inputWrapper_7b878cf657.inputWrapperSizeSmall_e8dd4d58b4 .input_1ddc06d770.inputHasIcon_71ef5a0a95.onlyUnderline_9c5d4026e8 {\n  padding-inline-start: var(--space-4);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d {\n  height: 40px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .input_1ddc06d770 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .input_1ddc06d770.inputHasIcon_71ef5a0a95 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .input_1ddc06d770.inputHasIcon_71ef5a0a95.onlyUnderline_9c5d4026e8 {\n  padding-inline-start: 4px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .iconContainer_029ad08e86 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .iconContainer_029ad08e86:hover + .iconContainer_029ad08e86 + .input_1ddc06d770 {\n  border-color: var(--primary-text-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a {\n  height: 48px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .input_1ddc06d770 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .input_1ddc06d770.inputHasIcon_71ef5a0a95 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .input_1ddc06d770.inputHasIcon_71ef5a0a95.onlyUnderline_9c5d4026e8 {\n  padding-inline-start: var(--space-4);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .iconContainer_029ad08e86 {\n  height: 40px;\n  width: 40px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657:hover .input_1ddc06d770 {\n  border-color: var(--primary-text-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .loaderContainer_12e9c81362 {\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.textField_526d886e04 .inputWrapper_7b878cf657 .loaderContainer_12e9c81362.loaderContainerHasIcon_3db8345f27 {\n  inset-inline-end: 32px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .loaderContainer_12e9c81362 .loader_d95928d124 {\n  width: 16px;\n  height: 16px;\n}\n.textField_526d886e04 .inputWrapper_7b878cf657 .loaderContainer_12e9c81362 .loader_d95928d124 .loaderSvg_b9e32006be {\n  color: var(--secondary-text-color);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeMedium_b0924cc15d .iconContainer_029ad08e86 .icon_7b878cf657 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_526d886e04 .inputWrapper_7b878cf657.wrapperSizeLarge_ee7a95e65a .iconContainer_029ad08e86 .icon_7b878cf657 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_ec238fef64",highlightText:"highlightText_63c85584ca",withEllipsis:"withEllipsis_14f841288b"};!function(e){const t="s_id-42c1fd2afe36_4_5_9";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_ec238fef64 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_ec238fef64 em.highlightText_63c85584ca {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_ec238fef64.withEllipsis_14f841288b {\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_1d67875bda",highlightText:"highlightText_20249a5e8a",withEllipsis:"withEllipsis_5c3a2c3645"};!function(e){const t="s_id-42c1fd2afe36_4_5_11";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_1d67875bda {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_1d67875bda em.highlightText_20249a5e8a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_1d67875bda.withEllipsis_5c3a2c3645 {\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_6d3b22e22f",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_6ac4ee6e54",floating:"floating_bf8aac68b5",tipseenHeader:"tipseenHeader_e2d4a67f72",tipseenTitle:"tipseenTitle_106a5212b5",tipseenContent:"tipseenContent_2dacc2dbac",tipseenCloseButton:"tipseenCloseButton_97dcf9371c",dark:"dark_b7dedc6242"};!function(e){const n="s_id-077bfe37a52b_4_5_9";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_6d3b22e22f {\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_6d3b22e22f.tipseenWrapperWithoutCustomWidth_6ac4ee6e54 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_6d3b22e22f.floating_bf8aac68b5 {\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_6d3b22e22f .tipseenHeader_e2d4a67f72 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_6d3b22e22f .tipseenTitle_106a5212b5 {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_6d3b22e22f .tipseenContent_2dacc2dbac {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_6d3b22e22f .tipseenCloseButton_97dcf9371c {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_6d3b22e22f .tipseenCloseButton_97dcf9371c.dark_b7dedc6242 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_e497a96e2b",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_a6aebd2e85",floating:"floating_e3e27b3fe4",tipseenHeader:"tipseenHeader_e1922b2b4e",tipseenTitle:"tipseenTitle_1ddf663da9",tipseenContent:"tipseenContent_cf1daf5c5d",tipseenCloseButton:"tipseenCloseButton_d0f0bfe3f2",dark:"dark_45cbeb2095"};!function(e){const n="s_id-077bfe37a52b_4_5_11";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_e497a96e2b {\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_e497a96e2b.tipseenWrapperWithoutCustomWidth_a6aebd2e85 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_e497a96e2b.floating_e3e27b3fe4 {\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_e497a96e2b .tipseenHeader_e1922b2b4e {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_e497a96e2b .tipseenTitle_1ddf663da9 {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_e497a96e2b .tipseenContent_cf1daf5c5d {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_e497a96e2b .tipseenCloseButton_d0f0bfe3f2 {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_e497a96e2b .tipseenCloseButton_d0f0bfe3f2.dark_45cbeb2095 {\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_7a75decc02"};!function(e){const n="s_id-6606edb50944_4_5_9";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_7a75decc02 {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_7a75decc02:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_df261745c8"};!function(e){const n="s_id-6606edb50944_4_5_11";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_df261745c8 {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_df261745c8: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_05154609b7",dismiss:"dismiss_8513babfff"};!function(e){const n="s_id-585bd2f4c510_4_5_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons_05154609b7 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_8513babfff {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={buttons:"buttons_0bedadda72",dismiss:"dismiss_711e9724b5"};!function(e){const n="s_id-585bd2f4c510_4_5_11";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_0bedadda72 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_711e9724b5 {\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_3c61696335",colorInverted:"colorInverted_01ad60e792"};!function(e){const d="s_id-71e151b2b729_4_5_9";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_3c61696335 {\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_01ad60e792 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_5201216c74",colorInverted:"colorInverted_5d93f7b9d6"};!function(e){const d="s_id-71e151b2b729_4_5_11";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_5201216c74 {\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_5d93f7b9d6 {\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_e12ad835ab"};!function(e){const t="s_id-c12c5d8f6c34_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_e12ad835ab {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
+var e={title:"title_a3295e0370"};!function(e){const t="s_id-c12c5d8f6c34_4_5_11";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_a3295e0370 {\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_f9562aa18c",tipseenWizardWizard:"tipseenWizardWizard_91e387bab7"};!function(e){const i="s_id-98eba0c83d1f_4_5_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_f9562aa18c {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_91e387bab7 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_40f4ecf9e3",tipseenWizardWizard:"tipseenWizardWizard_c172a50999"};!function(e){const i="s_id-98eba0c83d1f_4_5_11";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_40f4ecf9e3 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_c172a50999 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_be17f55a3d",typeNormal:"typeNormal_23e3d53e4b",typePositive:"typePositive_3f2a48cd87",typeNegative:"typeNegative_b09c32452a",typeWarning:"typeWarning_34ecc1aba3",closeButton:"closeButton_664508972b",actionButton:"actionButton_e7ebcaa0ab",actionLink:"actionLink_0b0a37ace1",typeDark:"typeDark_9057881593",icon:"icon_161f6f5584",withTransition:"withTransition_1e66d8e402",bounceIn:"bounceIn_1b0ffa3e04",content:"content_609bb1b749",textContent:"textContent_4058061915",enterActive:"enterActive_2273b64117",slideIn:"slideIn_ac6858c923",exitActive:"exitActive_bdc81fc7c8",slideOut:"slideOut_f373e019ae"};!function(n){const t="s_id-da2ee7919891_4_5_9";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_be17f55a3d {\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-8);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_be17f55a3d.typeNormal_23e3d53e4b {\n  background-color: var(--primary-color);\n}\n.toast_be17f55a3d.typePositive_3f2a48cd87 {\n  background-color: var(--positive-color);\n}\n.toast_be17f55a3d.typeNegative_b09c32452a {\n  background-color: var(--negative-color);\n}\n.toast_be17f55a3d.typeWarning_34ecc1aba3 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_be17f55a3d.typeWarning_34ecc1aba3 .closeButton_664508972b {\n  color: var(--fixed-dark-color);\n}\n.toast_be17f55a3d.typeWarning_34ecc1aba3 .actionButton_e7ebcaa0ab,\n.toast_be17f55a3d.typeWarning_34ecc1aba3 .actionLink_0b0a37ace1 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_be17f55a3d.typeDark_9057881593 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_be17f55a3d.typeDark_9057881593 .closeButton_664508972b {\n  color: var(--text-color-on-inverted);\n}\n.toast_be17f55a3d.typeDark_9057881593 .actionButton_e7ebcaa0ab,\n.toast_be17f55a3d.typeDark_9057881593 .actionLink_0b0a37ace1 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_161f6f5584 {\n  display: flex;\n  margin-inline-start: var(--space-8);\n}\n.actionButton_e7ebcaa0ab.withTransition_1e66d8e402 {\n  opacity: 0;\n  animation: bounceIn_1b0ffa3e04 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_609bb1b749 {\n  margin: 0 var(--space-8);\n  flex: 1;\n}\n.textContent_4058061915 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_2273b64117 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_ac6858c923;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_bdc81fc7c8 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_f373e019ae;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_664508972b {\n  margin-inline-start: var(--space-8);\n}\n@keyframes slideIn_ac6858c923 {\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_f373e019ae {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_1b0ffa3e04 {\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_0619628d57",typeNormal:"typeNormal_582b910105",typePositive:"typePositive_f205f6bc4c",typeNegative:"typeNegative_8706bf5363",typeWarning:"typeWarning_e581b21453",closeButton:"closeButton_1aa36042f6",actionButton:"actionButton_24561e2979",actionLink:"actionLink_5e7dc4213c",typeDark:"typeDark_21de5ce520",icon:"icon_6ad97ddaa1",withTransition:"withTransition_a1477b15fa",bounceIn:"bounceIn_2c951c257e",content:"content_fbc696171f",textContent:"textContent_6bf4728c6c",enterActive:"enterActive_99ec97a82a",slideIn:"slideIn_c97f7d93a3",exitActive:"exitActive_d7095805cd",slideOut:"slideOut_c207261f2a"};!function(n){const t="s_id-da2ee7919891_4_5_11";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_0619628d57 {\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-8);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_0619628d57.typeNormal_582b910105 {\n  background-color: var(--primary-color);\n}\n.toast_0619628d57.typePositive_f205f6bc4c {\n  background-color: var(--positive-color);\n}\n.toast_0619628d57.typeNegative_8706bf5363 {\n  background-color: var(--negative-color);\n}\n.toast_0619628d57.typeWarning_e581b21453 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_0619628d57.typeWarning_e581b21453 .closeButton_1aa36042f6 {\n  color: var(--fixed-dark-color);\n}\n.toast_0619628d57.typeWarning_e581b21453 .actionButton_24561e2979,\n.toast_0619628d57.typeWarning_e581b21453 .actionLink_5e7dc4213c {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_0619628d57.typeDark_21de5ce520 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_0619628d57.typeDark_21de5ce520 .closeButton_1aa36042f6 {\n  color: var(--text-color-on-inverted);\n}\n.toast_0619628d57.typeDark_21de5ce520 .actionButton_24561e2979,\n.toast_0619628d57.typeDark_21de5ce520 .actionLink_5e7dc4213c {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_6ad97ddaa1 {\n  display: flex;\n  margin-inline-start: var(--space-8);\n}\n.actionButton_24561e2979.withTransition_a1477b15fa {\n  opacity: 0;\n  animation: bounceIn_2c951c257e 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_fbc696171f {\n  margin: 0 var(--space-8);\n  flex: 1;\n}\n.textContent_6bf4728c6c {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_99ec97a82a {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_c97f7d93a3;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_d7095805cd {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_c207261f2a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_1aa36042f6 {\n  margin-inline-start: var(--space-8);\n}\n@keyframes slideIn_c97f7d93a3 {\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_c207261f2a {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_2c951c257e {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_7629e796ab","focus-visible":"focus-visible_a3a9d0fd78",selected:"selected_23e3d53e4b",notSelected:"notSelected_4de17b15dd",disabled:"disabled_16ba298cce",medium:"medium_9318f7949c",small:"small_343e7cb2c6",noSpacing:"noSpacing_6f04deb1b5"};!function(e){const n="s_id-5e47b8a7e8fd_4_5_9";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_7629e796ab {\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_7629e796ab:focus-visible, .toggle_7629e796ab.focus-visible_a3a9d0fd78 {\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_7629e796ab:focus:not(.focus-visible_a3a9d0fd78) {\n  outline: none;\n}\n.toggle_7629e796ab::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_7629e796ab.selected_23e3d53e4b {\n  background-color: var(--primary-color);\n}\n.toggle_7629e796ab.selected_23e3d53e4b::after {\n  inset-inline-start: 20px;\n}\n.toggle_7629e796ab.notSelected_4de17b15dd {\n  background-color: var(--ui-border-color);\n}\n.toggle_7629e796ab.notSelected_4de17b15dd::after {\n  inset-inline-start: 3px;\n}\n.toggle_7629e796ab.disabled_16ba298cce {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_7629e796ab.medium_9318f7949c {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_7629e796ab.medium_9318f7949c::after {\n  --circle-size: 18px;\n}\n.toggle_7629e796ab.small_343e7cb2c6 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_7629e796ab.small_343e7cb2c6::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_7629e796ab.small_343e7cb2c6.notSelected_4de17b15dd::after {\n  inset-inline-start: 2px;\n}\n.toggle_7629e796ab.noSpacing_6f04deb1b5 {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_d9ff385313","focus-visible":"focus-visible_74b0ed67b2",selected:"selected_582b910105",notSelected:"notSelected_015862331d",disabled:"disabled_660102ea21",medium:"medium_7b3475821e",small:"small_8fceece5b1",noSpacing:"noSpacing_c1a1adf1a6"};!function(e){const n="s_id-5e47b8a7e8fd_4_5_11";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_d9ff385313 {\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_d9ff385313:focus-visible, .toggle_d9ff385313.focus-visible_74b0ed67b2 {\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_d9ff385313:focus:not(.focus-visible_74b0ed67b2) {\n  outline: none;\n}\n.toggle_d9ff385313::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_d9ff385313.selected_582b910105 {\n  background-color: var(--primary-color);\n}\n.toggle_d9ff385313.selected_582b910105::after {\n  inset-inline-start: 20px;\n}\n.toggle_d9ff385313.notSelected_015862331d {\n  background-color: var(--ui-border-color);\n}\n.toggle_d9ff385313.notSelected_015862331d::after {\n  inset-inline-start: 3px;\n}\n.toggle_d9ff385313.disabled_660102ea21 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_d9ff385313.medium_7b3475821e {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_d9ff385313.medium_7b3475821e::after {\n  --circle-size: 18px;\n}\n.toggle_d9ff385313.small_8fceece5b1 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_d9ff385313.small_8fceece5b1::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  inset-inline-start: 14px;\n}\n.toggle_d9ff385313.small_8fceece5b1.notSelected_015862331d::after {\n  inset-inline-start: 2px;\n}\n.toggle_d9ff385313.noSpacing_c1a1adf1a6 {\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_df3983707c","focus-visible":"focus-visible_b6e1ce32dc",toggleFocusTarget:"toggleFocusTarget_a3a9d0fd78",wrapper:"wrapper_031fab9f5b"};!function(e){const t="s_id-679f544f6e7c_4_5_9";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_df3983707c:focus-visible, .toggleInput_df3983707c.focus-visible_b6e1ce32dc { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_df3983707c:focus-visible ~ .toggleFocusTarget_a3a9d0fd78, .toggleInput_df3983707c.focus-visible_b6e1ce32dc ~ .toggleFocusTarget_a3a9d0fd78 {\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.wrapper_031fab9f5b {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_e68cd3e68b","focus-visible":"focus-visible_27628a1fa6",toggleFocusTarget:"toggleFocusTarget_74b0ed67b2",wrapper:"wrapper_b1594093a1"};!function(e){const t="s_id-679f544f6e7c_4_5_11";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_e68cd3e68b:focus-visible, .toggleInput_e68cd3e68b.focus-visible_27628a1fa6 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_e68cd3e68b:focus-visible ~ .toggleFocusTarget_74b0ed67b2, .toggleInput_e68cd3e68b.focus-visible_27628a1fa6 ~ .toggleFocusTarget_74b0ed67b2 {\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.wrapper_b1594093a1 {\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_ba61644651",disabled:"disabled_333d9c2fa9"};!function(e){const t="s_id-1dee71639eb3_4_5_9";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_ba61644651 {\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_333d9c2fa9 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_d46639a9b2",disabled:"disabled_1b974e3cf1"};!function(e){const t="s_id-1dee71639eb3_4_5_11";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_d46639a9b2 {\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_1b974e3cf1 {\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_767993a686"};!function(e){const t="s_id-1d828e3be878_4_5_9";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_767993a686 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_3db45e992b"};!function(e){const t="s_id-1d828e3be878_4_5_11";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_3db45e992b {\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.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_fda5297ccd"};!function(e){const t="s_id-9250e4cf6c59_4_5_9";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper_fda5297ccd {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_4fe86a3c21"};!function(e){const t="s_id-9250e4cf6c59_4_5_11";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.virtualizedListWrapper_4fe86a3c21 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/components/next/List/List.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={list:"list_1d37a3e0dc"};!function(e){const t="s_id-39e4d9ed645a_4_5_9";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)}(".list_1d37a3e0dc {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}");export{e as default};
+var e={list:"list_a32af3372c"};!function(e){const t="s_id-39e4d9ed645a_4_5_11";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)}(".list_a32af3372c {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_5e6039051f",small:"small_0a1be3244e",medium:"medium_8516599d47",large:"large_8516599d47",sticky:"sticky_51ad092b7a"};!function(e){const n="s_id-7bd0f1d1374d_4_5_9";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.listTitle_5e6039051f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  border-radius: var(--border-radius-small);\n}\n.small_0a1be3244e {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_8516599d47 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_8516599d47 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_51ad092b7a {\n  position: sticky;\n  inset-block-start: 0;\n  background-color: var(--primary-background-color);\n  z-index: 1;\n}");export{e as default};
+var e={listTitle:"listTitle_48012e6a1f",small:"small_8942e486d6",medium:"medium_7e30ebf34f",large:"large_7e30ebf34f",sticky:"sticky_7895b25064"};!function(e){const n="s_id-7bd0f1d1374d_4_5_11";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.listTitle_48012e6a1f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  border-radius: var(--border-radius-small);\n}\n.small_8942e486d6 {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_7e30ebf34f {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_7e30ebf34f {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_7895b25064 {\n  position: sticky;\n  inset-block-start: 0;\n  background-color: var(--primary-background-color);\n  z-index: 1;\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

package/dist/src/hooks/useFullKeyboardListeners.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as n,useCallback as e,useEffect as o}from"react";import{noop as t}from"es-toolkit";import{useKeyEvent as r}from"../../shared/dist/hooks/useKeyEvent.js";var c;!function(n){n.UP="up",n.DOWN="down",n.LEFT="left",n.RIGHT="right"}(c||(c={}));var a=["ArrowDown"],s=["ArrowUp"],i=["ArrowRight"],l=["ArrowLeft"],u=["Enter"," "],f=["Enter"],k=["Escape"],v=["End"],b=["Home"];function d(f){var d=f.ref,g=f.onSelectionKey,p=void 0===g?t:g,O=f.onArrowNavigation,y=void 0===O?t:O,E=f.onEscape,j=void 0===E?t:E,m=f.onHome,w=void 0===m?t:m,A=f.onEnd,D=void 0===A?t:A,h=f.useDocumentEventListeners,H=void 0!==h&&h,L=f.focusOnMount,T=void 0!==L&&L,N=n((function(){if(!H)return{ref:d,preventDefault:!0,stopPropagation:!0}}),[H,d]),P=e((function(){return y(c.DOWN)}),[y]),R=e((function(){return y(c.UP)}),[y]),U=e((function(){return y(c.RIGHT)}),[y]),F=e((function(){return y(c.LEFT)}),[y]);r(Object.assign({keys:a,callback:P},N)),r(Object.assign({keys:s,callback:R},N)),r(Object.assign({keys:i,callback:U},N)),r(Object.assign({keys:l,callback:F},N)),r(Object.assign({keys:u,callback:p},N)),r(Object.assign({keys:k,callback:j},N)),r(Object.assign({keys:b,callback:w},N)),r(Object.assign({keys:v,callback:D},N)),o((function(){var n;T&&!H&&(null===(n=null==d?void 0:d.current)||void 0===n||n.focus())}),[T,d,H])}export{a as ARROW_DOWN_KEYS,l as ARROW_LEFT_KEYS,i as ARROW_RIGHT_KEYS,s as ARROW_UP_KEYS,v as END_KEYS,f as ENTER_KEYS,k as ESCAPE_KEYS,b as HOME_KEYS,c as NavDirections,u as SELECTION_KEYS,d as default};
+import{useMemo as n,useCallback as e,useEffect as t}from"react";import{noop as o}from"es-toolkit";import{NavDirections as s,ARROW_DOWN_KEYS as a,ARROW_UP_KEYS as c,ARROW_RIGHT_KEYS as i,ARROW_LEFT_KEYS as r}from"../../shared/dist/constants/navDirections.js";export{ARROW_DOWN_KEYS,ARROW_LEFT_KEYS,ARROW_RIGHT_KEYS,ARROW_UP_KEYS,NavDirections}from"../../shared/dist/constants/navDirections.js";import{useKeyEvent as l}from"../../shared/dist/hooks/useKeyEvent.js";var u=["Enter"," "],f=["Enter"],v=["Escape"],d=["End"],k=["Home"];function b(f){var b=f.ref,O=f.onSelectionKey,E=void 0===O?o:O,m=f.onArrowNavigation,j=void 0===m?o:m,p=f.onEscape,g=void 0===p?o:p,y=f.onHome,R=void 0===y?o:y,_=f.onEnd,D=void 0===_?o:_,K=f.useDocumentEventListeners,W=void 0!==K&&K,A=f.focusOnMount,S=void 0!==A&&A,h=n((function(){if(!W)return{ref:b,preventDefault:!0,stopPropagation:!0}}),[W,b]),H=e((function(){return j(s.DOWN)}),[j]),N=e((function(){return j(s.UP)}),[j]),T=e((function(){return j(s.RIGHT)}),[j]),Y=e((function(){return j(s.LEFT)}),[j]);l(Object.assign({keys:a,callback:H},h)),l(Object.assign({keys:c,callback:N},h)),l(Object.assign({keys:i,callback:T},h)),l(Object.assign({keys:r,callback:Y},h)),l(Object.assign({keys:u,callback:E},h)),l(Object.assign({keys:v,callback:g},h)),l(Object.assign({keys:k,callback:R},h)),l(Object.assign({keys:d,callback:D},h)),t((function(){var n;S&&!W&&(null===(n=null==b?void 0:b.current)||void 0===n||n.focus())}),[S,b,W])}export{d as END_KEYS,f as ENTER_KEYS,v as ESCAPE_KEYS,k as HOME_KEYS,u as SELECTION_KEYS,b as default};
 //# sourceMappingURL=useFullKeyboardListeners.js.map

package/dist/src/hooks/useFullKeyboardListeners.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFullKeyboardListeners.js","sources":["../../../src/hooks/useFullKeyboardListeners.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useEffect, useMemo } from \"react\";\nimport { noop } from \"es-toolkit\";\nimport useKeyEvent from \"./useKeyEvent\";\nimport { type KeyboardEventCallback } from \"../types/events\";\~~n\nexport~~ ~~enum~~ NavDirections ~~{\n UP~~ = ~~\"up\",\n DOWN~~ = ~~\"down\",\n LEFT~~ = \"~~left~~\",\n ~~RIGHT =~~ \~~"right\"\n}\n\~~nexport ~~const~~ ARROW_DOWN_KEYS ~~= [\"ArrowDown\"];\nexport const~~ ARROW_UP_KEYS ~~= [\"ArrowUp\"];\nexport const~~ ARROW_RIGHT_KEYS = ~~[\"ArrowRight\"]~~;\~~nexport const ARROW_LEFT_KEYS = [~~\~~"ArrowLeft\"];\~~nexport const SELECTION_KEYS = [\"Enter\", \" \"];\nexport const ENTER_KEYS = [\"Enter\"];\nexport const ESCAPE_KEYS = [\"Escape\"];\nexport const END_KEYS = [\"End\"];\nexport const HOME_KEYS = [\"Home\"];\n\nexport default function useFullKeyboardListeners({\n ref, // the reference for the component that listens to keyboard\n onSelectionKey = noop,\n onArrowNavigation = noop,\n onEscape = noop,\n onHome = noop,\n onEnd = noop,\n useDocumentEventListeners = false,\n focusOnMount = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n onSelectionKey: KeyboardEventCallback;\n onArrowNavigation: (type: NavDirections) => void;\n onEscape: KeyboardEventCallback;\n onHome?: KeyboardEventCallback;\n onEnd?: KeyboardEventCallback;\n useDocumentEventListeners?: boolean;\n focusOnMount: boolean;\n}) {\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n const onArrowDown = useCallback(() => onArrowNavigation(NavDirections.DOWN), [onArrowNavigation]);\n const onArrowUp = useCallback(() => onArrowNavigation(NavDirections.UP), [onArrowNavigation]);\n const onArrowRight = useCallback(() => onArrowNavigation(NavDirections.RIGHT), [onArrowNavigation]);\n const onArrowLeft = useCallback(() => onArrowNavigation(NavDirections.LEFT), [onArrowNavigation]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_RIGHT_KEYS,\n callback: onArrowRight,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_LEFT_KEYS,\n callback: onArrowLeft,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n callback: onSelectionKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ESCAPE_KEYS,\n callback: onEscape,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHome,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEnd,\n ...listenerOptions\n });\n\n useEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n ref?.current?.focus();\n }, [focusOnMount, ref, useDocumentEventListeners]);\n}\n"],"names":["~~NavDirections","ARROW_DOWN_KEYS","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_LEFT_KEYS","~~SELECTION_KEYS","ENTER_KEYS","ESCAPE_KEYS","END_KEYS","HOME_KEYS","useFullKeyboardListeners","_ref","ref","_ref$onSelectionKey","onSelectionKey","noop","_ref$onArrowNavigatio","onArrowNavigation","_ref$onEscape","onEscape","_ref$onHome","onHome","_ref$onEnd","onEnd","_ref$useDocumentEvent","useDocumentEventListeners","_ref$focusOnMount","focusOnMount","listenerOptions","useMemo","preventDefault","stopPropagation","onArrowDown","useCallback","DOWN","onArrowUp","UP","onArrowRight","RIGHT","onArrowLeft","LEFT","useKeyEvent","Object","assign","keys","callback","useEffect","_a","current","focus"],"mappings":"~~2KAKYA~~,~~GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAEYC,IAAAA,EAAkB,CAAC,aACnBC,EAAgB,CAAC,WACjBC,EAAmB,CAAC,cACpBC,EAAkB,CAAC,aACnBC,~~EAAiB,CAAC,QAAS,KAC3BC,EAAa,CAAC,SACdC,EAAc,CAAC,UACfC,EAAW,CAAC,OACZC,EAAY,CAAC,QAEF,SAAAC,EAAwBC,GAkB/C,IAjBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHG,eAAAA,OAAiBC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACrBM,kBAAAA,OAAoBF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAP,EACxBQ,SAAAA,OAAWJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAT,EACfU,OAAAA,OAASN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAX,EACbY,MAAAA,OAAQR,IAAHO,EAAGP,EAAIO,EAAAE,EAAAb,EACZc,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,EAAAf,EACjCgB,aAAAA,OAAe,IAAHD,GAAQA,EAWdE,EAAkBC,GAAQ,WAC9B,IAAIJ,EAEJ,MAAO,CACLb,IAAAA,EACAkB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACN,EAA2Bb,IAEzBoB,EAAcC,GAAY,WAAA,OAAMhB,~~EAAkBjB~~,~~EAAckC~~,QAAO,~~CAACjB~~,~~IACxEkB~~,~~EAAYF~~,GAAY,WAAA,OAAMhB,~~EAAkBjB~~,~~EAAcoC~~,MAAK,~~CAACnB~~,~~IACpEoB~~,~~EAAeJ~~,GAAY,WAAA,OAAMhB,~~EAAkBjB~~,~~EAAcsC~~,SAAQ,~~CAACrB~~,~~IAC1EsB~~,~~EAAcN~~,GAAY,WAAA,OAAMhB,~~EAAkBjB~~,~~EAAcwC~~,QAAO,~~CAACvB~~,~~IAE9EwB~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAM3C~~,~~EACN4C~~,~~SAAUb~~,GACPJ,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAM1C~~,~~EACN2C~~,~~SAAUV~~,~~GACPP~~,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMzC~~,~~EACN0C~~,~~SAAUR~~,~~GACPT~~,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMxC~~,~~EACNyC~~,~~SAAUN~~,~~GACPX~~,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMvC~~,~~EACNwC~~,~~SAAU/B~~,GACPc,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMrC~~,~~EACNsC~~,~~SAAU1B~~,GACPS,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMnC~~,~~EACNoC~~,~~SAAUxB~~,GACPO,~~IAGLa~~,EAAWC,OAAAC,OAAA,CACTC,~~KAAMpC~~,~~EACNqC~~,~~SAAUtB~~,GACPK,~~IAGLkB~~,GAAU,~~iBACHnB~~,IAAgBF,IACT,~~QAAZsB~~,~~EAAAnC~~,aAAA,EAAAA,~~EAAKoC~~,eAAO,IAAAD,GAAAA,EAAEE,QACf,GAAE,~~CAACtB~~,EAAcf,EAAKa,GACzB"}
1	+ {"version":3,"file":"useFullKeyboardListeners.js","sources":["../../../src/hooks/useFullKeyboardListeners.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useEffect, useMemo } from \"react\";\nimport { noop } from \"es-toolkit\";\nimport useKeyEvent from \"./useKeyEvent\";\nimport { type KeyboardEventCallback } from \"../types/events\";\nimport { NavDirections, ARROW_DOWN_KEYS, ARROW_UP_KEYS, ARROW_RIGHT_KEYS, ARROW_LEFT_KEYS } from \"@vibe/shared\";\n\nexport { NavDirections, ARROW_DOWN_KEYS, ARROW_UP_KEYS, ARROW_RIGHT_KEYS, ARROW_LEFT_KEYS };\n\nexport const SELECTION_KEYS = [\"Enter\", \" \"];\nexport const ENTER_KEYS = [\"Enter\"];\nexport const ESCAPE_KEYS = [\"Escape\"];\nexport const END_KEYS = [\"End\"];\nexport const HOME_KEYS = [\"Home\"];\n\nexport default function useFullKeyboardListeners({\n ref, // the reference for the component that listens to keyboard\n onSelectionKey = noop,\n onArrowNavigation = noop,\n onEscape = noop,\n onHome = noop,\n onEnd = noop,\n useDocumentEventListeners = false,\n focusOnMount = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n onSelectionKey: KeyboardEventCallback;\n onArrowNavigation: (type: NavDirections) => void;\n onEscape: KeyboardEventCallback;\n onHome?: KeyboardEventCallback;\n onEnd?: KeyboardEventCallback;\n useDocumentEventListeners?: boolean;\n focusOnMount: boolean;\n}) {\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n const onArrowDown = useCallback(() => onArrowNavigation(NavDirections.DOWN), [onArrowNavigation]);\n const onArrowUp = useCallback(() => onArrowNavigation(NavDirections.UP), [onArrowNavigation]);\n const onArrowRight = useCallback(() => onArrowNavigation(NavDirections.RIGHT), [onArrowNavigation]);\n const onArrowLeft = useCallback(() => onArrowNavigation(NavDirections.LEFT), [onArrowNavigation]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_RIGHT_KEYS,\n callback: onArrowRight,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_LEFT_KEYS,\n callback: onArrowLeft,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n callback: onSelectionKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ESCAPE_KEYS,\n callback: onEscape,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHome,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEnd,\n ...listenerOptions\n });\n\n useEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n ref?.current?.focus();\n }, [focusOnMount, ref, useDocumentEventListeners]);\n}\n"],"names":["SELECTION_KEYS","ENTER_KEYS","ESCAPE_KEYS","END_KEYS","HOME_KEYS","useFullKeyboardListeners","_ref","ref","_ref$onSelectionKey","onSelectionKey","noop","_ref$onArrowNavigatio","onArrowNavigation","_ref$onEscape","onEscape","_ref$onHome","onHome","_ref$onEnd","onEnd","_ref$useDocumentEvent","useDocumentEventListeners","_ref$focusOnMount","focusOnMount","listenerOptions","useMemo","preventDefault","stopPropagation","onArrowDown","useCallback","NavDirections","DOWN","onArrowUp","UP","onArrowRight","RIGHT","onArrowLeft","LEFT","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_LEFT_KEYS","useEffect","_a","current","focus"],"mappings":"kdAQaA,EAAiB,CAAC,QAAS,KAC3BC,EAAa,CAAC,SACdC,EAAc,CAAC,UACfC,EAAW,CAAC,OACZC,EAAY,CAAC,QAEF,SAAAC,EAAwBC,GAkB/C,IAjBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHG,eAAAA,OAAiBC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACrBM,kBAAAA,OAAoBF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAP,EACxBQ,SAAAA,OAAWJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAT,EACfU,OAAAA,OAASN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAX,EACbY,MAAAA,OAAQR,IAAHO,EAAGP,EAAIO,EAAAE,EAAAb,EACZc,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,EAAAf,EACjCgB,aAAAA,OAAe,IAAHD,GAAQA,EAWdE,EAAkBC,GAAQ,WAC9B,IAAIJ,EAEJ,MAAO,CACLb,IAAAA,EACAkB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACN,EAA2Bb,IAEzBoB,EAAcC,GAAY,WAAA,OAAMhB,EAAkBiB,EAAcC,QAAO,CAAClB,IACxEmB,EAAYH,GAAY,WAAA,OAAMhB,EAAkBiB,EAAcG,MAAK,CAACpB,IACpEqB,EAAeL,GAAY,WAAA,OAAMhB,EAAkBiB,EAAcK,SAAQ,CAACtB,IAC1EuB,EAAcP,GAAY,WAAA,OAAMhB,EAAkBiB,EAAcO,QAAO,CAACxB,IAE9EyB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUf,GACPJ,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUX,GACPR,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUT,GACPV,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUP,GACPZ,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMxC,EACN0C,SAAUjC,GACPc,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMtC,EACNwC,SAAU5B,GACPS,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMpC,EACNsC,SAAU1B,GACPO,IAGLc,EAAWC,OAAAC,OAAA,CACTC,KAAMrC,EACNuC,SAAUxB,GACPK,IAGLuB,GAAU,iBACHxB,IAAgBF,IACT,QAAZ2B,EAAAxC,aAAA,EAAAA,EAAKyC,eAAO,IAAAD,GAAAA,EAAEE,QACf,GAAE,CAAC3B,EAAcf,EAAKa,GACzB"}

package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{NavDirections as n}from"../useFullKeyboardListeners.js";function e(e){var t=e.direction,i=e.numberOfItemsInLine,r=e.itemsCount,u=function(){var e=Math.floor(i/2);if(t===n.UP)return(Math.ceil(r/i)-1)*i+e;if(t===n.DOWN)return e;if(t===n.LEFT){for(var u=i-1,o=Math.floor((r-1)/2);o>u;)u+=i;return u}if(t===n.RIGHT){for(var a=0,c=Math.floor((r-1)/2);c>a+i;)a+=i;return a}}();return Math.max(0,Math.min(u,r-1))}function t(e){var t=e.activeIndex,i=e.itemsCount,r=e.numberOfItemsInLine,u=e.circularNavigation,o=void 0!==u&&u,a=function(n){return Math.ceil((n+1)/r)},c=function(n){var e=t+(n?1:-1);if(0>e||e>=i){if(!o)return{isOutbound:!0};0>e?e=i-1:i>e||(e=0)}return a(t)!==a(e)?{isOutbound:!0}:{isOutbound:!1,nextIndex:e}},s=function(n){var e=t+r*(n?1:-1);return 0>e||e>=i?{isOutbound:!0}:{isOutbound:!1,nextIndex:e}};switch(e.direction){case n.RIGHT:return c(!0);case n.LEFT:return c(!1);case n.DOWN:return s(!0);case n.UP:return s(!1)}}function i(n){for(var e=n.itemsCount,i=n.numberOfItemsInLine,r=n.direction,u=n.disabledIndexes,o=void 0===u?[]:u,a=n.circularNavigation,c=void 0!==a&&a,s=t({activeIndex:n.activeIndex,itemsCount:e,numberOfItemsInLine:i,direction:r,circularNavigation:c});!s.isOutbound&&o.includes(s.nextIndex);)s=t({activeIndex:s.nextIndex,itemsCount:e,numberOfItemsInLine:i,direction:r,circularNavigation:c});return s}export{i as calcActiveIndexAfterArrowNavigation,e as getActiveIndexFromInboundNavigation};
+import"react";import"es-toolkit";import{NavDirections as n}from"../../../shared/dist/constants/navDirections.js";function t(t){var i=t.direction,e=t.numberOfItemsInLine,r=t.itemsCount,o=function(){var t=Math.floor(e/2);if(i===n.UP)return(Math.ceil(r/e)-1)*e+t;if(i===n.DOWN)return t;if(i===n.LEFT){for(var o=e-1,u=Math.floor((r-1)/2);u>o;)o+=e;return o}if(i===n.RIGHT){for(var a=0,c=Math.floor((r-1)/2);c>a+e;)a+=e;return a}}();return Math.max(0,Math.min(o,r-1))}function i(t){var i=t.activeIndex,e=t.itemsCount,r=t.numberOfItemsInLine,o=t.circularNavigation,u=void 0!==o&&o,a=function(n){return Math.ceil((n+1)/r)},c=function(n){var t=i+(n?1:-1);if(0>t||t>=e){if(!u)return{isOutbound:!0};0>t?t=e-1:e>t||(t=0)}return a(i)!==a(t)?{isOutbound:!0}:{isOutbound:!1,nextIndex:t}},s=function(n){var t=i+r*(n?1:-1);return 0>t||t>=e?{isOutbound:!0}:{isOutbound:!1,nextIndex:t}};switch(t.direction){case n.RIGHT:return c(!0);case n.LEFT:return c(!1);case n.DOWN:return s(!0);case n.UP:return s(!1)}}function e(n){for(var t=n.itemsCount,e=n.numberOfItemsInLine,r=n.direction,o=n.disabledIndexes,u=void 0===o?[]:o,a=n.circularNavigation,c=void 0!==a&&a,s=i({activeIndex:n.activeIndex,itemsCount:t,numberOfItemsInLine:e,direction:r,circularNavigation:c});!s.isOutbound&&u.includes(s.nextIndex);)s=i({activeIndex:s.nextIndex,itemsCount:t,numberOfItemsInLine:e,direction:r,circularNavigation:c});return s}export{e as calcActiveIndexAfterArrowNavigation,t as getActiveIndexFromInboundNavigation};
 //# sourceMappingURL=gridKeyboardNavigationHelper.js.map

package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n circularNavigation?: boolean;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n if (nextIndex < 0 \|\| nextIndex >= itemsCount) {\n if (circularNavigation) {\n if (nextIndex < 0) {\n nextIndex = itemsCount - 1;\n } else if (nextIndex >= itemsCount) {\n nextIndex = 0;\n }\n } else {\n return { isOutbound: true };\n }\n }\n\n const currentLine = getIndexLine(activeIndex);\n const nextIndexLine = getIndexLine(nextIndex);\n if (currentLine !== nextIndexLine) {\n return { isOutbound: true };\n }\n\n return { isOutbound: false, nextIndex };\n };\n\n const verticalChange = (isIndexIncrease: boolean) => {\n const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n if (nextIndex < 0 \|\| itemsCount <= nextIndex) {\n return { isOutbound: true };\n }\n return { isOutbound: false, nextIndex };\n };\n\n switch (direction) {\n case NavDirections.RIGHT:\n return horizontalChange(true);\n case NavDirections.LEFT:\n return horizontalChange(false);\n case NavDirections.DOWN:\n return verticalChange(true);\n case NavDirections.UP:\n return verticalChange(false);\n }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n let result = calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n result = calcRawNewIndexAfterArrowNavigation({\n activeIndex: result.nextIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n }\n\n return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"~~+DAEM~~,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACT,CACA,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACT,EAGeG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAqB,IAAHD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAK,GAEtD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKlB,CAIA,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,IAGxBE,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAK,GAC9E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,IAG9B,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAqB,IAAHY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}
1	+ {"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n circularNavigation?: boolean;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n if (nextIndex < 0 \|\| nextIndex >= itemsCount) {\n if (circularNavigation) {\n if (nextIndex < 0) {\n nextIndex = itemsCount - 1;\n } else if (nextIndex >= itemsCount) {\n nextIndex = 0;\n }\n } else {\n return { isOutbound: true };\n }\n }\n\n const currentLine = getIndexLine(activeIndex);\n const nextIndexLine = getIndexLine(nextIndex);\n if (currentLine !== nextIndexLine) {\n return { isOutbound: true };\n }\n\n return { isOutbound: false, nextIndex };\n };\n\n const verticalChange = (isIndexIncrease: boolean) => {\n const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n if (nextIndex < 0 \|\| itemsCount <= nextIndex) {\n return { isOutbound: true };\n }\n return { isOutbound: false, nextIndex };\n };\n\n switch (direction) {\n case NavDirections.RIGHT:\n return horizontalChange(true);\n case NavDirections.LEFT:\n return horizontalChange(false);\n case NavDirections.DOWN:\n return verticalChange(true);\n case NavDirections.UP:\n return verticalChange(false);\n }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n let result = calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n result = calcRawNewIndexAfterArrowNavigation({\n activeIndex: result.nextIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n }\n\n return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"iHAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACT,CACA,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACT,EAGeG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAqB,IAAHD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAK,GAEtD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKlB,CAIA,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,IAGxBE,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAK,GAC9E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,IAG9B,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAqB,IAAHY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}

package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as o,useContext as t,useCallback as i,useEffect as r}from"react";import{GridKeyboardNavigationContext as u}from"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import a from"../useFullKeyboardListeners.js";import{getActiveIndexFromInboundNavigation as c,calcActiveIndexAfterArrowNavigation as l}from"./gridKeyboardNavigationHelper.js";import{useLastNavigationDirection as s}from"../../components/Menu/Menu/hooks/useLastNavigationDirection.js";import{useEventListener as d}from"../../../shared/dist/hooks/useEventListener.js";var f=-1;function v(v){var m=v.ref,g=v.itemsCount,b=v.numberOfItemsInLine,I=v.onItemClicked,p=v.entryFocusStrategy,N=void 0===p?"directional":p,x=v.getItemByIndex,y=void 0===x?function(n){}:x,h=v.focusOnMount,O=void 0!==h&&h,j=v.focusItemIndexOnMount,k=void 0===j?f:j,A=v.disabledIndexes,C=void 0===A?[]:A,L=v.circularNavigation,K=void 0!==L&&L,M=e(O&&k!==f),S=n(M,2),E=S[0],H=S[1],w=o(!1),B=e(E?k:f),D=n(B,2),F=D[0],G=D[1],_=e(!0),P=n(_,2),R=P[0],T=P[1],q=t(u),z=i((function(){var n;T(!0);var e=C.includes(0)&&g>C.length&&null!==(n=Array.from({length:g},(function(n,e){return e})).find((function(n){return!C.includes(n)})))&&void 0!==n?n:0;G(e)}),[C,g]),J=i((function(){var n;T(!0);var e=C.includes(g-1)&&g>C.length&&null!==(n=Array.from({length:g},(function(n,e){return g-1-e})).find((function(n){return!C.includes(n)})))&&void 0!==n?n:g-1;G(e)}),[C,g]);r((function(){w.current?H(!1):w.current=!0}),[F]);var Q=i((function(){var n;return null===(n=m.current)||void 0===n?void 0:n.blur()}),[m]),U=s().lastNavigationDirectionRef,V=i((function(){if(F===f){var n=U.current;G("directional"===N&&n?c({direction:n,numberOfItemsInLine:b,itemsCount:g}):0),T(!0)}else T(!0)}),[F,N,g,U,b,G,T]),W=i((function(){T(!1)}),[T]),X=i((function(){T(!0),G(f)}),[G]);d({eventName:"focus",callback:V,ref:m}),d({eventName:"mousedown",callback:W,ref:m}),d({eventName:"blur",callback:X,ref:m}),r((function(){var n;F>-1&&(null===(n=m.current)||void 0===n||n.focus())}),[F,m]);var Y=i((function(n){T(arguments.length>1&&void 0!==arguments[1]&&arguments[1]),G(n),I(y(n),n)}),[G,I,y]),Z=i((function(){if(R)return Y(F,!0)}),[R,Y,F]);return a({ref:m,onSelectionKey:Z,onArrowNavigation:function(n){if(T(!0),F!==f){var e=l({activeIndex:F,itemsCount:g,numberOfItemsInLine:b,direction:n,disabledIndexes:C,circularNavigation:K}),o=e.nextIndex;e.isOutbound?null==q||q.onOutboundNavigation(m,n):G(o)}else G(0)},onEscape:Q,onHome:z,onEnd:J,focusOnMount:O}),{activeIndex:R?F:f,onSelectionAction:Y,isInitialActiveState:E}}export{v as default};
+import{slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as i,useContext as t,useCallback as o,useEffect as r}from"react";import a from"../useFullKeyboardListeners.js";import{getActiveIndexFromInboundNavigation as u,calcActiveIndexAfterArrowNavigation as c}from"./gridKeyboardNavigationHelper.js";import{GridKeyboardNavigationContext as d}from"../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useLastNavigationDirection as s}from"../../../shared/dist/hooks/useLastNavigationDirection.js";import{useEventListener as l}from"../../../shared/dist/hooks/useEventListener.js";var f=-1;function v(v){var m=v.ref,g=v.itemsCount,b=v.numberOfItemsInLine,I=v.onItemClicked,p=v.entryFocusStrategy,y=void 0===p?"directional":p,N=v.getItemByIndex,x=void 0===N?function(n){}:N,h=v.focusOnMount,O=void 0!==h&&h,C=v.focusItemIndexOnMount,j=void 0===C?f:C,k=v.disabledIndexes,A=void 0===k?[]:k,K=v.circularNavigation,L=void 0!==K&&K,S=e(O&&j!==f),E=n(S,2),G=E[0],H=E[1],M=i(!1),w=e(G?j:f),B=n(w,2),D=B[0],F=B[1],_=e(!0),P=n(_,2),R=P[0],T=P[1],q=t(d),z=o((function(){var n;T(!0);var e=A.includes(0)&&g>A.length&&null!==(n=Array.from({length:g},(function(n,e){return e})).find((function(n){return!A.includes(n)})))&&void 0!==n?n:0;F(e)}),[A,g]),J=o((function(){var n;T(!0);var e=A.includes(g-1)&&g>A.length&&null!==(n=Array.from({length:g},(function(n,e){return g-1-e})).find((function(n){return!A.includes(n)})))&&void 0!==n?n:g-1;F(e)}),[A,g]);r((function(){M.current?H(!1):M.current=!0}),[D]);var Q=o((function(){var n;return null===(n=m.current)||void 0===n?void 0:n.blur()}),[m]),U=s().lastNavigationDirectionRef,V=o((function(){if(D===f){var n=U.current;F("directional"===y&&n?u({direction:n,numberOfItemsInLine:b,itemsCount:g}):0),T(!0)}else T(!0)}),[D,y,g,U,b,F,T]),W=o((function(){T(!1)}),[T]),X=o((function(){T(!0),F(f)}),[F]);l({eventName:"focus",callback:V,ref:m}),l({eventName:"mousedown",callback:W,ref:m}),l({eventName:"blur",callback:X,ref:m}),r((function(){var n;D>-1&&(null===(n=m.current)||void 0===n||n.focus())}),[D,m]);var Y=o((function(n){T(arguments.length>1&&void 0!==arguments[1]&&arguments[1]),F(n),I(x(n),n)}),[F,I,x]),Z=o((function(){if(R)return Y(D,!0)}),[R,Y,D]);return a({ref:m,onSelectionKey:Z,onArrowNavigation:function(n){if(T(!0),D!==f){var e=c({activeIndex:D,itemsCount:g,numberOfItemsInLine:b,direction:n,disabledIndexes:A,circularNavigation:L}),i=e.nextIndex;e.isOutbound?null==q||q.onOutboundNavigation(m,n):F(i)}else F(0)},onEscape:Q,onHome:z,onEnd:J,focusOnMount:O}),{activeIndex:R?D:f,onSelectionAction:Y,isInitialActiveState:G}}export{v as default};
 //# sourceMappingURL=useGridKeyboardNavigation.js.map