npm - @skbkontur/react-ui - Versions diffs - 0.0.0-1ee663e1d9 → 0.0.0-1fb0cccdc2 - Mend

@skbkontur/react-ui 0.0.0-1ee663e1d9 → 0.0.0-1fb0cccdc2

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

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

@@ -1,8 +1,13 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
+import React, { AriaAttributes, HTMLAttributes, ReactElement } from 'react';
 import { Nullable, Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { InputElementProps } from './Input.typings';
 export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
-export declare type InputSize = 'small' | 'medium' | 'large';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type InputSize = SizeProp;
 export declare type InputAlign = 'left' | 'center' | 'right';
 export declare type InputType = typeof inputTypes[number];
 export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
@@ -11,7 +16,7 @@ export declare const selectionErrorMessage: (type: InputType, allowedTypes?: Inp
 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>, {
+export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
     /**
      * Иконка слева
      * Если `ReactNode` применяются дефолтные стили для иконки
@@ -36,19 +41,29 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     borderless?: boolean;
     /** Выравнивание текста */
     align?: InputAlign;
-    /** Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` */
+    /**
+     * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     mask?: Nullable<string>;
-    /** Символ маски */
+    /**
+     * Символ маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     maskChar?: Nullable<string>;
     /**
      * Словарь символов-регулярок для задания маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
      * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
      */
     formatChars?: Record<string, string>;
-    /** Показывать символы маски */
+    /**
+     * Показывать символы маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     alwaysShowMask?: boolean;
     /** Размер */
-    size?: InputSize;
+    size?: SizeProp;
     /** onValueChange */
     onValueChange?: (value: string) => void;
     /** Вызывается на label */
@@ -78,7 +93,7 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     selectAllOnFocus?: boolean;
     /**
      * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
+     * По-умолчанию, инпут вспыхивает акцентным цветом.
      * Если передан - вызывается переданный обработчик,
      * в таком случае вспыхивание можно вызвать
      * публичным методом инстанса `blink()`.
@@ -89,9 +104,10 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     /** @ignore */
     corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
     /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
+     * Элемент заменяет нативный input.
+     * Должен иметь пропы `InputElementProps` и тип `InputElement`
+     * */
+    element?: ReactElement<InputElementProps>;
 }> {
 }
 export interface InputState {
@@ -109,6 +125,7 @@ declare type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
  */
 export declare class Input extends React.Component<InputProps, InputState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     state: InputState;
@@ -155,6 +172,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private delaySelectAll;
     private cancelDelayedSelectAll;
     private cancelBlink;
+    private getInput;
     private renderMain;
     private renderMaskedInput;
     private getIconSizeClassname;
@@ -170,6 +188,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private handleKeyPress;
     private handleMaskedValueChange;
     private handleUnexpectedInput;
+    private resetFocus;
     private handleBlur;
     private renderPrefix;
     private renderSuffix;

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

@@ -15,7 +15,7 @@ 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: ", ";\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);
+    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      transition: border-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.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
   },
   hovering: function hovering(t) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.inputBorderColorHover);
@@ -27,7 +27,7 @@ export var styles = memoizeStyle({
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
   },
   focus: function focus(t) {
-    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);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
   },
   focusFallback: function focusFallback(t) {
     return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
@@ -111,8 +111,8 @@ export var styles = memoizeStyle({
   iconFocus: function iconFocus(t) {
     return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
   },
-  iconDisabled: function iconDisabled() {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  iconDisabled: function iconDisabled(t) {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.inputIconColorDisabled);
   },
   leftIconSmall: function leftIconSmall(t) {
     return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);

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","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"]}
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","transitionDuration","transitionTimingFunction","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","inputIconColorDisabled","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 transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\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};\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(t: Theme) {\n return css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\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

@@ -33,7 +33,7 @@ export declare const styles: {
     rightContainer(): string;
     icon(): string;
     iconFocus(t: Theme): string;
-    iconDisabled(): string;
+    iconDisabled(t: Theme): string;
     leftIconSmall(t: Theme): string;
     rightIconSmall(t: Theme): string;
     leftIconMedium(t: Theme): string;

package/components/Input/Input.typings/Input.typings.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/components/Input/Input.typings/Input.typings.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/Input/Input.typings/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Input/Input.typings.js",
+  "module": "Input.typings",
+  "types": "../Input.typings.d.ts",
+  "sideEffects": false
+}

package/components/Input/Input.typings.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type InputElement = (HTMLInputElement | {
+    input: HTMLInputElement | null;
+}) & {
+    getRootNode: () => HTMLElement | null;
+};
+export declare type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;

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

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
 import { InputDataTids } from "../../Input";
 import { CommonWrapper } from "../../../../internal/CommonWrapper";
 import { InputLayoutAside } from "../InputLayoutAside";
 import { InputLayoutContext, InputLayoutContextDefault } from "../InputLayoutContext";
 import { stylesLayout } from "../InputLayout.styles";
-export var InputLayout = function InputLayout(props) {
+export var InputLayout = forwardRefAndName('InputLayout', function (props, ref) {
   var leftIcon = props.leftIcon,
       rightIcon = props.rightIcon,
       prefix = props.prefix,
@@ -19,6 +20,7 @@ export var InputLayout = function InputLayout(props) {
   return /*#__PURE__*/React.createElement(InputLayoutContext.Provider, {
     value: _context
   }, /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement("label", _extends({
+    ref: ref,
     "data-tid": InputDataTids.root
   }, labelProps), /*#__PURE__*/React.createElement(InputLayoutAside, {
     icon: leftIcon,
@@ -31,4 +33,4 @@ export var InputLayout = function InputLayout(props) {
     text: suffix,
     side: "right"
   }))));
-};
+});

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayout.tsx"],"names":["React","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA0C,UAA1C;AACA,~~SAASC~~,~~aAAT~~,~~QAA8B~~,~~iCAA9B~~;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;;;;AASA,OAAO,IAAMC,~~WAA0D~~,~~GAAG~~,~~SAA7DA~~,~~WAA6D~~,~~CAACC~~,KAAD,~~EAAW~~;~~AACnF~~,MAAQC,QAAR,GAA+ED,KAA/E,~~CAAQC~~,QAAR,CAAkBC,SAAlB,GAA+EF,KAA/E,~~CAAkBE~~,SAAlB,CAA6BC,MAA7B,GAA+EH,KAA/E,~~CAA6BG~~,MAA7B,CAAqCC,MAArC,GAA+EJ,KAA/E,~~CAAqCI~~,MAArC,CAA6CC,UAA7C,GAA+EL,KAA/E,~~CAA6CK~~,UAA7C,CAAyDC,OAAzD,GAA+EN,KAA/E,~~CAAyDM~~,OAAzD,CAAkEC,QAAlE,GAA+EP,KAA/E,~~CAAkEO~~,QAAlE;AACA,MAAMC,QAAiC,~~gBAAQX~~,yBAAR,~~EAAsCS~~,OAAtC,CAAvC;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,wBAAC,aAAD,~~EAAmBR~~,KAAnB;AACE,4CAAO,~~YAAUP~~,aAAa,~~CAACgB~~,~~IAA/B~~,~~IAAyCJ~~,~~UAAzC~~;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,~~EAAEL~~,YAAY,~~CAACY~~,KAAb,EAAjB,IAAwCH,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,~~CAfM~~","sourcesContent":["import React from 'react';\n\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' \| 'rightIcon' \| 'prefix' \| 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps {\n labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout: ~~React.FunctionComponent~~<InputLayoutRootProps> = (props) => {\n const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n return (\n <InputLayoutContext.Provider value={_context}>\n <CommonWrapper {...props}>\n <label data-tid={InputDataTids.root} {...labelProps}>\n <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n <span className={stylesLayout.input()}>{children}</span>\n <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n </label>\n </CommonWrapper>\n </InputLayoutContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"sources":["InputLayout.tsx"],"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,aAAT,QAA0C,UAA1C;AACA,SAAsBC,aAAtB,QAA2C,iCAA3C;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;;;;AASA,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAzC,EAAwD,UAACQ,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,gBAAQZ,yBAAR,EAAsCU,OAAtC,CAAvC;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,wBAAC,aAAD,EAAmBT,KAAnB;AACE,4CAAO,GAAG,EAAEC,GAAZ,EAAiB,YAAUR,aAAa,CAACiB,IAAzC,IAAmDJ,UAAnD;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,EAAEN,YAAY,CAACa,KAAb,EAAjB,IAAwCH,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAf2C,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' \| 'rightIcon' \| 'prefix' \| 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n return (\n <InputLayoutContext.Provider value={_context}>\n <CommonWrapper {...props}>\n <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n <span className={stylesLayout.input()}>{children}</span>\n <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n </label>\n </CommonWrapper>\n </InputLayoutContext.Provider>\n );\n});\n"]}

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { InputProps } from '../Input';
+import { CommonProps } from '../../../internal/CommonWrapper';
 import { InputLayoutContextProps } from './InputLayoutContext';
 declare type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
-export interface InputLayoutRootProps extends InputLayoutRootFromInputProps {
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
     labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
     context: Partial<InputLayoutContextProps>;
 }
-export declare const InputLayout: React.FunctionComponent<InputLayoutRootProps>;
+export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
 export {};

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

@@ -2,6 +2,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+import { ZERO_WIDTH_SPACE_CSS } from "../../../../lib/chars";
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 import { styles } from "../../Input.styles";
 export var stylesLayout = memoizeStyle({
@@ -12,7 +13,7 @@ export var stylesLayout = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    "])));
   },
   aside: function aside() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
   },
   icon: function icon(t) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
@@ -20,8 +21,8 @@ export var stylesLayout = memoizeStyle({
   iconFocus: function iconFocus(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
   },
-  iconDisabled: function iconDisabled() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  iconDisabled: function iconDisabled(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.inputIconColorDisabled);
   },
   text: function text(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayout.styles.ts"],"names":["css","memoizeStyle","styles","stylesLayout","root","t","input","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;AACvCG,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOH,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCC,EAAAA,KAJuC,mBAI/B;AACN,WAAON,GAAP;;;;;;;AAOD,GAZsC;AAavCO,EAAAA,KAbuC,mBAa/B;AACN,WAAOP,GAAP~~;;;;;AAKD~~,~~GAnBsC~~;~~AAoBvCQ~~,EAAAA,~~IApBuC~~,~~gBAoBlCH~~,~~CApBkC~~,~~EAoBxB~~;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACI,cADb;;AAGD,~~GAxBsC~~;~~AAyBvCC~~,EAAAA,~~SAzBuC~~,~~qBAyB7BL~~,~~CAzB6B~~,~~EAyBnB~~;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACM,qBADb;;AAGD,~~GA7BsC~~;~~AA8BvCC~~,EAAAA,~~YA9BuC~~,~~0BA8BxB~~;~~AACb~~,~~WAAOZ~~,GAAP~~;;;AAGD~~,~~GAlCsC~~;~~AAmCvCa~~,EAAAA,~~IAnCuC~~,~~gBAmClCR~~,~~CAnCkC~~,~~EAmCxB~~;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,~~CAACS~~,qBADb;;AAGD,~~GAvCsC~~;~~AAwCvCC~~,EAAAA,~~YAxCuC~~,~~wBAwC1BV~~,~~CAxC0B~~,~~EAwChB~~;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,~~CAACW~~,6BADb;;AAGD,~~GA5CsC~~,EAAD,CAAjC","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled() {\n return css`\n cursor: default;\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["InputLayout.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"gOAAA,SAASA,oBAAT,QAAqC,oBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;AACvCG,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOH,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCC,EAAAA,KAJuC,mBAI/B;AACN,WAAON,GAAP;;;;;;;AAOD,GAZsC;AAavCO,EAAAA,KAbuC,mBAa/B;AACN,WAAOP,GAAP;;;;;;AAMgBD,IAAAA,oBANhB;;;AASD,GAvBsC;AAwBvCS,EAAAA,IAxBuC,gBAwBlCH,CAxBkC,EAwBxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACI,cADb;;AAGD,GA5BsC;AA6BvCC,EAAAA,SA7BuC,qBA6B7BL,CA7B6B,EA6BnB;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACM,qBADb;;AAGD,GAjCsC;AAkCvCC,EAAAA,YAlCuC,wBAkC1BP,CAlC0B,EAkChB;AACrB,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACQ,sBAFb;;AAID,GAvCsC;AAwCvCC,EAAAA,IAxCuC,gBAwClCT,CAxCkC,EAwCxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACU,qBADb;;AAGD,GA5CsC;AA6CvCC,EAAAA,YA7CuC,wBA6C1BX,CA7C0B,EA6ChB;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACY,6BADb;;AAGD,GAjDsC,EAAD,CAAjC","sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"]}

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

@@ -5,7 +5,7 @@ export declare const stylesLayout: {
     aside(): string;
     icon(t: Theme): string;
     iconFocus(t: Theme): string;
-    iconDisabled(): string;
+    iconDisabled(t: Theme): string;
     text(t: Theme): string;
     textDisabled(t: Theme): string;
 };

package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js CHANGED Viewed

@@ -1,11 +1,9 @@
 import React from 'react';
-import { ZERO_WIDTH_SPACE } from "../../../../lib/chars";
 import { stylesLayout } from "../InputLayout.styles";
 import { InputLayoutAsideIcon } from "../InputLayoutAsideIcon";
 import { InputLayoutAsideText } from "../InputLayoutAsideText";
 export var InputLayoutAside = function InputLayoutAside(_ref) {
-  var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? null : _ref$icon,
+  var icon = _ref.icon,
       text = _ref.text,
       side = _ref.side;
   var asideClassName = stylesLayout.aside();
@@ -24,5 +22,5 @@ export var InputLayoutAside = function InputLayoutAside(_ref) {
   var child = side === 'left' ? [_icon, _text] : [_text, _icon];
   return /*#__PURE__*/React.createElement("span", {
     className: asideClassName
-  }, ZERO_WIDTH_SPACE, child);
+  }, child);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayoutAside.tsx"],"names":["React","~~ZERO_WIDTH_SPACE","~~stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","icon","text","side","asideClassName","aside","_icon","_text","child"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB~~;;;AAGA~~,SAASC,~~gBAAT,QAAiC,oBAAjC;;AAEA,SAASC,~~YAAT,QAA6B,sBAA7B;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;;;;;;AAQA,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAmE,~~OAAiC~~,~~sBAA9BC~~,~~IAA8B~~,~~CAA9BA~~,~~IAA8B,0BAAvB,~~IAAuB,~~aAAjBC~~,IAAiB,QAAjBA,IAAiB,CAAXC,IAAW,QAAXA,IAAW;~~AAC/G~~,MAAMC,cAAc,GAAGP,YAAY,CAACQ,KAAb,EAAvB;;AAEA,MAAMC,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,EAA6C,IAAI,EAAEE,IAAnD,GAAd;AACA,MAAMI,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,GAAd;;AAEA,MAAMM,KAAK,GAAGL,IAAI,KAAK,MAAT,GAAkB,CAACG,KAAD,EAAQC,KAAR,CAAlB,GAAmC,CAACA,KAAD,EAAQD,KAAR,CAAjD;;AAEA~~;AACE~~,~~kCAAM~~,SAAS,EAAEF,cAAjB~~;AACGR~~,~~IAAAA~~,~~gBADH~~;~~AAEGY~~,~~IAAAA,KAFH,CADF;;;AAMD,CAdM~~","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\~~nimport { ZERO_WIDTH_SPACE } from '../../../lib/chars';\~~n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n text: InputProps['prefix'] \| InputProps['suffix'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon ~~= null~~, text, side }) => {\n const asideClassName = stylesLayout.aside();\n\n const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n return ~~(\n~~ <span className={asideClassName}~~>\n~~ {~~ZERO_WIDTH_SPACE}\n {~~child}\n </span>\n ~~);\n~~};\n"]}
1	+ {"version":3,"sources":["InputLayoutAside.tsx"],"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","icon","text","side","asideClassName","aside","_icon","_text","child"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,YAAT,QAA6B,sBAA7B;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;;;;;;AAQA,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAmE,OAA0B,KAAvBC,IAAuB,QAAvBA,IAAuB,CAAjBC,IAAiB,QAAjBA,IAAiB,CAAXC,IAAW,QAAXA,IAAW;AACxG,MAAMC,cAAc,GAAGP,YAAY,CAACQ,KAAb,EAAvB;;AAEA,MAAMC,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,EAA6C,IAAI,EAAEE,IAAnD,GAAd;AACA,MAAMI,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,GAAd;;AAEA,MAAMM,KAAK,GAAGL,IAAI,KAAK,MAAT,GAAkB,CAACG,KAAD,EAAQC,KAAR,CAAlB,GAAmC,CAACA,KAAD,EAAQD,KAAR,CAAjD;;AAEA,sBAAO,8BAAM,SAAS,EAAEF,cAAjB,IAAkCI,KAAlC,CAAP;AACD,CATM","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n text: InputProps['prefix'] \| InputProps['suffix'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n const asideClassName = stylesLayout.aside();\n\n const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n return <span className={asideClassName}>{child}</span>;\n};\n"]}

package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { InputLayoutContext } from "../InputLayoutContext";
 import { stylesLayout } from "../InputLayout.styles";
 export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
-  var icon = _ref.icon,
+  var _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? null : _ref$icon,
       side = _ref.side;
   var theme = React.useContext(ThemeContext);
@@ -25,14 +26,15 @@ export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
     medium: parseInt(theme.inputIconGapMedium),
     large: parseInt(theme.inputIconGapLarge)
   };
-  var _icon = null;
-  if (icon && isElement(icon)) {
+  var _icon = icon instanceof Function ? icon() : icon;
+  if (isElement(icon) && isKonturIcon(icon)) {
     var _icon$props$size;
-    _icon = isKonturIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
+    _icon = /*#__PURE__*/React.cloneElement(icon, {
       size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
-    }) : icon;
+    });
   }
   var style = {};
@@ -47,6 +49,6 @@ export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
   return _icon && /*#__PURE__*/React.createElement("span", {
     style: style,
-    className: cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled())
+    className: cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled(theme))
   }, _icon);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayoutAsideIcon.tsx"],"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","icon","side","theme","useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","cloneElement","props","style","marginLeft","marginRight","aside","iconFocus","iconDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,SAASC,YAAT,QAA6B,oBAA7B;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B~~;;AAEA~~,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;AAMA,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,~~OAAoB~~,~~KAAjBC~~,~~IAAiB~~,~~QAAjBA~~,IAAiB,~~CAAXC~~,IAAW,QAAXA,IAAW;~~AAC1G~~,MAAMC,KAAK,GAAGV,KAAK,CAACW,UAAN,CAAiBP,YAAjB,CAAd;AACA,0BAAoCJ,KAAK,CAACW,UAAN,CAAiBN,kBAAjB,CAApC,CAAQO,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB,CAA2BC,IAA3B,qBAA2BA,IAA3B;;AAEA,MAAMC,~~KAAgC~~,GAAG;~~AACvCC~~,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,~~CADwB~~;~~AAEvCC~~,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,~~CAFuB~~;~~AAGvCC~~,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,~~CAHwB~~,~~EAAzC~~;;AAKA,MAAMC,~~IAA+B~~,GAAG;~~AACtCP~~,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACc,iBAAP,~~CADuB~~;~~AAEtCL~~,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACe,kBAAP,~~CAFsB~~;~~AAGtCJ~~,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACgB,iBAAP,~~CAHuB~~,~~EAAxC~~;;;AAMA,MAAIC,KAAK,~~GAAG~~,~~IAAZ;AACA~~,~~MAAInB~~,IAAI,~~IAAIP~~,SAAS,CAACO,IAAD,~~CAArB~~,~~EAA6B;AAC3BmB~~,~~IAAAA,KAAK,GAAGzB,~~YAAY,CAACM,IAAD,~~CAAZ~~,~~gBAAqBR~~,KAAK,~~CAAC4B~~,YAAN,~~CAAmBpB~~,IAAnB,EAAyB,EAAEM,IAAI,sBAAEN,IAAI,~~CAACqB~~,KAAL,~~CAAWf~~,IAAb,+BAAqBC,KAAK,CAACD,IAAD,CAAhC,EAAzB,~~CAArB,GAA0FN,IAAlG~~;AACD;;AAED,~~MAAMsB~~,KAA0B,GAAG,EAAnC;AACA,~~MAAIrB~~,IAAJ,EAAU;AACR,QAAIA,IAAI,KAAK,OAAb,EAAsB;~~AACpBqB~~,MAAAA,KAAK,CAACC,UAAN,~~GAAmBR~~,IAAI,CAACT,IAAD,CAAvB;AACD,KAFD,MAEO;~~AACLgB~~,MAAAA,KAAK,CAACE,WAAN,~~GAAoBT~~,IAAI,CAACT,IAAD,CAAxB;AACD;AACF;;AAED;AACEa,IAAAA,KAAK;AACH;AACE,MAAA,KAAK,~~EAAEG~~,KADT;AAEE,MAAA,SAAS,~~EAAE3B~~,EAAE;AACXG,MAAAA,YAAY,~~CAAC2B~~,KAAb,EADW;~~AAEX3B~~,MAAAA,YAAY,CAACE,IAAb,CAAkBE,KAAlB,CAFW;AAGXE,MAAAA,OAAO,IAAIN,YAAY,~~CAAC4B~~,SAAb,~~CAAuBxB~~,KAAvB,CAHA;AAIXG,MAAAA,QAAQ,IAAIP,YAAY,~~CAAC6B~~,YAAb,~~EAJD~~,CAFf;;;~~AASGR~~,IAAAA,KATH,CAFJ;;;;AAeD,CA5CM","sourcesContent":["import React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps, ~~InputSize~~ } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon, side }) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n const sizes: Record<~~InputSize~~, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const gaps: Record<~~InputSize~~, number> = {\n small: parseInt(theme.inputIconGapSmall),\n medium: parseInt(theme.inputIconGapMedium),\n large: parseInt(theme.inputIconGapLarge),\n };\n\n let _icon = ~~null~~;\n if (icon && ~~isElement~~(icon)) {\n _icon = ~~isKonturIcon(icon) ?~~ React.cloneElement(icon, { size: icon.props.size ?? sizes[size] }) ~~: icon~~;\n }\n\n const style: React.CSSProperties = {};\n if (side) {\n if (side === 'right') {\n style.marginLeft = gaps[size];\n } else {\n style.marginRight = gaps[size];\n }\n }\n\n return (\n _icon && (\n <span\n style={style}\n className={cx(\n stylesLayout.aside(),\n stylesLayout.icon(theme),\n focused && stylesLayout.iconFocus(theme),\n disabled && stylesLayout.iconDisabled(),\n )}\n >\n {_icon}\n </span>\n )\n );\n};\n"]}
1	+ {"version":3,"sources":["InputLayoutAsideIcon.tsx"],"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","icon","side","theme","useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","cloneElement","props","style","marginLeft","marginRight","aside","iconFocus","iconDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,SAASC,YAAT,QAA6B,oBAA7B;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;;AAGA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;AAMA,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,OAA2B,sBAAxBC,IAAwB,CAAxBA,IAAwB,0BAAjB,IAAiB,aAAXC,IAAW,QAAXA,IAAW;AACjH,MAAMC,KAAK,GAAGV,KAAK,CAACW,UAAN,CAAiBP,YAAjB,CAAd;AACA,0BAAoCJ,KAAK,CAACW,UAAN,CAAiBN,kBAAjB,CAApC,CAAQO,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB,CAA2BC,IAA3B,qBAA2BA,IAA3B;;AAEA,MAAMC,KAA+B,GAAG;AACtCC,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,CADuB;AAEtCC,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,CAFsB;AAGtCC,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,CAHuB,EAAxC;;AAKA,MAAMC,IAA8B,GAAG;AACrCP,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACc,iBAAP,CADsB;AAErCL,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACe,kBAAP,CAFqB;AAGrCJ,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACgB,iBAAP,CAHsB,EAAvC;;;AAMA,MAAIC,KAAK,GAAGnB,IAAI,YAAYoB,QAAhB,GAA2BpB,IAAI,EAA/B,GAAoCA,IAAhD;AACA,MAAIP,SAAS,CAACO,IAAD,CAAT,IAAmBN,YAAY,CAACM,IAAD,CAAnC,EAA2C;AACzCmB,IAAAA,KAAK,gBAAG3B,KAAK,CAAC6B,YAAN,CAAmBrB,IAAnB,EAAyB,EAAEM,IAAI,sBAAEN,IAAI,CAACsB,KAAL,CAAWhB,IAAb,+BAAqBC,KAAK,CAACD,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED,MAAMiB,KAA0B,GAAG,EAAnC;AACA,MAAItB,IAAJ,EAAU;AACR,QAAIA,IAAI,KAAK,OAAb,EAAsB;AACpBsB,MAAAA,KAAK,CAACC,UAAN,GAAmBT,IAAI,CAACT,IAAD,CAAvB;AACD,KAFD,MAEO;AACLiB,MAAAA,KAAK,CAACE,WAAN,GAAoBV,IAAI,CAACT,IAAD,CAAxB;AACD;AACF;;AAED;AACEa,IAAAA,KAAK;AACH;AACE,MAAA,KAAK,EAAEI,KADT;AAEE,MAAA,SAAS,EAAE5B,EAAE;AACXG,MAAAA,YAAY,CAAC4B,KAAb,EADW;AAEX5B,MAAAA,YAAY,CAACE,IAAb,CAAkBE,KAAlB,CAFW;AAGXE,MAAAA,OAAO,IAAIN,YAAY,CAAC6B,SAAb,CAAuBzB,KAAvB,CAHA;AAIXG,MAAAA,QAAQ,IAAIP,YAAY,CAAC8B,YAAb,CAA0B1B,KAA1B,CAJD,CAFf;;;AASGiB,IAAAA,KATH,CAFJ;;;;AAeD,CA5CM","sourcesContent":["import React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n const sizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const gaps: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconGapSmall),\n medium: parseInt(theme.inputIconGapMedium),\n large: parseInt(theme.inputIconGapLarge),\n };\n\n let _icon = icon instanceof Function ? icon() : icon;\n if (isElement(icon) && isKonturIcon(icon)) {\n _icon = React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n const style: React.CSSProperties = {};\n if (side) {\n if (side === 'right') {\n style.marginLeft = gaps[size];\n } else {\n style.marginRight = gaps[size];\n }\n }\n\n return (\n _icon && (\n <span\n style={style}\n className={cx(\n stylesLayout.aside(),\n stylesLayout.icon(theme),\n focused && stylesLayout.iconFocus(theme),\n disabled && stylesLayout.iconDisabled(theme),\n )}\n >\n {_icon}\n </span>\n )\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayoutContext.tsx"],"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;AAUA,OAAO,IAAMC,yBAAkD,GAAG;AAChEC,EAAAA,OAAO,EAAE,KADuD;AAEhEC,EAAAA,QAAQ,EAAE,KAFsD;AAGhEC,EAAAA,IAAI,EAAE,OAH0D,EAA3D;;;AAMP,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAN,CAA6CL,yBAA7C,CAA3B","sourcesContent":["import React from 'react';\n\nimport { ~~InputSize~~ } from '~~../Input~~';\n\nexport interface InputLayoutContextProps {\n focused: boolean;\n disabled: boolean;\n size: ~~InputSize~~;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n focused: false,\n disabled: false,\n size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"]}
1	+ {"version":3,"sources":["InputLayoutContext.tsx"],"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;AAUA,OAAO,IAAMC,yBAAkD,GAAG;AAChEC,EAAAA,OAAO,EAAE,KADuD;AAEhEC,EAAAA,QAAQ,EAAE,KAFsD;AAGhEC,EAAAA,IAAI,EAAE,OAH0D,EAA3D;;;AAMP,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAN,CAA6CL,yBAA7C,CAA3B","sourcesContent":["import React from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n focused: boolean;\n disabled: boolean;\n size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n focused: false,\n disabled: false,\n size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"]}

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { InputSize } from '../Input';
+import { SizeProp } from '../../../lib/types/props';
 export interface InputLayoutContextProps {
     focused: boolean;
     disabled: boolean;
-    size: InputSize;
+    size: SizeProp;
 }
 export declare const InputLayoutContextDefault: InputLayoutContextProps;
 export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;

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

@@ -1 +1,2 @@
-export * from "../Input";
+export * from "../Input";
+export * from "../Input.typings";

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Input';\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from './Input';\nexport * from './Input.typings';\n"]}

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

	@@ -1 +1,2 @@
1 1	export * from './Input';
2	+ export * from './Input.typings';