npm - @skbkontur/react-ui - Versions diffs - 4.14.0-next.0 → 4.14.0 - Mend

@skbkontur/react-ui 4.14.0-next.0 → 4.14.0

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

Files changed (1122) hide show

package/components/Input/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","isIE11","isEdge","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","MaskedInput","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","styles","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","warning","leftIcon","rightIcon","borderless","align","type","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","ariaDescribedby","rest","labelProps","className","theme","getSizeClassName","focus","blink","focusFallback","warningFallback","errorFallback","style","inputProps","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","typesDisallowedWithMask","includes","renderMaskedInput","createElement","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","event","fieldIsEmpty","target","allowedTypes","canBeSelected","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","componentWillUnmount","blur","getNode","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","Function","useDefaultColor","iconFocus","iconDisabled","defaultValue","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Boolean","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport invariant from 'invariant';\nimport React, { AriaAttributes } from 'react';\nimport raf from 'raf';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { MaskedInput } from '../../internal/MaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Input.styles';\n\nexport type InputSize = 'small' \| 'medium' \| 'large';\nexport type InputAlign = 'left' \| 'center' \| 'right';\nexport type InputType =\n \| 'password'\n \| 'text'\n \| 'number'\n \| 'tel'\n \| 'search'\n \| 'time'\n \| 'date'\n \| 'url'\n \| 'email'\n \| 'hidden';\nexport type InputIconType = React.ReactNode \| (() => React.ReactNode);\n\nexport interface InputProps\n extends CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /\n Иконка слева\n * Если `ReactNode` применяются дефолтные стили для иконки\n * Если `() => ReactNode` применяются только стили для позиционирование\n /\n leftIcon?: InputIconType;\n /\n Иконка справа\n * Если `ReactNode` применяются дефолтные стили для иконки\n * Если `() => ReactNode` применяются только стили для позиционирование\n /\n rightIcon?: InputIconType;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /* Режим прозрачной рамки /\n borderless?: boolean;\n /* Выравнивание текста /\n align?: InputAlign;\n /* Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` /\n mask?: Nullable<string>;\n /* Символ маски /\n maskChar?: Nullable<string>;\n /\n Словарь символов-регулярок для задания маски\n * @default { '9': '[0-9]', 'a': '[A-Za-z]', '': '[A-Za-z0-9]' }\n /\n formatChars?: Record<string, string>;\n /** Показывать символы маски /\n alwaysShowMask?: boolean;\n /* Размер /\n size?: InputSize;\n /* onValueChange /\n onValueChange?: (value: string) => void;\n /* Вызывается на label /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /* Вызывается на label /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /* Вызывается на label /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Тип. Возможные значения: 'password' \| 'text' \| 'number' \| 'tel' \| 'search' \| 'time' \| 'date' \| 'url' \| 'email' \| 'hidden'\n * /\n type?: InputType;\n /* Значение /\n value?: string;\n capture?: boolean;\n\n /\n Префикс\n * `ReactNode` перед значением, но после иконки\n /\n prefix?: React.ReactNode;\n /\n Суффикс\n * `ReactNode` после значения, но перед правой иконкой\n /\n suffix?: React.ReactNode;\n /* Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) /\n selectAllOnFocus?: boolean;\n /\n Обработчик неправильного ввода.\n * По-умолчанию, инпут вспыхивает синим.\n * Если передан - вызывается переданный обработчик,\n * в таком случае вспыхивание можно вызвать\n * публичным методом инстанса `blink()`.\n \n @param value значение инпута.\n /\n onUnexpectedInput?: (value: string) => void;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n }\n > {}\n\nexport interface InputState {\n blinking: boolean;\n focused: boolean;\n needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size'>>;\n\n/\n Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n * Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n /\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n public static __KONTUR_REACT_UI__ = 'Input';\n\n public static defaultProps: DefaultProps = {\n size: 'small',\n };\n\n private getProps = createPropsGetter(Input.defaultProps);\n\n public state: InputState = {\n needsPolyfillPlaceholder,\n blinking: false,\n focused: false,\n };\n\n private selectAllId: number \| null = null;\n private theme!: Theme;\n private blinkTimeout = 0;\n private input: HTMLInputElement \| null = null;\n private setRootNode!: TSetRootNode;\n\n public componentWillUnmount() {\n if (this.blinkTimeout) {\n clearTimeout(this.blinkTimeout);\n }\n this.cancelDelayedSelectAll();\n }\n\n /\n @public\n /\n public focus() {\n invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n this.input.focus();\n }\n\n /\n @public\n /\n public blur() {\n invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n this.input.blur();\n }\n\n /\n @public\n /\n public getNode() {\n return this.input;\n }\n\n /\n @public\n /\n public blink() {\n if (this.blinkTimeout) {\n this.cancelBlink(() => {\n // trigger reflow to restart animation\n // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n void (this.input && this.input.offsetWidth);\n this.blink();\n });\n return;\n }\n this.setState({ blinking: true }, () => {\n this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\n });\n }\n\n /\n @public\n * @param {number} start\n * @param {number} end\n /\n public setSelectionRange(start: number, end: number) {\n if (!this.input) {\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n }\n\n if (document.activeElement !== this.input) {\n this.focus();\n }\n if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n setTimeout(() => {\n this.input?.setSelectionRange(start, end);\n }, 150);\n } else {\n this.input?.setSelectionRange(start, end);\n }\n }\n\n public get isMaskVisible(): boolean {\n const { mask, alwaysShowMask } = this.props;\n const { focused } = this.state;\n return Boolean(mask && (focused \|\| alwaysShowMask));\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Работает с типами `text`, `password`, `tel`, `search`, `url`\n * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n * @public\n */\n public selectAll = (): void => {\n if (this.input) {\n this.setSelectionRange(0, this.input.value.length);\n }\n };\n\n private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\n\n private cancelDelayedSelectAll = (): void => {\n if (this.selectAllId) {\n raf.cancel(this.selectAllId);\n this.selectAllId = null;\n }\n };\n\n private cancelBlink = (callback?: () => void): void => {\n if (this.blinkTimeout) {\n clearTimeout(this.blinkTimeout);\n this.blinkTimeout = 0;\n if (this.state.blinking) {\n this.setState({ blinking: false }, callback);\n return;\n }\n }\n if (callback) {\n callback();\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n const {\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onKeyPress,\n onValueChange,\n width,\n error,\n warning,\n leftIcon,\n rightIcon,\n borderless,\n value,\n align,\n type = 'text',\n mask,\n maskChar,\n alwaysShowMask,\n size,\n placeholder,\n selectAllOnFocus,\n disabled,\n onUnexpectedInput,\n prefix,\n suffix,\n formatChars,\n 'aria-describedby': ariaDescribedby,\n ...rest\n } = props;\n\n const { blinking, focused } = this.state;\n\n const labelProps = {\n className: cx(styles.root(this.theme), this.getSizeClassName(), {\n [styles.focus(this.theme)]: focused,\n [styles.blink(this.theme)]: blinking,\n [styles.borderless()]: borderless && !focused,\n [styles.disabled(this.theme)]: disabled,\n [styles.warning(this.theme)]: warning,\n [styles.error(this.theme)]: error,\n [styles.focusFallback(this.theme)]: focused && (isIE11 \|\| isEdge),\n [styles.warningFallback(this.theme)]: warning && (isIE11 \|\| isEdge),\n [styles.errorFallback(this.theme)]: error && (isIE11 \|\| isEdge),\n }),\n style: { width },\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n };\n\n const inputProps = {\n ...rest,\n className: cx(styles.input(this.theme), {\n [styles.inputFocus(this.theme)]: focused,\n [styles.inputDisabled(this.theme)]: disabled,\n }),\n value,\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onKeyDown: this.handleKeyDown,\n onKeyPress: this.handleKeyPress,\n onBlur: this.handleBlur,\n style: { textAlign: align },\n ref: this.refInput,\n type,\n placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n disabled,\n 'aria-describedby': ariaDescribedby,\n };\n\n const typesDisallowedWithMask: InputType[] = ['number', 'date', 'time', 'hidden'];\n const input =\n mask && !typesDisallowedWithMask.includes(type)\n ? this.renderMaskedInput(inputProps, mask)\n : React.createElement('input', inputProps);\n\n if (type === 'hidden') {\n return input;\n }\n\n return (\n <label data-tid={InputDataTids.root} {...labelProps}>\n <span className={styles.sideContainer()}>\n {this.renderLeftIcon()}\n {this.renderPrefix()}\n </span>\n <span className={styles.wrapper()}>\n {input}\n {this.renderPlaceholder()}\n </span>\n <span className={cx(styles.sideContainer(), styles.rightContainer())}>\n {this.renderSuffix()}\n {this.renderRightIcon()}\n </span>\n </label>\n );\n };\n\n private renderMaskedInput(\n inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\n capture?: boolean;\n },\n mask: string,\n ) {\n return (\n <MaskedInput\n {...inputProps}\n mask={mask}\n maskChar={this.props.maskChar}\n alwaysShowMask={this.props.alwaysShowMask}\n formatChars={this.props.formatChars}\n onChange={this.props.onChange}\n onValueChange={this.handleMaskedValueChange}\n onUnexpectedInput={this.handleUnexpectedInput}\n />\n );\n }\n\n private getIconSizeClassname(right = false) {\n switch (this.getProps().size) {\n case 'large':\n return right ? styles.rightIconLarge(this.theme) : styles.leftIconLarge(this.theme);\n case 'medium':\n return right ? styles.rightIconMedium(this.theme) : styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return right ? styles.rightIconSmall(this.theme) : styles.leftIconSmall(this.theme);\n }\n }\n\n private renderLeftIcon() {\n return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\n }\n\n private renderRightIcon() {\n return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\n }\n\n private renderIcon(icon: InputIconType, sizeClassName: string) {\n if (!icon) {\n return null;\n }\n const { disabled } = this.props;\n const iconNode = icon instanceof Function ? icon() : icon;\n\n return (\n <span\n className={cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), {\n [styles.iconFocus(this.theme)]: this.state.focused,\n [styles.iconDisabled()]: disabled,\n })}\n >\n {iconNode}\n </span>\n );\n }\n\n private renderPlaceholder() {\n const { disabled } = this.props;\n const { focused } = this.state;\n let placeholder = null;\n\n if (\n this.state.needsPolyfillPlaceholder &&\n this.props.placeholder &&\n !this.isMaskVisible &&\n !this.props.value &&\n !this.props.defaultValue\n ) {\n placeholder = (\n <div\n className={cx(styles.placeholder(this.theme), {\n [styles.placeholderDisabled(this.theme)]: disabled,\n [styles.placeholderFocus(this.theme)]: focused,\n })}\n style={{ textAlign: this.props.align \|\| 'inherit' }}\n >\n {this.props.placeholder}\n </div>\n );\n }\n\n return placeholder;\n }\n\n private getSizeClassName() {\n switch (this.getProps().size) {\n case 'large':\n return cx({\n [styles.sizeLarge(this.theme)]: true,\n [styles.sizeLargeFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'medium':\n return cx({\n [styles.sizeMedium(this.theme)]: true,\n [styles.sizeMediumFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'small':\n default:\n return cx({\n [styles.sizeSmall(this.theme)]: true,\n [styles.sizeSmallFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n }\n }\n\n private refInput = (element: HTMLInputElement \| MaskedInput \| null) => {\n if (element instanceof MaskedInput) {\n this.input = element.input;\n } else {\n this.input = element;\n }\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (needsPolyfillPlaceholder) {\n const fieldIsEmpty = event.target.value === '';\n if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n }\n }\n\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.value);\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n this.setState({\n focused: true,\n });\n\n if (this.props.selectAllOnFocus) {\n // https://github.com/facebook/react/issues/7769\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n const allowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\n const canBeSelected = !this.props.type \|\| (this.props.type && allowedTypes.includes(this.props.type));\n if (!canBeSelected) {\n return;\n }\n this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n }\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n\n const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n this.handleUnexpectedInput();\n }\n };\n\n private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyPress) {\n this.props.onKeyPress(event);\n }\n\n if (this.props.maxLength === event.currentTarget.value.length) {\n this.handleUnexpectedInput(event.currentTarget.value);\n }\n };\n\n private handleMaskedValueChange = (value: string) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private handleUnexpectedInput = (value: string = this.props.value \|\| '') => {\n if (this.props.onUnexpectedInput) {\n this.props.onUnexpectedInput(value);\n } else {\n this.blink();\n }\n };\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.setState({ focused: false });\n\n if (this.props.onBlur) {\n this.props.onBlur(event);\n }\n };\n\n private renderPrefix = () => {\n const { prefix, disabled } = this.props;\n\n if (!prefix) {\n return null;\n }\n\n return (\n <span className={cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>{prefix}</span>\n );\n };\n\n private renderSuffix = () => {\n const { suffix, disabled } = this.props;\n\n if (!suffix) {\n return null;\n }\n\n return (\n <span className={cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>{suffix}</span>\n );\n };\n}\n"]}
1	+ {"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","warning","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","MaskedInput","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTheme2022","styles","InputLayout","PolyfillPlaceholder","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","rest","labelProps","className","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","inputProps","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","canBeUsedWithMask","renderMaskedInput","createElement","Boolean","defaultValue","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","Function","useDefaultColor","iconFocus","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport invariant from 'invariant';\nimport React, { AriaAttributes, HTMLAttributes } from 'react';\nimport raf from 'raf';\nimport warning from 'warning';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { MaskedInput } from '../../internal/MaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputSize = 'small' \| 'medium' \| 'large';\nexport type InputAlign = 'left' \| 'center' \| 'right';\nexport type InputType = typeof inputTypes[number];\nexport type InputIconType = React.ReactNode \| (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n .map((i) => `\"${i}\"`)\n .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n .map((i) => `\"${i}\"`)\n .join(', ')}.`;\n};\n\nexport interface InputProps\n extends CommonProps,\n Pick<HTMLAttributes<unknown>, 'role'>,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /\n Иконка слева\n * Если `ReactNode` применяются дефолтные стили для иконки\n * Если `() => ReactNode` применяются только стили для позиционирование\n /\n leftIcon?: InputIconType;\n /\n Иконка справа\n * Если `ReactNode` применяются дефолтные стили для иконки\n * Если `() => ReactNode` применяются только стили для позиционирование\n /\n rightIcon?: InputIconType;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /* Режим прозрачной рамки /\n borderless?: boolean;\n /* Выравнивание текста /\n align?: InputAlign;\n /* Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` /\n mask?: Nullable<string>;\n /* Символ маски /\n maskChar?: Nullable<string>;\n /\n Словарь символов-регулярок для задания маски\n * @default { '9': '[0-9]', 'a': '[A-Za-z]', '': '[A-Za-z0-9]' }\n /\n formatChars?: Record<string, string>;\n /** Показывать символы маски /\n alwaysShowMask?: boolean;\n /* Размер /\n size?: InputSize;\n /* onValueChange /\n onValueChange?: (value: string) => void;\n /* Вызывается на label /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /* Вызывается на label /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /* Вызывается на label /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Тип. Возможные значения: 'password' \| 'text' \| 'number' \| 'tel' \| 'search' \| 'time' \| 'date' \| 'url' \| 'email'\n * /\n type?: InputType;\n /* Значение /\n value?: string;\n capture?: boolean;\n\n /\n Префикс\n * `ReactNode` перед значением, но после иконки\n /\n prefix?: React.ReactNode;\n /\n Суффикс\n * `ReactNode` после значения, но перед правой иконкой\n /\n suffix?: React.ReactNode;\n /* Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) /\n selectAllOnFocus?: boolean;\n /\n Обработчик неправильного ввода.\n * По-умолчанию, инпут вспыхивает синим.\n * Если передан - вызывается переданный обработчик,\n * в таком случае вспыхивание можно вызвать\n * публичным методом инстанса `blink()`.\n \n @param value значение инпута.\n /\n onUnexpectedInput?: (value: string) => void;\n /* @ignore /\n corners?: Partial<\n Pick<\n React.CSSProperties,\n 'borderTopRightRadius' \| 'borderBottomRightRadius' \| 'borderBottomLeftRadius' \| 'borderTopLeftRadius'\n >\n >;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n }\n > {}\n\nexport interface InputState {\n blinking: boolean;\n focused: boolean;\n needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' \| 'type'>>;\n\n/\n Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n * Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n /\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n public static __KONTUR_REACT_UI__ = 'Input';\n\n public static defaultProps: DefaultProps = {\n size: 'small',\n type: 'text',\n };\n\n private getProps = createPropsGetter(Input.defaultProps);\n\n public state: InputState = {\n needsPolyfillPlaceholder,\n blinking: false,\n focused: false,\n };\n\n private selectAllId: number \| null = null;\n private theme!: Theme;\n private blinkTimeout = 0;\n private input: HTMLInputElement \| null = null;\n private setRootNode!: TSetRootNode;\n\n private outputMaskError() {\n warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n }\n\n public componentDidMount() {\n this.outputMaskError();\n }\n\n public componentDidUpdate(prevProps: Readonly<InputProps>) {\n if (this.props.type !== prevProps.type \|\| this.props.mask !== prevProps.mask) {\n this.outputMaskError();\n }\n }\n\n public componentWillUnmount() {\n if (this.blinkTimeout) {\n clearTimeout(this.blinkTimeout);\n }\n this.cancelDelayedSelectAll();\n }\n\n /\n @public\n /\n public focus() {\n invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n this.input.focus();\n }\n\n /\n @public\n /\n public blur() {\n invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n this.input.blur();\n }\n\n /\n @public\n /\n public getNode() {\n return this.input;\n }\n\n /\n @public\n /\n public blink() {\n if (this.blinkTimeout) {\n this.cancelBlink(() => {\n // trigger reflow to restart animation\n // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n void (this.input && this.input.offsetWidth);\n this.blink();\n });\n return;\n }\n this.setState({ blinking: true }, () => {\n this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\n });\n }\n\n /\n @public\n * @param {number} start\n * @param {number} end\n /\n public setSelectionRange(start: number, end: number) {\n // https://github.com/facebook/react/issues/7769\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n if (!selectionAllowedTypes.includes(this.getProps().type)) {\n warning(false, selectionErrorMessage(this.getProps().type));\n\n return;\n }\n\n if (!this.input) {\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n }\n\n if (document.activeElement !== this.input) {\n this.focus();\n }\n if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n setTimeout(() => {\n this.input?.setSelectionRange(start, end);\n }, 150);\n } else {\n this.input?.setSelectionRange(start, end);\n }\n }\n\n public get isMaskVisible(): boolean {\n const { mask, alwaysShowMask } = this.props;\n const { focused } = this.state;\n return Boolean(mask && (focused \|\| alwaysShowMask));\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private get canBeUsedWithMask() {\n return maskForbiddenTypes.includes(this.getProps().type);\n }\n\n /\n Работает с типами `text`, `password`, `tel`, `search`, `url`\n * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n * @public\n */\n public selectAll = (): void => {\n if (this.input) {\n this.setSelectionRange(0, this.input.value.length);\n }\n };\n\n private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\n\n private cancelDelayedSelectAll = (): void => {\n if (this.selectAllId) {\n raf.cancel(this.selectAllId);\n this.selectAllId = null;\n }\n };\n\n private cancelBlink = (callback?: () => void): void => {\n if (this.blinkTimeout) {\n clearTimeout(this.blinkTimeout);\n this.blinkTimeout = 0;\n if (this.state.blinking) {\n this.setState({ blinking: false }, callback);\n return;\n }\n }\n if (callback) {\n callback();\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n const {\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onKeyPress,\n onValueChange,\n width,\n error,\n role,\n warning,\n leftIcon,\n rightIcon,\n borderless,\n value,\n align,\n type,\n mask,\n maskChar,\n alwaysShowMask,\n size,\n placeholder,\n selectAllOnFocus,\n disabled,\n onUnexpectedInput,\n prefix,\n suffix,\n formatChars,\n corners,\n 'aria-describedby': ariaDescribedby,\n ...rest\n } = props;\n\n const { blinking, focused } = this.state;\n\n const labelProps = {\n className: cx(styles.root(this.theme), this.getSizeClassName(), {\n [styles.focus(this.theme)]: focused && !warning && !error,\n [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n [styles.blink(this.theme)]: blinking,\n [styles.borderless()]: borderless && !focused,\n [styles.disabled(this.theme)]: disabled,\n [styles.warning(this.theme)]: warning,\n [styles.error(this.theme)]: error,\n [styles.focusFallback(this.theme)]: focused && (isIE11 \|\| isEdge),\n [styles.warningFallback(this.theme)]: warning && (isIE11 \|\| isEdge),\n [styles.errorFallback(this.theme)]: error && (isIE11 \|\| isEdge),\n }),\n style: { width, ...corners },\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n };\n\n const inputProps = {\n ...rest,\n className: cx(styles.input(this.theme), {\n [styles.inputFocus(this.theme)]: focused,\n [styles.inputDisabled(this.theme)]: disabled,\n }),\n value,\n role,\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onKeyDown: this.handleKeyDown,\n onKeyPress: this.handleKeyPress,\n onBlur: this.handleBlur,\n style: { textAlign: align },\n ref: this.refInput,\n type,\n placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n disabled,\n 'aria-describedby': ariaDescribedby,\n };\n\n const input =\n mask && !this.canBeUsedWithMask\n ? this.renderMaskedInput(inputProps, mask)\n : React.createElement('input', inputProps);\n\n if (isTheme2022(this.theme)) {\n return (\n <InputLayout\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n prefix={prefix}\n suffix={suffix}\n labelProps={labelProps}\n context={{ disabled: Boolean(disabled), focused, size }}\n >\n {input}\n <PolyfillPlaceholder\n isMaskVisible={this.isMaskVisible}\n value={value}\n defaultValue={this.props.defaultValue}\n align={align}\n >\n {placeholder}\n </PolyfillPlaceholder>\n </InputLayout>\n );\n }\n\n return (\n <label data-tid={InputDataTids.root} {...labelProps}>\n <span className={styles.sideContainer()}>\n {this.renderLeftIcon()}\n {this.renderPrefix()}\n </span>\n <span className={styles.wrapper()}>\n {input}\n {this.renderPlaceholder()}\n </span>\n <span className={cx(styles.sideContainer(), styles.rightContainer())}>\n {this.renderSuffix()}\n {this.renderRightIcon()}\n </span>\n </label>\n );\n };\n\n private renderMaskedInput(\n inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\n capture?: boolean;\n },\n mask: string,\n ) {\n return (\n <MaskedInput\n {...inputProps}\n mask={mask}\n maskChar={this.props.maskChar}\n alwaysShowMask={this.props.alwaysShowMask}\n formatChars={this.props.formatChars}\n onChange={this.props.onChange}\n onValueChange={this.handleMaskedValueChange}\n onUnexpectedInput={this.handleUnexpectedInput}\n />\n );\n }\n\n private getIconSizeClassname(right = false) {\n switch (this.getProps().size) {\n case 'large':\n return right ? styles.rightIconLarge(this.theme) : styles.leftIconLarge(this.theme);\n case 'medium':\n return right ? styles.rightIconMedium(this.theme) : styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return right ? styles.rightIconSmall(this.theme) : styles.leftIconSmall(this.theme);\n }\n }\n\n private renderLeftIcon() {\n return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\n }\n\n private renderRightIcon() {\n return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\n }\n\n private renderIcon(icon: InputIconType, sizeClassName: string) {\n if (!icon) {\n return null;\n }\n const { disabled } = this.props;\n const iconNode = icon instanceof Function ? icon() : icon;\n\n return (\n <span\n className={cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), {\n [styles.iconFocus(this.theme)]: this.state.focused,\n [styles.iconDisabled()]: disabled,\n })}\n >\n {iconNode}\n </span>\n );\n }\n\n private renderPlaceholder() {\n const { disabled } = this.props;\n const { focused } = this.state;\n let placeholder = null;\n\n if (\n this.state.needsPolyfillPlaceholder &&\n this.props.placeholder &&\n !this.isMaskVisible &&\n !this.props.value &&\n !this.props.defaultValue\n ) {\n placeholder = (\n <div\n className={cx(styles.placeholder(this.theme), {\n [styles.placeholderDisabled(this.theme)]: disabled,\n [styles.placeholderFocus(this.theme)]: focused,\n })}\n style={{ textAlign: this.props.align \|\| 'inherit' }}\n >\n {this.props.placeholder}\n </div>\n );\n }\n\n return placeholder;\n }\n\n private getSizeClassName() {\n switch (this.getProps().size) {\n case 'large':\n return cx({\n [styles.sizeLarge(this.theme)]: true,\n [styles.sizeLargeFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'medium':\n return cx({\n [styles.sizeMedium(this.theme)]: true,\n [styles.sizeMediumFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'small':\n default:\n return cx({\n [styles.sizeSmall(this.theme)]: true,\n [styles.sizeSmallFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n }\n }\n\n private refInput = (element: HTMLInputElement \| MaskedInput \| null) => {\n if (element instanceof MaskedInput) {\n this.input = element.input;\n } else {\n this.input = element;\n }\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (needsPolyfillPlaceholder) {\n const fieldIsEmpty = event.target.value === '';\n if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n }\n }\n\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.value);\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n this.setState({\n focused: true,\n });\n\n if (this.props.selectAllOnFocus) {\n this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n }\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n\n const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n this.handleUnexpectedInput();\n }\n };\n\n private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyPress) {\n this.props.onKeyPress(event);\n }\n\n if (this.props.maxLength === event.currentTarget.value.length) {\n this.handleUnexpectedInput(event.currentTarget.value);\n }\n };\n\n private handleMaskedValueChange = (value: string) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private handleUnexpectedInput = (value: string = this.props.value \|\| '') => {\n if (this.props.onUnexpectedInput) {\n this.props.onUnexpectedInput(value);\n } else {\n this.blink();\n }\n };\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.setState({ focused: false });\n\n if (this.props.onBlur) {\n this.props.onBlur(event);\n }\n };\n\n private renderPrefix = () => {\n const { prefix, disabled } = this.props;\n\n if (!prefix) {\n return null;\n }\n\n return (\n <span className={cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>{prefix}</span>\n );\n };\n\n private renderSuffix = () => {\n const { suffix, disabled } = this.props;\n\n if (!suffix) {\n return null;\n }\n\n return (\n <span className={cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>{suffix}</span>\n );\n };\n}\n"]}

package/components/Input/Input.d.ts CHANGED Viewed

@@ -1,11 +1,17 @@
-import React, { AriaAttributes } from 'react';
+import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { Nullable, Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
+export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
 export declare type InputSize = 'small' | 'medium' | 'large';
 export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email' | 'hidden';
+export declare type InputType = typeof inputTypes[number];
 export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
-export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+export declare const selectionAllowedTypes: InputType[];
+export declare const selectionErrorMessage: (type: InputType, allowedTypes?: InputType[]) => string;
+export declare const maskForbiddenTypes: InputType[];
+export declare const maskAllowedTypes: InputType[];
+export declare const maskErrorMessage: (type: InputType, allowedTypes?: InputType[]) => string;
+export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
     /**
      * Иконка слева
      * Если `ReactNode` применяются дефолтные стили для иконки
@@ -52,7 +58,7 @@ export interface InputProps extends CommonProps, Override<React.InputHTMLAttribu
     /** Вызывается на label */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
     /**
-     * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email' | 'hidden'
+     * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'
      * */
     type?: InputType;
     /** Значение */
@@ -80,6 +86,8 @@ export interface InputProps extends CommonProps, Override<React.InputHTMLAttribu
      * @param value значение инпута.
      */
     onUnexpectedInput?: (value: string) => void;
+    /** @ignore */
+    corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
     /**
      * Атрибут для указания id элемента(-ов), описывающих его
      */
@@ -94,7 +102,7 @@ export interface InputState {
 export declare const InputDataTids: {
     readonly root: "Input__root";
 };
-declare type DefaultProps = Required<Pick<InputProps, 'size'>>;
+declare type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
 /**
  * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
  *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
@@ -109,6 +117,9 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private blinkTimeout;
     private input;
     private setRootNode;
+    private outputMaskError;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<InputProps>): void;
     componentWillUnmount(): void;
     /**
      * @public
@@ -134,6 +145,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     setSelectionRange(start: number, end: number): void;
     get isMaskVisible(): boolean;
     render(): JSX.Element;
+    private get canBeUsedWithMask();
     /**
      * Работает с типами `text`, `password`, `tel`, `search`, `url`
      * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)

package/components/Input/Input.styles/Input.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42;
 import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
@@ -15,121 +15,124 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
   },
   root: function root(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])), resetText(), t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.inputShadow, t.inputColor, t.inputWidth);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])), resetText(), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.inputShadow, t.inputColor, t.inputWidth);
+  },
+  hovering: function hovering(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.inputBorderColorHover);
   },
   borderless: function borderless() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
   },
   useDefaultColor: function useDefaultColor(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
   },
   focus: function focus(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", " !important;\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
   },
   focusFallback: function focusFallback(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
   },
   placeholder: function placeholder(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
   },
   placeholderFocus: function placeholderFocus(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
   },
   placeholderDisabled: function placeholderDisabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   input: function input(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
   },
   inputFocus: function inputFocus(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
   },
   inputDisabled: function inputDisabled(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
   },
   warning: function warning(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
   },
   warningFallback: function warningFallback(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
   },
   errorFallback: function errorFallback(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
   },
   disabled: function disabled(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
   },
   blink: function blink(t) {
-    var blinkAnimation = keyframes(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
+    var blinkAnimation = keyframes(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
   },
   sizeSmallFallback: function sizeSmallFallback(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
   },
   sizeMediumFallback: function sizeMediumFallback(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
   },
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
   },
   prefix: function prefix(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
   },
   prefixDisabled: function prefixDisabled(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   suffix: function suffix(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
   },
   suffixDisabled: function suffixDisabled(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   sideContainer: function sideContainer() {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
   },
   rightContainer: function rightContainer() {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
   },
   iconFocus: function iconFocus(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
   },
   iconDisabled: function iconDisabled() {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
   },
   leftIconSmall: function leftIconSmall(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   rightIconSmall: function rightIconSmall(t) {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   leftIconMedium: function leftIconMedium(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   rightIconMedium: function rightIconMedium(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   leftIconLarge: function leftIconLarge(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
   },
   rightIconLarge: function rightIconLarge(t) {
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
   },
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
   }
 });

package/components/Input/Input.styles/Input.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n wrapper() {\n return css`\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n ${resetText()};\n\n align-items: center;\n background-clip: padding-box;\n background-color: ${t.inputBg};\n border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n border-top-color: ${t.inputBorderTopColor};\n box-shadow: ${t.inputShadow};\n box-sizing: border-box;\n color: ${t.inputColor};\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ${t.inputWidth};\n\n & * {\n box-sizing: border-box;\n }\n `;\n },\n\n borderless() {\n return css`\n box-shadow: none;\n border-color: transparent;\n `;\n },\n\n useDefaultColor(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n background-color: ${t.inputFocusedBg};\n border-color: ${t.inputBorderColorFocus};\n box-shadow: ${t.inputFocusShadow};\n outline: none;\n z-index: 2;\n `;\n },\n\n focusFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n -ms-user-select: none;\n color: ${t.inputPlaceholderColor};\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n `;\n },\n\n placeholderFocus(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ${t.inputTextColor};\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ${t.inputColorScheme};\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColor};\n }\n `;\n },\n\n inputFocus(t: Theme) {\n return css`\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n color: ${t.inputTextColorDisabled};\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorWarning};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n z-index: 2;\n `;\n },\n\n warningFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorError};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n z-index: 2;\n `;\n },\n\n errorFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n background-color: ${t.inputDisabledBg};\n border-color: ${t.inputDisabledBorderColor};\n box-shadow: none;\n `;\n },\n\n blink(t: Theme) {\n const blinkAnimation = keyframes`\n 0% {\n background-color: ${t.inputBlinkColor};\n }\n `;\n return css`\n animation: ${blinkAnimation} 0.15s ease-in;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeSmall};\n line-height: ${t.inputLineHeightSmall};\n padding-top: ${t.inputPaddingYSmall};\n padding-bottom: ${t.inputPaddingYSmall};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n height: ${t.inputHeightSmall};\n border-radius: ${t.inputBorderRadiusSmall};\n `;\n },\n\n sizeSmallFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n line-height: normal;\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeMedium};\n line-height: ${t.inputLineHeightMedium};\n padding-top: ${t.inputPaddingYMedium};\n padding-bottom: ${t.inputPaddingYMedium};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n height: ${t.inputHeightMedium};\n border-radius: ${t.inputBorderRadiusMedium};\n `;\n },\n\n sizeMediumFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n line-height: normal;\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeLarge};\n line-height: ${t.inputLineHeightLarge};\n height: ${t.inputHeightLarge};\n padding-top: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n border-radius: ${t.inputBorderRadiusLarge};\n `;\n },\n\n sizeLargeFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n prefix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n prefixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n suffix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n suffixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n sideContainer() {\n return css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 100%;\n\n &::before {\n content: '\\\\a0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n rightContainer() {\n return css`\n justify-self: flex-end;\n margin: 0 0 0 auto;\n padding-left: 0;\n `;\n },\n\n icon() {\n return css`\n flex-shrink: 0;\n cursor: text;\n z-index: 2;\n text-align: center;\n box-sizing: content-box !important; // fix possible \"reset.css\" problem\n `;\n },\n\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n\n iconDisabled() {\n return css`\n cursor: default;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-right: ${t.inputIconGapSmall};\n `;\n },\n\n rightIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-left: ${t.inputIconGapSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-right: ${t.inputIconGapMedium};\n `;\n },\n\n rightIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-left: ${t.inputIconGapMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-right: ${t.inputIconGapLarge};\n `;\n },\n\n rightIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-left: ${t.inputIconGapLarge};\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n wrapper() {\n return css`\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n ${resetText()};\n\n align-items: center;\n background-clip: ${t.inputBackgroundClip};\n background-color: ${t.inputBg};\n border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n border-top-color: ${t.inputBorderTopColor};\n box-shadow: ${t.inputShadow};\n box-sizing: border-box;\n color: ${t.inputColor};\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ${t.inputWidth};\n\n & * {\n box-sizing: border-box;\n }\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.inputBorderColorHover};\n }\n `;\n },\n\n borderless() {\n return css`\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n `;\n },\n\n useDefaultColor(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n background-color: ${t.inputFocusedBg};\n border-color: ${t.inputBorderColorFocus} !important;\n box-shadow: ${t.inputFocusShadow};\n outline: none;\n z-index: 2;\n `;\n },\n\n focusFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n -ms-user-select: none;\n color: ${t.inputPlaceholderColor};\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n `;\n },\n\n placeholderFocus(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ${t.inputTextColor};\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ${t.inputColorScheme};\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColor};\n }\n `;\n },\n\n inputFocus(t: Theme) {\n return css`\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n color: ${t.inputTextColorDisabled};\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorWarning};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n z-index: 2;\n `;\n },\n\n warningFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorError};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n z-index: 2;\n `;\n },\n\n errorFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n background-color: ${t.inputDisabledBg};\n border-color: ${t.inputDisabledBorderColor};\n box-shadow: none;\n `;\n },\n\n blink(t: Theme) {\n const blinkAnimation = keyframes`\n 0% {\n background-color: ${t.inputBlinkColor};\n }\n `;\n return css`\n animation: ${blinkAnimation} 0.15s ease-in;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeSmall};\n line-height: ${t.inputLineHeightSmall};\n padding-top: ${t.inputPaddingYSmall};\n padding-bottom: ${t.inputPaddingYSmall};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n height: ${t.inputHeightSmall};\n border-radius: ${t.inputBorderRadiusSmall};\n `;\n },\n\n sizeSmallFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n line-height: normal;\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeMedium};\n line-height: ${t.inputLineHeightMedium};\n padding-top: ${t.inputPaddingYMedium};\n padding-bottom: ${t.inputPaddingYMedium};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n height: ${t.inputHeightMedium};\n border-radius: ${t.inputBorderRadiusMedium};\n `;\n },\n\n sizeMediumFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n line-height: normal;\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeLarge};\n line-height: ${t.inputLineHeightLarge};\n height: ${t.inputHeightLarge};\n padding-top: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n border-radius: ${t.inputBorderRadiusLarge};\n `;\n },\n\n sizeLargeFallback(t: Theme) {\n return css`\n padding-top: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n prefix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n prefixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n suffix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n suffixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n sideContainer() {\n return css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 100%;\n\n &::before {\n content: '\\\\a0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n rightContainer() {\n return css`\n justify-self: flex-end;\n margin: 0 0 0 auto;\n padding-left: 0;\n `;\n },\n\n icon() {\n return css`\n flex-shrink: 0;\n cursor: text;\n z-index: 2;\n text-align: center;\n box-sizing: content-box !important; // fix possible \"reset.css\" problem\n `;\n },\n\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n\n iconDisabled() {\n return css`\n cursor: default;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-right: ${t.inputIconGapSmall};\n `;\n },\n\n rightIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-left: ${t.inputIconGapSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-right: ${t.inputIconGapMedium};\n `;\n },\n\n rightIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-left: ${t.inputIconGapMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-right: ${t.inputIconGapLarge};\n `;\n },\n\n rightIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-left: ${t.inputIconGapLarge};\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n});\n"]}

package/components/Input/Input.styles.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
+    hovering(t: Theme): string;
     borderless(): string;
     useDefaultColor(t: Theme): string;
     focus(t: Theme): string;