@skbkontur/react-ui 4.6.1 → 4.7.0-revert-datatids

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFile.styles.ts"],"names":["styles","root","css","content","error","t","fileUploaderBorderColorError","name","size","icon","fileUploaderIconSize","deleteIcon","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","borderColorFocus","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,OAPa,qBAOH;AACR,eAAOD,YAAP;;;;;;AAMD,GAdY;;AAgBbE,EAAAA,KAhBa,iBAgBPC,CAhBO,EAgBG;AACd,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACC,4BADb;;AAGD,GApBY;;AAsBbC,EAAAA,IAtBa,kBAsBN;AACL,eAAOL,YAAP;;;;AAID,GA3BY;;AA6BbM,EAAAA,IA7Ba,kBA6BN;AACL,eAAON,YAAP;;;;AAID,GAlCY;;AAoCbO,EAAAA,IApCa,gBAoCRJ,CApCQ,EAoCE;AACb,eAAOH,YAAP;;;;;AAKeG,IAAAA,CAAC,CAACK,oBALjB;;;;AASD,GA9CY;;AAgDbC,EAAAA,UAhDa,sBAgDFN,CAhDE,EAgDQ;AACnB,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACO,qBADb;;AAGaP,IAAAA,CAAC,CAACQ,0BAHf;;;AAMD,GAvDY;;AAyDbC,EAAAA,WAzDa,uBAyDDT,CAzDC,EAyDS;AACpB,eAAOH,YAAP;AACuBG,IAAAA,CAAC,CAACU,gBADzB;;AAGD,GA7DY,EAAf;;;AAgEO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n      position: relative;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      margin-left: 23px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploaderFile.styles.ts"],"names":["styles","root","css","content","error","t","fileUploaderBorderColorError","name","size","icon","fileUploaderIconSize","iconSmall","fileUploaderPaddingXSmall","iconMedium","fileUploaderPaddingXMedium","iconLarge","fileUploaderPaddingXLarge","iconMultiple","contentSmall","fileUploaderFontSizeSmall","contentMedium","fileUploaderFontSizeMedium","contentLarge","fileUploaderFontSizeLarge","deleteIcon","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","borderColorFocus","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,OAPa,qBAOH;AACR,eAAOD,YAAP;;;;;AAKD,GAbY;;AAebE,EAAAA,KAfa,iBAePC,CAfO,EAeG;AACd,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACC,4BADb;;AAGD,GAnBY;;AAqBbC,EAAAA,IArBa,kBAqBN;AACL,eAAOL,YAAP;;;;AAID,GA1BY;;AA4BbM,EAAAA,IA5Ba,kBA4BN;AACL,eAAON,YAAP;;;;AAID,GAjCY;;AAmCbO,EAAAA,IAnCa,gBAmCRJ,CAnCQ,EAmCE;AACb,eAAOH,YAAP;;;;AAIeG,IAAAA,CAAC,CAACK,oBAJjB;;;;;;AAUD,GA9CY;;AAgDbC,EAAAA,SAhDa,qBAgDHN,CAhDG,EAgDO;AAClB,eAAOH,YAAP;;AAEWG,IAAAA,CAAC,CAACO,yBAFb;;AAID,GArDY;;AAuDbC,EAAAA,UAvDa,sBAuDFR,CAvDE,EAuDQ;AACnB,eAAOH,YAAP;;AAEWG,IAAAA,CAAC,CAACS,0BAFb;;;AAKD,GA7DY;;AA+DbC,EAAAA,SA/Da,qBA+DHV,CA/DG,EA+DO;AAClB,eAAOH,YAAP;;AAEWG,IAAAA,CAAC,CAACW,yBAFb;;;AAKD,GArEY;;AAuEbC,EAAAA,YAvEa,0BAuEE;AACb,eAAOf,YAAP;;;AAGD,GA3EY;;AA6EbgB,EAAAA,YA7Ea,wBA6EAb,CA7EA,EA6EU;AACrB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACc,yBADjB;;AAGD,GAjFY;;AAmFbC,EAAAA,aAnFa,yBAmFCf,CAnFD,EAmFW;AACtB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACgB,0BADjB;;AAGD,GAvFY;;AAyFbC,EAAAA,YAzFa,wBAyFAjB,CAzFA,EAyFU;AACrB,eAAOH,YAAP;AACeG,IAAAA,CAAC,CAACkB,yBADjB;;AAGD,GA7FY;;AA+FbC,EAAAA,UA/Fa,sBA+FFnB,CA/FE,EA+FQ;AACnB,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACoB,qBADb;;AAGapB,IAAAA,CAAC,CAACqB,0BAHf;;;AAMD,GAtGY;;AAwGbC,EAAAA,WAxGa,uBAwGDtB,CAxGC,EAwGS;AACpB,eAAOH,YAAP;AACuBG,IAAAA,CAAC,CAACuB,gBADzB;;AAGD,GA5GY,EAAf;;;AA+GO,IAAMC,QAAQ,GAAG,2BAAa7B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n\n      position: absolute;\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      margin-left: 4px;\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      margin-left: 6px;\n      right: ${t.fileUploaderPaddingXMedium};\n      width: 18px;\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      margin-left: 6px;\n      right: ${t.fileUploaderPaddingXLarge};\n      width: 20px;\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-import { FileUploaderAttachedFile } from '../fileUtils';
-interface FileUploaderFileListProps {
-    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-}
-export declare const FileUploaderFileDataTids: {
-    readonly fileList: "FileUploader__fileList";
-};
-export declare const FileUploaderFileList: {
-    (props: FileUploaderFileListProps): JSX.Element;
-    displayName: string;
-};
-export {};
+import React from 'react';
+import { FileUploaderAttachedFile } from '../fileUtils';
+import { FileUploaderSize } from '../../../components/FileUploader';
+interface FileUploaderFileListProps {
+    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+    size: FileUploaderSize;
+}
+export declare const FileUploaderFileList: {
+    (props: FileUploaderFileListProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js

@@ -1,30 +1,38 @@
-"use strict";exports.__esModule = true;exports.FileUploaderFileList = exports.FileUploaderFileDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";exports.__esModule = true;exports.FileUploaderFileList = void 0;var _react = _interopRequireWildcard(require("react"));
 
 var _FileUploaderControlContext = require("../FileUploaderControlContext");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _FileUploaderFile = require("../FileUploaderFile/FileUploaderFile");
 
 
-var _FileUploaderFileList = require("./FileUploaderFileList.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _Emotion = require("../../../lib/theming/Emotion");
+var _useFileUploaderSize = require("../hooks/useFileUploaderSize");
 
+var _FileUploaderFileList = require("./FileUploaderFileList.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 
 
 
-var FileUploaderFileDataTids = {
-  fileList: 'FileUploader__fileList' };exports.FileUploaderFileDataTids = FileUploaderFileDataTids;
 
 
 var FileUploaderFileList = function FileUploaderFileList(props) {
-  var renderFile = props.renderFile;
+  var renderFile = props.renderFile,size = props.size;
   var _useContext = (0, _react.useContext)(_FileUploaderControlContext.FileUploaderControlContext),files = _useContext.files;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
+  var fileWrapperClass = (0, _useFileUploaderSize.useFileUploaderSize)(size, {
+    small: _FileUploaderFileList.jsStyles.fileWrapperSmall(theme),
+    medium: _FileUploaderFileList.jsStyles.fileWrapperMedium(theme),
+    large: _FileUploaderFileList.jsStyles.fileWrapperLarge(theme) });
+
+
   return /*#__PURE__*/(
-    _react.default.createElement("div", { "data-tid": FileUploaderFileDataTids.fileList },
+    _react.default.createElement("div", { "data-tid": "FileUploader__fileList" },
     files.map(function (file) {return /*#__PURE__*/(
-        _react.default.createElement("div", { key: file.id, className: _FileUploaderFileList.jsStyles.fileWrapper(theme) }, /*#__PURE__*/
-        _react.default.createElement("div", { className: _FileUploaderFileList.jsStyles.file() }, renderFile(file, /*#__PURE__*/_react.default.createElement(_FileUploaderFile.FileUploaderFile, { file: file, showSize: true })))));})));
+        _react.default.createElement("div", { key: file.id, className: (0, _Emotion.cx)(_FileUploaderFileList.jsStyles.fileWrapper(theme), fileWrapperClass) }, /*#__PURE__*/
+        _react.default.createElement("div", { className: _FileUploaderFileList.jsStyles.file() },
+        renderFile(file, /*#__PURE__*/_react.default.createElement(_FileUploaderFile.FileUploaderFile, { file: file, showSize: true, multiple: true, size: size })))));})));
+
 
 
 

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","FileUploaderControlContext","files","theme","ThemeContext","map","file","id","jsStyles","fileWrapper","displayName"],"mappings":"gHAAA;;AAEA;AACA;AACA;;;AAGA,qE;;;;;;AAMO,IAAMA,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC,C;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAAuBD,KAAvB,CAAQC,UAAR;AACA,oBAAkB,uBAAWC,sDAAX,CAAlB,CAAQC,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,0CAAK,YAAUR,wBAAwB,CAACC,QAAxC;AACGK,IAAAA,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD;AACT,8CAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEC,+BAASC,WAAT,CAAqBN,KAArB,CAA9B;AACE,8CAAK,SAAS,EAAEK,+BAASF,IAAT,EAAhB,IAAkCN,UAAU,CAACM,IAAD,eAAO,6BAAC,kCAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,GAAP,CAA5C,CADF,CADS,GAAV,CADH,CADF;;;;;AASD,CAdM,C;;AAgBPR,oBAAoB,CAACY,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={jsStyles.fileWrapper(theme)}>\n          <div className={jsStyles.file()}>{renderFile(file, <FileUploaderFile file={file} showSize />)}</div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}
+{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["FileUploaderFileList","props","renderFile","size","FileUploaderControlContext","files","theme","ThemeContext","fileWrapperClass","small","jsStyles","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","fileWrapper","displayName"],"mappings":"6EAAA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA,qE;;;;;;;AAOO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAA6BD,KAA7B,CAAQC,UAAR,CAAoBC,IAApB,GAA6BF,KAA7B,CAAoBE,IAApB;AACA,oBAAkB,uBAAWC,sDAAX,CAAlB,CAAQC,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,gBAAgB,GAAG,8CAAoBL,IAApB,EAA0B;AACjDM,IAAAA,KAAK,EAAEC,+BAASC,gBAAT,CAA0BL,KAA1B,CAD0C;AAEjDM,IAAAA,MAAM,EAAEF,+BAASG,iBAAT,CAA2BP,KAA3B,CAFyC;AAGjDQ,IAAAA,KAAK,EAAEJ,+BAASK,gBAAT,CAA0BT,KAA1B,CAH0C,EAA1B,CAAzB;;;AAMA;AACE,0CAAK,YAAS,wBAAd;AACGD,IAAAA,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;AACT,8CAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAE,iBAAGR,+BAASS,WAAT,CAAqBb,KAArB,CAAH,EAAgCE,gBAAhC,CAA9B;AACE,8CAAK,SAAS,EAAEE,+BAASO,IAAT,EAAhB;AACGf,QAAAA,UAAU,CAACe,IAAD,eAAO,6BAAC,kCAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEd,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAtBM,C;;AAwBPH,oBAAoB,CAACoB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { FileUploaderSize } from '../../../components/FileUploader';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: FileUploaderSize;\n}\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid=\"FileUploader__fileList\">\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(theme), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts

@@ -1,5 +1,8 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
-    file(): string;
-    fileWrapper(t: Theme): string;
-};
+import { Theme } from '../../../lib/theming/Theme';
+export declare const jsStyles: {
+    file(): string;
+    fileWrapper(t: Theme): string;
+    fileWrapperSmall(t: Theme): string;
+    fileWrapperMedium(t: Theme): string;
+    fileWrapperLarge(t: Theme): string;
+};

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 
 var styles = {
@@ -16,6 +16,24 @@ var styles = {
 
     t.fileUploaderPaddingY, t.fileUploaderPaddingX);
 
+  },
+
+  fileWrapperSmall: function fileWrapperSmall(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+
+  },
+
+  fileWrapperMedium: function fileWrapperMedium(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+
+  },
+
+  fileWrapperLarge: function fileWrapperLarge(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+
   } };
 
 

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["styles","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,uBAMDC,CANC,EAMS;AACpB,eAAOF,YAAP;;;;;;AAMaE,IAAAA,CAAC,CAACC,oBANf,EAMuCD,CAAC,CAACE,oBANzC;;AAQD,GAfY,EAAf;;;AAkBO,IAAMC,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper(t: Theme) {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["styles","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","fileWrapperSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,uBAMDC,CANC,EAMS;AACpB,eAAOF,YAAP;;;;;;AAMaE,IAAAA,CAAC,CAACC,oBANf,EAMuCD,CAAC,CAACE,oBANzC;;AAQD,GAfY;;AAiBbC,EAAAA,gBAjBa,4BAiBIH,CAjBJ,EAiBc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACI,yBADf,EAC4CJ,CAAC,CAACK,yBAD9C;;AAGD,GArBY;;AAuBbC,EAAAA,iBAvBa,6BAuBKN,CAvBL,EAuBe;AAC1B,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACO,0BADf,EAC6CP,CAAC,CAACQ,0BAD/C;;AAGD,GA3BY;;AA6BbC,EAAAA,gBA7Ba,4BA6BIT,CA7BJ,EA6Bc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACU,yBADf,EAC4CV,CAAC,CAACW,yBAD9C;;AAGD,GAjCY,EAAf;;;AAoCO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper(t: Theme) {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/FileUploaderControl/FileUploaderFileValidationResult.d.ts

@@ -1,7 +1,7 @@
-export declare class FileUploaderFileValidationResult {
-    readonly isValid: boolean;
-    readonly message?: string;
-    constructor(isValid: boolean, message?: string);
-    static error(message: string): FileUploaderFileValidationResult;
-    static ok(): FileUploaderFileValidationResult;
-}
+export declare class FileUploaderFileValidationResult {
+    readonly isValid: boolean;
+    readonly message?: string;
+    constructor(isValid: boolean, message?: string);
+    static error(message: string): FileUploaderFileValidationResult;
+    static ok(): FileUploaderFileValidationResult;
+}

package/cjs/internal/FileUploaderControl/fileUtils.d.ts

@@ -1,14 +1,14 @@
-import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
-export declare enum FileUploaderFileStatus {
-    Attached = "Attached",
-    Loading = "Loading",
-    Uploaded = "Uploaded",
-    Error = "Error"
-}
-export interface FileUploaderAttachedFile {
-    id: string;
-    originalFile: File;
-    status: FileUploaderFileStatus;
-    validationResult: FileUploaderFileValidationResult;
-}
-export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+export declare enum FileUploaderFileStatus {
+    Attached = "Attached",
+    Loading = "Loading",
+    Uploaded = "Uploaded",
+    Error = "Error"
+}
+export interface FileUploaderAttachedFile {
+    id: string;
+    originalFile: File;
+    status: FileUploaderFileStatus;
+    validationResult: FileUploaderFileValidationResult;
+}
+export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;

package/cjs/internal/FileUploaderControl/hooks/useControlLocale.d.ts

@@ -1 +1 @@
-export declare const useControlLocale: () => import("../../../components/FileUploader/locale").FileUploaderLocale;
+export declare const useControlLocale: () => import("../../../components/FileUploader/locale").FileUploaderLocale;

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderSize } from '../../../components/FileUploader';
+export declare function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>): T;

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js

@@ -0,0 +1,18 @@
+"use strict";exports.__esModule = true;exports.useFileUploaderSize = useFileUploaderSize;var _react = require("react");
+
+
+
+function useFileUploaderSize(size, _ref) {var small = _ref.small,medium = _ref.medium,large = _ref.large;
+  return (0, _react.useMemo)(function () {
+    switch (size) {
+      case 'large':
+        return large;
+      case 'medium':
+        return medium;
+      case 'small':
+        return small;
+      default:
+        return small;}
+
+  }, [size]);
+}

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useFileUploaderSize","size","small","medium","large"],"mappings":"yFAAA;;;;AAIO,SAASA,mBAAT,CAAgCC,IAAhC,QAA+G,KAArDC,KAAqD,QAArDA,KAAqD,CAA9CC,MAA8C,QAA9CA,MAA8C,CAAtCC,KAAsC,QAAtCA,KAAsC;AACpH,SAAO,oBAAQ,YAAM;AACnB,YAAQH,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXM,EAWJ,CAACD,IAAD,CAXI,CAAP;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { FileUploaderSize } from '../../../components/FileUploader';\n\nexport function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}

package/cjs/internal/FileUploaderControl/hooks/useUpload.d.ts

@@ -1,3 +1,3 @@
-import { Nullable } from '../../../typings/utility-types';
-import { FileUploaderAttachedFile } from '../fileUtils';
-export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;
+import { Nullable } from '../../../typings/utility-types';
+import { FileUploaderAttachedFile } from '../fileUtils';
+export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -1,3 +1,3 @@
-import React, { ComponentType } from 'react';
-import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
-export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;
+import React, { ComponentType } from 'react';
+import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
+export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;

package/cjs/internal/FocusTrap/FocusTrap.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface FocusTrapProps extends CommonProps {
-    children: React.ReactElement<any>;
-    onBlur?: (event: FocusEvent) => void;
-}
-export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
-    static __KONTUR_REACT_UI__: string;
-    private setRootNode;
-    private focusOutsideListenerToken;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private onClickOutside;
-    private attachListeners;
-    private detachListeners;
-    private handleNativeDocClick;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface FocusTrapProps extends CommonProps {
+    children: React.ReactElement<any>;
+    onBlur?: (event: FocusEvent) => void;
+}
+export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
+    static __KONTUR_REACT_UI__: string;
+    private setRootNode;
+    private focusOutsideListenerToken;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private onClickOutside;
+    private attachListeners;
+    private detachListeners;
+    private handleNativeDocClick;
+}

package/cjs/internal/FocusTrap/index.d.ts

@@ -1 +1 @@
-export * from './FocusTrap';
+export * from './FocusTrap';

package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export declare class HideBodyVerticalScroll extends React.Component {
-    static __KONTUR_REACT_UI__: string;
-    private initialScroll;
-    private master;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): null;
-    private updateScrollVisibility;
-    private hideScroll;
-    private attachStyle;
-    private restoreStyles;
-}
+import React from 'react';
+export declare class HideBodyVerticalScroll extends React.Component {
+    static __KONTUR_REACT_UI__: string;
+    private initialScroll;
+    private master;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): null;
+    private updateScrollVisibility;
+    private hideScroll;
+    private attachStyle;
+    private restoreStyles;
+}

package/cjs/internal/HideBodyVerticalScroll/index.d.ts

@@ -1 +1 @@
-export * from './HideBodyVerticalScroll';
+export * from './HideBodyVerticalScroll';

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface IgnoreLayerClickProps {
-    children: React.ReactNode;
-    active: boolean;
-}
-export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): React.ReactNode;
-}
+import React from 'react';
+export interface IgnoreLayerClickProps {
+    children: React.ReactNode;
+    active: boolean;
+}
+export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
+    render(): React.ReactNode;
+}

package/cjs/internal/IgnoreLayerClick/index.d.ts

@@ -1 +1 @@
-export * from './IgnoreLayerClick';
+export * from './IgnoreLayerClick';

package/cjs/internal/InputLikeText/HiddenInput.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-interface Props extends React.HTMLAttributes<HTMLInputElement> {
-    nodeRef: (ref: HTMLInputElement | null) => void;
-}
-/**
- * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
- * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
- * после этого `onPaste` вызывается у инпута и всплывает.
- */
-export declare class HiddenInput extends React.Component<Props> {
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+interface Props extends React.HTMLAttributes<HTMLInputElement> {
+    nodeRef: (ref: HTMLInputElement | null) => void;
+}
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
+ */
+export declare class HiddenInput extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export {};

package/cjs/internal/InputLikeText/InputLikeText.d.ts

@@ -1,78 +1,74 @@
-import React from 'react';
-import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
-import { InputProps, InputState } from '../../components/Input';
-import { CommonProps } from '../CommonWrapper';
-export interface InputLikeTextProps extends CommonProps, InputProps {
-    children?: React.ReactNode;
-    innerRef?: (el: HTMLElement | null) => void;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onMouseDragStart?: MouseDragEventHandler;
-    onMouseDragEnd?: MouseDragEventHandler;
-    takeContentWidth?: boolean;
-}
-export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
-export declare const InputLikeTextDataTids: {
-    readonly root: "InputLikeText__root";
-    readonly input: "InputLikeText__input";
-};
-declare type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
-export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        blinking: boolean;
-        focused: boolean;
-    };
-    private theme;
-    private node;
-    private hiddenInput;
-    private lastSelectedInnerNode;
-    private frozen;
-    private frozenBlur;
-    private dragging;
-    private focusTimeout;
-    private blinkTimeout;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    blink(): void;
-    getNode(): HTMLElement | null;
-    selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getIconClassname;
-    private renderLeftIcon;
-    private renderRightIcon;
-    private renderIcon;
-    private renderPrefix;
-    private renderSuffix;
-    private renderLeftSide;
-    private renderRightSide;
-    private renderPlaceholder;
-    private handleDocumentMouseDown;
-    private handleDocumentKeyDown;
-    private handleMouseDown;
-    private handleKeyDown;
-    private handleMouseDragStart;
-    private handleMouseDragEnd;
-    private handleFocus;
-    private handleBlur;
-    private hiddenInputRef;
-    private innerRef;
-    private defrost;
-    private getSizeClassName;
-}
-export {};
+import React from 'react';
+import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
+import { InputProps, InputState } from '../../components/Input';
+import { CommonProps } from '../CommonWrapper';
+export interface InputLikeTextProps extends CommonProps, InputProps {
+    children?: React.ReactNode;
+    innerRef?: (el: HTMLElement | null) => void;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onMouseDragStart?: MouseDragEventHandler;
+    onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
+}
+export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+declare type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
+export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        blinking: boolean;
+        focused: boolean;
+    };
+    private theme;
+    private node;
+    private hiddenInput;
+    private lastSelectedInnerNode;
+    private frozen;
+    private frozenBlur;
+    private dragging;
+    private focusTimeout;
+    private blinkTimeout;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    blink(): void;
+    getNode(): HTMLElement | null;
+    selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private getIconClassname;
+    private renderLeftIcon;
+    private renderRightIcon;
+    private renderIcon;
+    private renderPrefix;
+    private renderSuffix;
+    private renderLeftSide;
+    private renderRightSide;
+    private renderPlaceholder;
+    private handleDocumentMouseDown;
+    private handleDocumentKeyDown;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleMouseDragStart;
+    private handleMouseDragEnd;
+    private handleFocus;
+    private handleBlur;
+    private hiddenInputRef;
+    private innerRef;
+    private defrost;
+    private getSizeClassName;
+}
+export {};

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeTextDataTids = exports.InputLikeText = 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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeText = 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"));
 
@@ -19,7 +19,7 @@ var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _InputLikeText = require("./InputLikeText.styles");
-var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth"];var _class, _class2, _temp;
+var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth"];var _class, _class2, _temp;var
 
 
 
@@ -33,11 +33,6 @@ var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabInd
 
 
 
-var InputLikeTextDataTids = {
-  root: 'InputLikeText__root',
-  input: 'InputLikeText__input' };exports.InputLikeTextDataTids = InputLikeTextDataTids;var
-
-
 
 
 
@@ -193,8 +188,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
       return /*#__PURE__*/(
-        _react.default.createElement("span", (0, _extends2.default)({
-          "data-tid": InputLikeTextDataTids.root },
+        _react.default.createElement("span", (0, _extends2.default)({},
         rest, {
           className: className,
           style: { width: width, textAlign: align },
@@ -209,7 +203,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
         leftSide, /*#__PURE__*/
         _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
         _react.default.createElement("span", {
-          "data-tid": InputLikeTextDataTids.input,
+          "data-tid": "InputLikeText__input",
           className: (0, _Emotion.cx)(_Input.styles.input(_this.theme), (_cx3 = {}, _cx3[
           _InputLikeText.styles.absolute()] = !takeContentWidth, _cx3[
           _Input.styles.inputFocus(_this.theme)] = focused, _cx3[