@salutejs/plasma-new-hope 0.149.0-canary.1445.10942800137.0 → 0.150.0-canary.1437.10958276336.0

package/es/components/_Icon/Icon.assets/BlankXlsOutline.js

@@ -0,0 +1,29 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+
+var _path, _path2, _path3, _path4;
+var BlankXlsOutline = function BlankXlsOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M10.0636 11.1713C10.2951 11.2504 10.4882 11.3163 10.4882 11.5017C10.4882 11.6713 10.3657 11.7832 10.0752 11.7832C9.68318 11.7832 9.42068 11.5904 9.29468 11.4708V12.1149C9.47318 12.2267 9.78818 12.3 10.1067 12.3C10.8172 12.3 11.1147 11.9992 11.1147 11.4785C11.1147 10.8551 10.6601 10.7073 10.2993 10.59C10.0619 10.5128 9.86518 10.4489 9.86518 10.2713C9.86518 10.1286 9.95268 10.0168 10.2852 10.0168C10.5477 10.0168 10.8137 10.1209 10.9887 10.2521V9.63113C10.8207 9.55399 10.5512 9.5 10.2397 9.5C9.53968 9.5 9.28418 9.79697 9.28418 10.2829C9.28418 10.9049 9.71698 11.0528 10.0636 11.1713Z",
+    fill: "currentColor"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M7.44922 12.25V9.55029H8.02322V11.6715H9.10122V12.25H7.44922Z",
+    fill: "currentColor"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    d: "M5.5138 10.8654L4.7998 12.25H5.4578L5.9373 11.2897L6.4413 12.25H7.11681L6.3748 10.8539L7.0783 9.55029H6.4238L5.96181 10.4528L5.5173 9.55029H4.8523L5.5138 10.8654Z",
+    fill: "currentColor"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.90517 1H5.52893C5.05678 0.999995 4.67215 0.999991 4.35989 1.0255C4.03715 1.05187 3.74793 1.10797 3.47852 1.24524C3.05516 1.46095 2.71095 1.80516 2.49524 2.22852C2.35797 2.49793 2.30187 2.78715 2.2755 3.10989C2.24999 3.42215 2.24999 3.80677 2.25 4.27892V11.7211C2.24999 12.1932 2.24999 12.5778 2.2755 12.8901C2.30187 13.2128 2.35797 13.5021 2.49524 13.7715C2.71095 14.1948 3.05516 14.539 3.47852 14.7548C3.74793 14.892 4.03715 14.9481 4.35989 14.9745C4.67215 15 5.05677 15 5.52891 15H10.4711C10.9432 15 11.3278 15 11.6401 14.9745C11.9628 14.9481 12.2521 14.892 12.5215 14.7548C12.9448 14.539 13.289 14.1948 13.5048 13.7715C13.642 13.5021 13.6981 13.2128 13.7245 12.8901C13.75 12.5778 13.75 12.1932 13.75 11.721V5.71622C13.75 5.581 13.6952 5.45156 13.5982 5.35739L9.25338 1.14118C9.16008 1.05064 9.03518 1 8.90517 1ZM3.93251 2.13624C4.03745 2.08277 4.18042 2.0435 4.44132 2.02218C4.70805 2.00039 5.0517 2 5.55 2H8.40517V3.49667C8.40517 3.87132 8.40516 4.18252 8.42591 4.43645C8.44751 4.70082 8.49406 4.94683 8.61226 5.1788C8.79442 5.53631 9.08508 5.82697 9.44259 6.00913C9.67456 6.12732 9.92057 6.17388 10.1849 6.19548C10.4389 6.21623 10.7501 6.21622 11.1247 6.21622H12.75V11.7C12.75 12.1983 12.7496 12.5419 12.7278 12.8087C12.7065 13.0696 12.6672 13.2125 12.6138 13.3175C12.4939 13.5527 12.3027 13.7439 12.0675 13.8638C11.9625 13.9172 11.8196 13.9565 11.5587 13.9778C11.2919 13.9996 10.9483 14 10.45 14H5.55C5.0517 14 4.70805 13.9996 4.44132 13.9778C4.18042 13.9565 4.03745 13.9172 3.93251 13.8638C3.69731 13.7439 3.50608 13.5527 3.38624 13.3175C3.33277 13.2125 3.2935 13.0696 3.27218 12.8087C3.25039 12.5419 3.25 12.1983 3.25 11.7V4.3C3.25 3.8017 3.25039 3.45805 3.27218 3.19132C3.2935 2.93042 3.33277 2.78745 3.38624 2.68251C3.50608 2.44731 3.69731 2.25608 3.93251 2.13624ZM12.0168 5.21622L9.40517 2.68192V3.47622C9.40517 3.8765 9.40556 4.14665 9.42259 4.35502C9.43913 4.55755 9.46887 4.6573 9.50327 4.72481C9.58955 4.89415 9.72724 5.03184 9.89658 5.11812C9.96409 5.15252 10.0638 5.18226 10.2664 5.1988C10.4747 5.21583 10.7449 5.21622 11.1452 5.21622H12.0168Z",
+    fill: "currentColor"
+  })));
+};
+
+export { BlankXlsOutline };
+//# sourceMappingURL=BlankXlsOutline.js.map

package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlankXlsOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/BlankXlsOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const BlankXlsOutline: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <path\n            d=\"M10.0636 11.1713C10.2951 11.2504 10.4882 11.3163 10.4882 11.5017C10.4882 11.6713 10.3657 11.7832 10.0752 11.7832C9.68318 11.7832 9.42068 11.5904 9.29468 11.4708V12.1149C9.47318 12.2267 9.78818 12.3 10.1067 12.3C10.8172 12.3 11.1147 11.9992 11.1147 11.4785C11.1147 10.8551 10.6601 10.7073 10.2993 10.59C10.0619 10.5128 9.86518 10.4489 9.86518 10.2713C9.86518 10.1286 9.95268 10.0168 10.2852 10.0168C10.5477 10.0168 10.8137 10.1209 10.9887 10.2521V9.63113C10.8207 9.55399 10.5512 9.5 10.2397 9.5C9.53968 9.5 9.28418 9.79697 9.28418 10.2829C9.28418 10.9049 9.71698 11.0528 10.0636 11.1713Z\"\n            fill=\"currentColor\"\n        />\n        <path d=\"M7.44922 12.25V9.55029H8.02322V11.6715H9.10122V12.25H7.44922Z\" fill=\"currentColor\" />\n        <path\n            d=\"M5.5138 10.8654L4.7998 12.25H5.4578L5.9373 11.2897L6.4413 12.25H7.11681L6.3748 10.8539L7.0783 9.55029H6.4238L5.96181 10.4528L5.5173 9.55029H4.8523L5.5138 10.8654Z\"\n            fill=\"currentColor\"\n        />\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.90517 1H5.52893C5.05678 0.999995 4.67215 0.999991 4.35989 1.0255C4.03715 1.05187 3.74793 1.10797 3.47852 1.24524C3.05516 1.46095 2.71095 1.80516 2.49524 2.22852C2.35797 2.49793 2.30187 2.78715 2.2755 3.10989C2.24999 3.42215 2.24999 3.80677 2.25 4.27892V11.7211C2.24999 12.1932 2.24999 12.5778 2.2755 12.8901C2.30187 13.2128 2.35797 13.5021 2.49524 13.7715C2.71095 14.1948 3.05516 14.539 3.47852 14.7548C3.74793 14.892 4.03715 14.9481 4.35989 14.9745C4.67215 15 5.05677 15 5.52891 15H10.4711C10.9432 15 11.3278 15 11.6401 14.9745C11.9628 14.9481 12.2521 14.892 12.5215 14.7548C12.9448 14.539 13.289 14.1948 13.5048 13.7715C13.642 13.5021 13.6981 13.2128 13.7245 12.8901C13.75 12.5778 13.75 12.1932 13.75 11.721V5.71622C13.75 5.581 13.6952 5.45156 13.5982 5.35739L9.25338 1.14118C9.16008 1.05064 9.03518 1 8.90517 1ZM3.93251 2.13624C4.03745 2.08277 4.18042 2.0435 4.44132 2.02218C4.70805 2.00039 5.0517 2 5.55 2H8.40517V3.49667C8.40517 3.87132 8.40516 4.18252 8.42591 4.43645C8.44751 4.70082 8.49406 4.94683 8.61226 5.1788C8.79442 5.53631 9.08508 5.82697 9.44259 6.00913C9.67456 6.12732 9.92057 6.17388 10.1849 6.19548C10.4389 6.21623 10.7501 6.21622 11.1247 6.21622H12.75V11.7C12.75 12.1983 12.7496 12.5419 12.7278 12.8087C12.7065 13.0696 12.6672 13.2125 12.6138 13.3175C12.4939 13.5527 12.3027 13.7439 12.0675 13.8638C11.9625 13.9172 11.8196 13.9565 11.5587 13.9778C11.2919 13.9996 10.9483 14 10.45 14H5.55C5.0517 14 4.70805 13.9996 4.44132 13.9778C4.18042 13.9565 4.03745 13.9172 3.93251 13.8638C3.69731 13.7439 3.50608 13.5527 3.38624 13.3175C3.33277 13.2125 3.2935 13.0696 3.27218 12.8087C3.25039 12.5419 3.25 12.1983 3.25 11.7V4.3C3.25 3.8017 3.25039 3.45805 3.27218 3.19132C3.2935 2.93042 3.33277 2.78745 3.38624 2.68251C3.50608 2.44731 3.69731 2.25608 3.93251 2.13624ZM12.0168 5.21622L9.40517 2.68192V3.47622C9.40517 3.8765 9.40556 4.14665 9.42259 4.35502C9.43913 4.55755 9.46887 4.6573 9.50327 4.72481C9.58955 4.89415 9.72724 5.03184 9.89658 5.11812C9.96409 5.15252 10.0638 5.18226 10.2664 5.1988C10.4747 5.21583 10.7449 5.21622 11.1452 5.21622H12.0168Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["BlankXlsOutline","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","d","_path2","_path3","_path4","fillRule","clipRule"],"mappings":";;;;IAIaA,eAAoC,GAAG,SAAvCA,eAAoCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACtDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,CAAC,EAAC,4kBAA4kB;AAC9kBH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,GAAAI,MAAA,KAAAA,MAAA,gBACFT,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMO,IAAAA,CAAC,EAAC,+DAA+D;AAACH,IAAAA,IAAI,EAAC,cAAA;GAAgB,CAAC,GAAAK,MAAA,KAAAA,MAAA,gBAC9FV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,CAAC,EAAC,oKAAoK;AACtKH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,GAAAM,MAAA,KAAAA,MAAA,gBACFX,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIW,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBL,IAAAA,CAAC,EAAC,ihEAAihE;AACnhEH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/es/components/_Icon/Icon.assets/CloseCircleOutline.js

@@ -0,0 +1,20 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+
+var _path;
+var CloseCircleOutline = function CloseCircleOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 7.99821C2 4.68549 4.68549 2 7.99821 2C11.3109 2 13.9964 4.68549 13.9964 7.99821C13.9964 11.3109 11.3109 13.9964 7.99821 13.9964C4.68549 13.9964 2 11.3109 2 7.99821ZM7.99821 1C4.1332 1 1 4.1332 1 7.99821C1 11.8632 4.1332 14.9964 7.99821 14.9964C11.8632 14.9964 14.9964 11.8632 14.9964 7.99821C14.9964 4.1332 11.8632 1 7.99821 1ZM5.54301 4.83442C5.34774 4.63916 5.03116 4.63916 4.8359 4.83442C4.64064 5.02969 4.64064 5.34627 4.8359 5.54153L7.29238 7.99801L4.8359 10.4545C4.64064 10.6498 4.64064 10.9663 4.8359 11.1616C5.03116 11.3569 5.34774 11.3569 5.54301 11.1616L7.99949 8.70512L10.456 11.1616C10.6512 11.3569 10.9678 11.3569 11.1631 11.1616C11.3583 10.9663 11.3583 10.6498 11.1631 10.4545L8.7066 7.99801L11.1631 5.54153C11.3583 5.34627 11.3583 5.02969 11.1631 4.83442C10.9678 4.63916 10.6512 4.63916 10.456 4.83442L7.99949 7.29091L5.54301 4.83442Z",
+    fill: "currentColor"
+  })));
+};
+
+export { CloseCircleOutline };
+//# sourceMappingURL=CloseCircleOutline.js.map

package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseCircleOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/CloseCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const CloseCircleOutline: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M2 7.99821C2 4.68549 4.68549 2 7.99821 2C11.3109 2 13.9964 4.68549 13.9964 7.99821C13.9964 11.3109 11.3109 13.9964 7.99821 13.9964C4.68549 13.9964 2 11.3109 2 7.99821ZM7.99821 1C4.1332 1 1 4.1332 1 7.99821C1 11.8632 4.1332 14.9964 7.99821 14.9964C11.8632 14.9964 14.9964 11.8632 14.9964 7.99821C14.9964 4.1332 11.8632 1 7.99821 1ZM5.54301 4.83442C5.34774 4.63916 5.03116 4.63916 4.8359 4.83442C4.64064 5.02969 4.64064 5.34627 4.8359 5.54153L7.29238 7.99801L4.8359 10.4545C4.64064 10.6498 4.64064 10.9663 4.8359 11.1616C5.03116 11.3569 5.34774 11.3569 5.54301 11.1616L7.99949 8.70512L10.456 11.1616C10.6512 11.3569 10.9678 11.3569 11.1631 11.1616C11.3583 10.9663 11.3583 10.6498 11.1631 10.4545L8.7066 7.99801L11.1631 5.54153C11.3583 5.34627 11.3583 5.02969 11.1631 4.83442C10.9678 4.63916 10.6512 4.63916 10.456 4.83442L7.99949 7.29091L5.54301 4.83442Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["CloseCircleOutline","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,kBAAuC,GAAG,SAA1CA,kBAAuCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACzDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,s1BAAs1B;AACx1BL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/es/components/_Icon/Icon.assets/Plus.js

@@ -0,0 +1,20 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+
+var _path;
+var Plus = function Plus(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 2C8.27614 2 8.5 2.22386 8.5 2.5V7.5H13.5C13.7761 7.5 14 7.72386 14 8C14 8.27614 13.7761 8.5 13.5 8.5H8.5V13.5C8.5 13.7761 8.27614 14 8 14C7.72386 14 7.5 13.7761 7.5 13.5V8.5H2.5C2.22386 8.5 2 8.27614 2 8C2 7.72386 2.22386 7.5 2.5 7.5H7.5V2.5C7.5 2.22386 7.72386 2 8 2Z",
+    fill: "currentColor"
+  })));
+};
+
+export { Plus };
+//# sourceMappingURL=Plus.js.map

package/es/components/_Icon/Icon.assets/Plus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plus.js","sources":["../../../../src/components/_Icon/Icon.assets/Plus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const Plus: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8 2C8.27614 2 8.5 2.22386 8.5 2.5V7.5H13.5C13.7761 7.5 14 7.72386 14 8C14 8.27614 13.7761 8.5 13.5 8.5H8.5V13.5C8.5 13.7761 8.27614 14 8 14C7.72386 14 7.5 13.7761 7.5 13.5V8.5H2.5C2.22386 8.5 2 8.27614 2 8C2 7.72386 2.22386 7.5 2.5 7.5H7.5V2.5C7.5 2.22386 7.72386 2 8 2Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["Plus","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,IAAyB,GAAG,SAA5BA,IAAyBA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC3CC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,iRAAiR;AACnRL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/es/components/_Icon/Icons/IconBlankCsvOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankCsvOutline } from '../Icon.assets/BlankCsvOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankCsvOutline = function IconBlankCsvOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankCsvOutline
+  });
+};
+
+export { IconBlankCsvOutline };
+//# sourceMappingURL=IconBlankCsvOutline.js.map

package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankCsvOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankCsvOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankCsvOutline } from '../Icon.assets/BlankCsvOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankCsvOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankCsvOutline} />;\n};\n"],"names":["IconBlankCsvOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankCsvOutline"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/es/components/_Icon/Icons/IconBlankDocOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankDocOutline } from '../Icon.assets/BlankDocOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankDocOutline = function IconBlankDocOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankDocOutline
+  });
+};
+
+export { IconBlankDocOutline };
+//# sourceMappingURL=IconBlankDocOutline.js.map

package/es/components/_Icon/Icons/IconBlankDocOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankDocOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankDocOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankDocOutline } from '../Icon.assets/BlankDocOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankDocOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankDocOutline} />;\n};\n"],"names":["IconBlankDocOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankDocOutline"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/es/components/_Icon/Icons/IconBlankOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankOutline } from '../Icon.assets/BlankOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankOutline = function IconBlankOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankOutline
+  });
+};
+
+export { IconBlankOutline };
+//# sourceMappingURL=IconBlankOutline.js.map

package/es/components/_Icon/Icons/IconBlankOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankOutline } from '../Icon.assets/BlankOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankOutline} />;\n};\n"],"names":["IconBlankOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankOutline"],"mappings":";;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACjF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,YAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}

package/es/components/_Icon/Icons/IconBlankPdfOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankPdfOutline } from '../Icon.assets/BlankPdfOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankPdfOutline = function IconBlankPdfOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankPdfOutline
+  });
+};
+
+export { IconBlankPdfOutline };
+//# sourceMappingURL=IconBlankPdfOutline.js.map

package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankPdfOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankPdfOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankPdfOutline } from '../Icon.assets/BlankPdfOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankPdfOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankPdfOutline} />;\n};\n"],"names":["IconBlankPdfOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankPdfOutline"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/es/components/_Icon/Icons/IconBlankTxtOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankTxtOutline } from '../Icon.assets/BlankTxtOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankTxtOutline = function IconBlankTxtOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankTxtOutline
+  });
+};
+
+export { IconBlankTxtOutline };
+//# sourceMappingURL=IconBlankTxtOutline.js.map

package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankTxtOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankTxtOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankTxtOutline } from '../Icon.assets/BlankTxtOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankTxtOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankTxtOutline} />;\n};\n"],"names":["IconBlankTxtOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankTxtOutline"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/es/components/_Icon/Icons/IconBlankXlsOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BlankXlsOutline } from '../Icon.assets/BlankXlsOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconBlankXlsOutline = function IconBlankXlsOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: BlankXlsOutline
+  });
+};
+
+export { IconBlankXlsOutline };
+//# sourceMappingURL=IconBlankXlsOutline.js.map

package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlankXlsOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankXlsOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankXlsOutline } from '../Icon.assets/BlankXlsOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankXlsOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankXlsOutline} />;\n};\n"],"names":["IconBlankXlsOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankXlsOutline"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/es/components/_Icon/Icons/IconCloseCircleOutline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CloseCircleOutline } from '../Icon.assets/CloseCircleOutline.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconCloseCircleOutline = function IconCloseCircleOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: CloseCircleOutline
+  });
+};
+
+export { IconCloseCircleOutline };
+//# sourceMappingURL=IconCloseCircleOutline.js.map

package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCloseCircleOutline.js","sources":["../../../../src/components/_Icon/Icons/IconCloseCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CloseCircleOutline } from '../Icon.assets/CloseCircleOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconCloseCircleOutline: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={CloseCircleOutline} />;\n};\n"],"names":["IconCloseCircleOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","CloseCircleOutline"],"mappings":";;;;IAKaA,sBAA2C,GAAG,SAA9CA,sBAA2CA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACtF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,kBAAAA;AAAmB,GAAE,CAAC,CAAA;AACjG;;;;"}

package/es/components/_Icon/Icons/IconPlus.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Plus } from '../Icon.assets/Plus.js';
+import { IconRoot } from '../IconRoot.js';
+
+var IconPlus = function IconPlus(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: Plus
+  });
+};
+
+export { IconPlus };
+//# sourceMappingURL=IconPlus.js.map

package/es/components/_Icon/Icons/IconPlus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPlus.js","sources":["../../../../src/components/_Icon/Icons/IconPlus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Plus } from '../Icon.assets/Plus';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconPlus: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={Plus} />;\n};\n"],"names":["IconPlus","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","Plus"],"mappings":";;;;IAKaA,QAA6B,GAAG,SAAhCA,QAA6BA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACxE,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,IAAAA;AAAK,GAAE,CAAC,CAAA;AACnF;;;;"}

package/es/index.css

@@ -57,14 +57,6 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
-.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601.ChipGroup_styles_1l3nd6v_chipGroupWrap__3638f601{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-
-.base_122089q_brey5rj__0d881afa.base_122089q_chipGroupOverrideStyles__0d881afa .base_122089q_chipItem__0d881afa{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
-
-.base_eu60ye_b8we6fx__49af8456.base_eu60ye_chipGroupOverrideStyles__49af8456 .base_eu60ye_chipItem__49af8456{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
-
-.base_vhoe9f_b5zwimg__1f583b8c{gap:var(--plasma-chip-group-items-gap);}
-
 .Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
 .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
@@ -688,3 +680,18 @@
 .base_11fpjfv_b14xop9w__3f9dd444 .base_11fpjfv_e1fh2i5t__3f9dd444{background:var( --plasma-editable-icon-background, linear-gradient(270deg,var(--plasma-editable-edit-button-background) 70%,rgba(0,0,0,0) 120%) );color:var(--plasma-editable-edit-button-color);}.base_11fpjfv_b14xop9w__3f9dd444:hover > .base_11fpjfv_e1fh2i5t__3f9dd444{color:var(--plasma-editable-edit-button-color-hover);}
 
 .base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_e1fh2i5t__a3c52690{padding-left:var(--plasma-editable-edit-button-padding-left);}.base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_editableTextBox__a3c52690{margin-right:var(--plasma-editable-text-box-margin-right);padding-right:var(--plasma-editable-text-box-padding-right);}
+
+.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_horizontal__bf96e72c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_vertical__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_auto__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
+
+.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+
+.Attach_styles_fl8wha_by826kf__6f4ae4c2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Attach_styles_fl8wha_sw7vb9c__6f4ae4c2{display:none;}
+.Attach_styles_fl8wha_suojwhg__6f4ae4c2{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
+
+.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
+
+.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
+
+.IconButton_styles_1q2jfs2_s15ptif0__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}

package/es/index.js

@@ -27,9 +27,7 @@ export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './co
 export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
 export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
 export { chipConfig, chipRoot } from './components/Chip/Chip.js';
-export { classes as chipClasses, tokens as chipTokens } from './components/Chip/Chip.tokens.js';
-export { chipGroupConfig, chipGroupRoot } from './components/ChipGroup/ChipGroup.js';
-export { classes as chipGroupClasses, tokens as chipGroupTokens } from './components/ChipGroup/ChipGroup.tokens.js';
+export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
 export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
 export { CellTextboxTitle } from './components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js';
 export { CellTextboxSubtitle } from './components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js';
@@ -187,6 +185,9 @@ export { emptyStateConfig, emptyStateRoot } from './components/EmptyState/EmptyS
 export { tokens as emptyStateTokens } from './components/EmptyState/EmptyState.tokens.js';
 export { editableConfig, editableRoot } from './components/Editable/Editable.js';
 export { tokens as editableTokens } from './components/Editable/Editable.tokens.js';
+export { composeMask } from './components/Mask/Mask.js';
+export { attachConfig, attachRoot } from './components/Attach/Attach.js';
+export { tokens as attachTokens } from './components/Attach/Attach.tokens.js';
 export { component, mergeConfig } from './engines/common.js';
 export { canUseDOM } from './utils/canUseDOM.js';
 export { extractTextFrom } from './utils/extractTextFrom.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.149.0-canary.1445.10942800137.0",
+  "version": "0.150.0-canary.1437.10958276336.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -113,7 +113,9 @@
     "@linaria/core": "5.0.2",
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
+    "@salutejs/input-core": "2.1.2",
     "@salutejs/plasma-core": "1.180.0",
+    "@salutejs/react-maskinput": "3.2.6",
     "dayjs": "1.11.11",
     "focus-visible": "5.2.0",
     "lodash.throttle": "4.1.1",
@@ -121,5 +123,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "061ebf55b080b24b24e57b4ee233b2edf24b18cd"
+  "gitHead": "dc05a7779f552e519ed51a657f2950b6c04543c7"
 }

package/styled-components/cjs/components/Attach/Attach.js

@@ -0,0 +1,186 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attachRoot = exports.attachConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../utils");
+var _Icon = /*#__PURE__*/require("../_Icon");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _base2 = /*#__PURE__*/require("./variations/_view/base");
+var _Attach = /*#__PURE__*/require("./Attach.styles");
+var _Cell = /*#__PURE__*/require("./ui/Cell/Cell");
+var _utils2 = /*#__PURE__*/require("./utils");
+var _Attach2 = /*#__PURE__*/require("./Attach.tokens");
+var _AttachButton = /*#__PURE__*/require("./components/AttachButton");
+var _IconButton = /*#__PURE__*/require("./ui/IconButton/IconButton.styles");
+var _IconCloseCircleOutli;
+var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var attachRoot = exports.attachRoot = function attachRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
+    var _props$flow = props.flow,
+      flow = _props$flow === void 0 ? 'auto' : _props$flow,
+      _props$buttonType = props.buttonType,
+      buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
+      _props$hasAttachment = props.hasAttachment,
+      hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
+      acceptedFileFormats = props.acceptedFileFormats,
+      size = props.size,
+      view = props.view,
+      className = props.className,
+      style = props.style,
+      isLoading = props.isLoading,
+      disabled = props.disabled,
+      rest = _objectWithoutProperties(props, _excluded);
+    var innerRef = (0, _react.useRef)(null);
+    var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
+    var inputRef = (0, _react.useRef)(null);
+    var inputHelperRef = (0, _react.useRef)(null);
+    var cellRef = (0, _react.useRef)(null);
+    var buttonRef = (0, _react.useRef)(null);
+    var emptyTextCellWidth = (0, _react.useRef)(null);
+    var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      filename = _useState2[0],
+      setFilename = _useState2[1];
+    var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      truncatedFilename = _useState4[0],
+      setTruncatedFilename = _useState4[1];
+    var horizontalClass = flow === 'horizontal' ? _Attach2.classes.horizontal : undefined;
+    var verticalClass = flow === 'vertical' ? _Attach2.classes.vertical : undefined;
+    var autoClass = flow === 'auto' ? _Attach2.classes.auto : undefined;
+    var cellHiddenClass = truncatedFilename.length === 0 ? _Attach2.classes.cellHidden : undefined;
+    var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
+    var extension = (0, _utils2.extractExtension)(filename);
+    var cellContentLeft = (0, _utils2.getFileicon)(extension, size);
+    (0, _react.useEffect)(function () {
+      var _cellRef$current;
+      emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
+    }, []);
+    (0, _plasmaCore.useIsomorphicLayoutEffect)(function () {
+      if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
+        return;
+      }
+      var textWidth = inputHelperRef.current.offsetWidth;
+      var buttonWidth = buttonRef.current.offsetWidth;
+      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
+        parentWidth = _cellRef$current$pare.width,
+        parentLeft = _cellRef$current$pare.left;
+      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
+        cellLeft = _cellRef$current$getB.left;
+      var leftDiff = cellLeft - parentLeft;
+      var currentTextWidth = textWidth;
+      var currFilename = filename;
+      for (var i = filename.length - 1; i > 0; i -= 1) {
+        if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
+          break;
+        }
+        var newFilename = (0, _utils2.truncateFilename)({
+          filename: inputHelperRef.current.textContent,
+          startNameTruncationIndex: i
+        });
+        inputHelperRef.current.textContent = newFilename;
+        currentTextWidth = inputHelperRef.current.offsetWidth;
+        if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+          break;
+        }
+        currFilename = newFilename;
+      }
+      inputHelperRef.current.textContent = filename;
+      setTruncatedFilename(currFilename);
+    });
+    var handleClick = function handleClick() {
+      if (!inputRef.current) {
+        return;
+      }
+      inputRef.current.click();
+    };
+    var handleChange = function handleChange() {
+      if (!inputRef.current || !inputRef.current.files) {
+        return;
+      }
+      setFilename(inputRef.current.files[0].name);
+    };
+    var handleClear = function handleClear() {
+      if (!inputRef.current) {
+        return;
+      }
+      inputRef.current.value = '';
+      setFilename('');
+      setTruncatedFilename('');
+    };
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass, className),
+      style: style,
+      size: size,
+      view: view,
+      ref: ref
+    }, /*#__PURE__*/_react["default"].createElement(_Attach.StyledHiddenInput, {
+      ref: inputRef,
+      accept: accept,
+      type: "file",
+      id: "attachHiddenInput",
+      name: "attachHiddenInput",
+      onChange: handleChange
+    }), /*#__PURE__*/_react["default"].createElement(_Attach.StyledHiddenInputHelper, {
+      ref: inputHelperRef,
+      id: "attachHiddenInputHelper"
+    }, filename), /*#__PURE__*/_react["default"].createElement(_AttachButton.AttachButton, _extends({
+      buttonType: buttonType,
+      view: view,
+      size: size,
+      onClick: handleClick,
+      isLoading: isLoading,
+      disabled: disabled,
+      ref: buttonRef
+    }, rest)), hasAttachment && /*#__PURE__*/_react["default"].createElement(_Cell.StyledCell, {
+      stretching: "fixed",
+      className: cellHiddenClass,
+      ref: cellRef,
+      size: size,
+      title: truncatedFilename,
+      contentLeft: cellContentLeft,
+      contentRight: /*#__PURE__*/_react["default"].createElement(_IconButton.StyledIconButtonCancel, {
+        view: view,
+        size: size,
+        onClick: handleClear
+      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/_react["default"].createElement(_Icon.IconCloseCircleOutline, {
+        size: "xs",
+        color: "inherit"
+      })))
+    }));
+  });
+};
+var attachConfig = exports.attachConfig = {
+  name: 'Attach',
+  tag: 'div',
+  layout: attachRoot,
+  base: _Attach.base,
+  variations: {
+    view: {
+      css: _base2.base
+    },
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};