@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/FileUploader/FileUploader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","ColorFunctions","_interopRequireWildcard","_FileUploader","_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","globalClasses","exports","prefix","afterLinkText","styles","calcPulse","t","keyframes","_taggedTemplateLiteralLoose2","default","fade","inputBlinkColor","root","css","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderSizeMixin","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles","memoizeStyle"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n  calcPulse(t: Theme) {\n    return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeightSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\n      color: ${t.fileUploaderTextColorDefault};\n      background-color: ${t.fileUploaderBg};\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      transition:\n        background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      background-color: ${t.fileUploaderUploadButtonBg};\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid ${t.fileUploaderDragOverBorderColor};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: ${t.fileUploaderDragOverShadow};\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.calcPulse(t)} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  visuallyHidden() {\n    return css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    `;\n  },\n\n  afterLinkText(t: Theme) {\n    return css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  afterLinkText_HasFiles(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderDisabledBorder};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      background-clip: ${t.fileUploaderDisabledBgClip};\n\n      .${globalClasses.afterLinkText} {\n        color: ${t.fileUploaderDisabledTextColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","ColorFunctions","_interopRequireWildcard","_FileUploader","_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","globalClasses","exports","prefix","afterLinkText","styles","calcPulse","t","keyframes","_taggedTemplateLiteralLoose2","default","fade","inputBlinkColor","root","css","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderSizeMixin","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles","memoizeStyle"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n  afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n  calcPulse(t: Theme) {\n    return keyframes`\n      0% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n      }\n      95% {\n        box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n      }\n      100% {\n        box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: ${t.fileUploaderLineHeightSmall};\n      font-size: ${t.fileUploaderFontSizeSmall};\n      color: ${t.fileUploaderTextColorDefault};\n      background-color: ${t.fileUploaderBg};\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n      transition:\n        background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      background-color: ${t.fileUploaderUploadButtonBg};\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid ${t.fileUploaderDragOverBorderColor};\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: ${t.fileUploaderDragOverShadow};\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.calcPulse(t)} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  visuallyHidden() {\n    return css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      margin: -1px;\n      border: 0;\n      padding: 0;\n      white-space: nowrap;\n      clip-path: inset(100%);\n      clip: rect(0 0 0 0);\n      overflow: hidden;\n    `;\n  },\n\n  afterLinkText(t: Theme) {\n    return css`\n      display: inline;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  afterLinkText_HasFiles(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ${t.fileUploaderAfterLinkColor};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n      border-color: ${t.fileUploaderHoveredBorderColor};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderDisabledBorder};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n      background-clip: ${t.fileUploaderDisabledBgClip};\n\n      .${globalClasses.afterLinkText} {\n        color: ${t.fileUploaderDisabledTextColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/FileUploader/UploadIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
+}>;

package/cjs/components/FileUploader/index.d.ts

@@ -1,5 +1,5 @@
-import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
-export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
-export type FileUploaderAttachedFile = Type;
-export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
-export * from './FileUploader';
+import type { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export type FileUploaderAttachedFile = Type;
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/cjs/components/FileUploader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_fileUtils","require","exports","FileUploaderFileStatus","_FileUploaderFileValidationResult","FileUploaderFileValidationResult","_FileUploader","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["index.tsx"],"sourcesContent":["import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type FileUploaderAttachedFile = Type;\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"],"mappings":";AACA,IAAAA,UAAA,GAAAC,OAAA,iDAAsFC,OAAA,CAAAC,sBAAA,GAAAH,UAAA,CAAAG,sBAAA;;AAEtF,IAAAC,iCAAA,GAAAH,OAAA,wEAAuHC,OAAA,CAAAG,gCAAA,GAAAD,iCAAA,CAAAC,gCAAA;AACvH,IAAAC,aAAA,GAAAL,OAAA,mBAAAM,MAAA,CAAAC,IAAA,CAAAF,aAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAR,OAAA,IAAAA,OAAA,CAAAQ,GAAA,MAAAJ,aAAA,CAAAI,GAAA,UAAAR,OAAA,CAAAQ,GAAA,IAAAJ,aAAA,CAAAI,GAAA","ignoreList":[]}
+{"version":3,"names":["_fileUtils","require","exports","FileUploaderFileStatus","_FileUploaderFileValidationResult","FileUploaderFileValidationResult","_FileUploader","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["index.tsx"],"sourcesContent":["import type { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type FileUploaderAttachedFile = Type;\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"],"mappings":";AACA,IAAAA,UAAA,GAAAC,OAAA,iDAAsFC,OAAA,CAAAC,sBAAA,GAAAH,UAAA,CAAAG,sBAAA;;AAEtF,IAAAC,iCAAA,GAAAH,OAAA,wEAAuHC,OAAA,CAAAG,gCAAA,GAAAD,iCAAA,CAAAC,gCAAA;AACvH,IAAAC,aAAA,GAAAL,OAAA,mBAAAM,MAAA,CAAAC,IAAA,CAAAF,aAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAR,OAAA,IAAAA,OAAA,CAAAQ,GAAA,MAAAJ,aAAA,CAAAI,GAAA,UAAAR,OAAA,CAAAQ,GAAA,IAAAJ,aAAA,CAAAI,GAAA","ignoreList":[]}

package/cjs/components/FileUploader/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { FileUploaderLocale } from './types';
-export * from './types';
-export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/cjs/components/FileUploader/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","FileUploaderLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"uIAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,wBAAwB,GAAAD,OAAA,CAAAC,wBAAA,GAAG,IAAIC,0BAAY,CAAqB;EAC3EC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","FileUploaderLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"uIAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,wBAAwB,GAAAD,OAAA,CAAAC,wBAAA,GAAG,IAAIC,0BAAY,CAAqB;EAC3EC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/FileUploader/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import type { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/cjs/components/FileUploader/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["en.ts"],"sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAqC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACnDE,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,eAAe;EAC5BC,UAAU,EAAE,cAAc;EAC1BC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["en.ts"],"sourcesContent":["import type { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAqC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACnDE,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,eAAe;EAC5BC,UAAU,EAAE,cAAc;EAC1BC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}

package/cjs/components/FileUploader/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import type { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/cjs/components/FileUploader/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["ru.ts"],"sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAqC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACnDE,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,qBAAqB;EACjCC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["ru.ts"],"sourcesContent":["import type { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAqC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACnDE,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,qBAAqB;EACjCC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}

package/cjs/components/FileUploader/locale/types.d.ts

@@ -1,6 +1,6 @@
-export interface FileUploaderLocale {
-    chooseFile: string;
-    choosedFile: string;
-    orDragHere: string;
-    requestErrorText: string;
-}
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/cjs/components/FxInput/FxInput.d.ts

@@ -1,63 +1,72 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { DefaultizedProps } from '../../lib/createPropsGetter';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
-    /** Устанавливает авто-режим. */
-    auto?: boolean;
-    /** Задает тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */
-    onRestore?: () => void;
-    /** Задает функцию, вызывающуюся при изменении value. */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Задает значение инпута. */
-    value?: React.ReactText;
-    /** Задает ref инпута. */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убирает лишние нули после запятой. */
-    hideTrailingZeros?: boolean;
-    /** Задает атрибут aria-label кнопке восстановления (restore button). */
-    buttonAriaLabel?: AriaAttributes['aria-label'];
-}> {
-}
-export declare const FxInputDataTids: {
-    readonly root: "FxInput__root";
-};
-type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
-type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/**
- * Автополе `FxInput`.
- *
- * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
- *
- * Принимает все свойства `Input`'a.
- */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: DefaultProps;
-    private theme;
-    private input;
-    private getProps;
-    private setRootNode;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { InputProps } from '../Input';
+import { Input } from '../Input';
+import type { CurrencyInputProps } from '../CurrencyInput';
+import { CurrencyInput } from '../CurrencyInput';
+import type { DefaultizedProps } from '../../lib/createPropsGetter';
+import type { Override } from '../../typings/utility-types';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { MaskedInputProps } from '../MaskedInput';
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<Partial<MaskedInputProps>, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>, Override<Omit<CurrencyInputProps, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>, {
+    /** Управляет видимостью кнопки Restore:
+     * - true — кнопка Restore не отображается. Значение в поле является автоматически рассчитанным.
+     * - false — кнопка Restore отображается в поле. Значение в поле считается отредактированным. */
+    auto?: boolean;
+    /** Задаёт тип поля. */
+    type?: 'currency' | InputProps['type'];
+    /** Задаёт функцию, которая вызывается при нажатии на кнопку Restore. */
+    onRestore?: () => void;
+    /** Задаёт функцию, вызывающуюся при изменении value. */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Задаёт значение поля. */
+    value?: string | number;
+    /** Задаёт ref поля. */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убирает лишние нули после запятой. */
+    hideTrailingZeros?: boolean;
+    /** Задаёт атрибут aria-label кнопке Restore. */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
+    /** @ignore */
+    corners?: React.CSSProperties;
+}> {
+}
+export declare const FxInputDataTids: {
+    readonly root: "FxInput__root";
+};
+type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value' | 'auto'>>;
+type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
+/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.
+ *
+ * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.
+ */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private theme;
+    private size;
+    private input;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private validateProps;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */
+    focus: () => void;
+    /** Программно снимает фокус с кнопки.
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+    private getLeftIcon;
+    private getInput;
+}
+export {};

package/cjs/components/FxInput/FxInput.js

@@ -1,19 +1,34 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _warning = _interopRequireDefault(require("warning"));
 
 var _Group = require("../Group");
+
 var _Input = require("../Input");
+
 var _CurrencyInput = require("../CurrencyInput");
+
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
+
 var _rootNode = require("../../lib/rootNode");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 
+var _MaskedInput = require("../MaskedInput");
+var _SizeDecorator = require("../../lib/size/SizeDecorator");
+
 var _MathFunctionIcon = require("./MathFunctionIcon");
-var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _FxInput;
+var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width", "size", "mask", "maskChar", "formatChars", "alwaysShowMask", "signed", "integerDigits", "fractionDigits", "hideTrailingZeros", "buttonAriaLabel", "corners"];var _class, _FxInput;
+
+
+
+
+
+
 
 
 
@@ -54,18 +69,13 @@ var FxInputDataTids = exports.FxInputDataTids = {
 
 
 
-/**
- * Автополе `FxInput`.
+/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.
  *
- * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
- *
- * Принимает все свойства `Input`'a.
+ * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.
  */var
 
-FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
 
+FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -98,68 +108,44 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PU
 
 
 
-    renderMain = function (props) {
-      var type = props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-      var inputProps = {
-        align: 'right'
-      };
 
-      var button = null;
-      var inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };
-      var iconSizes = {
-        small: parseInt(_this.theme.inputIconSizeSmall),
-        medium: parseInt(_this.theme.inputIconSizeMedium),
-        large: parseInt(_this.theme.inputIconSizeLarge)
-      };
-      var size = _this.props.size || _Input.Input.defaultProps.size;
-      var IconFunction = /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
-
-      if (auto) {
-        inputProps.leftIcon = IconFunction;
-      } else {
-        button = /*#__PURE__*/
-        _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
-          size: rest.size,
-          onRestore: onRestore,
-          disabled: rest.disabled,
-          borderless: rest.borderless,
-          "aria-label": props.buttonAriaLabel }
-        );
 
-      }
 
-      return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
-        button,
-        type === 'currency' ? /*#__PURE__*/
-        _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
-        inputProps,
-        rest, {
-          corners: inputCorners,
-          size: _this.props.size,
-          width: '100%',
-          ref: _this.refInput,
-          value: value,
-          onValueChange: _this.props.onValueChange })
-        ) : /*#__PURE__*/
 
-        _react.default.createElement(_Input.Input, (0, _extends2.default)({},
-        inputProps,
-        rest, {
-          corners: inputCorners,
-          size: _this.props.size,
-          width: '100%',
-          ref: _this.refInput,
-          type: type,
-          value: value,
-          onValueChange: _this.props.onValueChange })
-        )
 
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function (props) {
+      var button = props.auto ? null : /*#__PURE__*/
+      _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
+        size: props.size,
+        onRestore: props.onRestore,
+        corners: props.corners,
+        disabled: props.disabled,
+        borderless: props.borderless,
+        "aria-label": props.buttonAriaLabel }
+      );
+
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: props.width },
+        button,
+        _this.getInput(props)
         ));
 
     };
 
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */_this.
     focus = function () {
@@ -168,7 +154,7 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PU
       }
     };
 
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */_this.
     blur = function () {
@@ -183,4 +169,91 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PU
       if (_this.props.refInput) {
         _this.props.refInput(_this.input);
       }
-    };return _this;}(0, _inheritsLoose2.default)(FxInput, _React$Component);var _proto = FxInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return FxInput;}(_react.default.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _FxInput.defaultProps = { width: 250, type: 'text', value: '' }, _FxInput)) || _class;
+    };_this.
+
+    getLeftIcon = function (props) {
+      if (!props.auto) {
+        return null;
+      }
+
+      var iconSizes = {
+        small: parseInt(_this.theme.inputIconSizeSmall),
+        medium: parseInt(_this.theme.inputIconSizeMedium),
+        large: parseInt(_this.theme.inputIconSizeLarge)
+      };
+      var size = _this.size;
+
+      return /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
+    };_this.
+
+    getInput = function (props) {
+      var
+        type =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,_size = props.size,mask = props.mask,maskChar = props.maskChar,formatChars = props.formatChars,alwaysShowMask = props.alwaysShowMask,signed = props.signed,integerDigits = props.integerDigits,fractionDigits = props.fractionDigits,hideTrailingZeros = props.hideTrailingZeros,buttonAriaLabel = props.buttonAriaLabel,originalCorners = props.corners,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var corners = auto ?
+      originalCorners : (0, _extends2.default)({
+        borderBottomLeftRadius: 0, borderTopLeftRadius: 0 }, originalCorners);
+      var size = _this.size;
+      var commonInputProps = (0, _extends2.default)({
+        corners: corners,
+        size: size,
+        width: '100%',
+        ref: _this.refInput },
+      rest);
+
+
+      if (type === 'currency') {
+        return /*#__PURE__*/(
+          _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
+          commonInputProps, {
+            signed: signed,
+            integerDigits: integerDigits,
+            fractionDigits: fractionDigits,
+            value: value,
+            onValueChange: _this.props.onValueChange })
+          ));
+
+      }
+      if (mask) {
+        return /*#__PURE__*/(
+          _react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({},
+          commonInputProps, {
+            leftIcon: _this.getLeftIcon(props),
+            align: "right",
+            mask: mask,
+            maskChar: maskChar,
+            formatChars: formatChars,
+            alwaysShowMask: alwaysShowMask,
+            value: value,
+            onValueChange: _this.props.onValueChange })
+          ));
+
+      }
+      return /*#__PURE__*/(
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({},
+        commonInputProps, {
+          leftIcon: _this.getLeftIcon(props),
+          align: "right",
+          type: type,
+          value: value,
+          onValueChange: _this.props.onValueChange })
+        ));
+
+    };return _this;}(0, _inheritsLoose2.default)(FxInput, _React$Component);var _proto = FxInput.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(props.type !== 'currency' && props.mask !== undefined, '[FxInput]: Prop "mask" is not supported when type="currency"');};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate() {this.validateProps(this.getProps());};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return FxInput;}(_react.default.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.defaultProps = { width: 250, type: 'text', value: '', auto: false }, _FxInput)) || _class) || _class;