@rescui/icons 0.16.15-RUI-230-Update-icons-0bd4e5fc.9 → 0.16.15-RUI-230-Update-icons-6919f9e4.29

package/lib/files-outline.js

@@ -16,92 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const FilesOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8zM7.725 3h2.525c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 10.25 15h-5.5A1.75 1.75 0 0 1 3 13.25V7.725a1.75 1.75 0 0 1 .513-1.238l2.974-2.974.004-.004A1.75 1.75 0 0 1 7.725 3M11 13.25v-8.5a.75.75 0 0 0-.75-.75H8v2.25A1.75 1.75 0 0 1 6.25 8H4v5.25c0 .414.336.75.75.75h5.5a.75.75 0 0 0 .75-.75M7 4.414 4.414 7H6.25A.75.75 0 0 0 7 6.25z"
+}));
+
+const FilesOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15.429 15.861V4.5a1 1 0 0 0-1-1H10l.83-.83A2.3 2.3 0 0 1 12.448 2h1.982a2.5 2.5 0 0 1 2.5 2.5v9.214c0 .986-.625 1.827-1.5 2.147M14 7v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-5.6a2 2 0 0 1 .586-1.414l3.4-3.4A2 2 0 0 1 9.4 5H12a2 2 0 0 1 2 2m-1.5 9V7a.5.5 0 0 0-.5-.5h-1V10a2 2 0 0 1-2 2H5.5v4a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5m-3-9.456L5.544 10.5H9a.5.5 0 0 0 .5-.5z"
+}));
+
+const FilesOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M19 4.857A.857.857 0 0 0 18.142 4h-6.428l1.163-1.163A2.86 2.86 0 0 1 14.897 2h3.245A2.857 2.857 0 0 1 21 4.857v12.286a2.86 2.86 0 0 1-2 2.726zM17 19.5a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 4 19.5v-6.75a2.5 2.5 0 0 1 .732-1.768l4.25-4.25A2.5 2.5 0 0 1 10.75 6h3.75A2.5 2.5 0 0 1 17 8.5zm-2 0v-11a.5.5 0 0 0-.5-.5H13v4a3 3 0 0 1-3 3H6v4.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5M11 8.033a.86.86 0 0 0-.372.218L6.25 12.628a.86.86 0 0 0-.218.372H10a1 1 0 0 0 1-1z"
+}));
+
+const FilesOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M22 22.786V6.143C22 5.512 21.488 5 20.857 5H12l1.08-1.08A3.14 3.14 0 0 1 15.302 3h5.555A3.143 3.143 0 0 1 24 6.143v13.714c0 1.333-.83 2.471-2 2.929M12.528 7a3 3 0 0 0-.248.01 1.92 1.92 0 0 0-1.557.552l-.31.31-.006.007-4.845 4.845a1.92 1.92 0 0 0-.552 1.556q-.01.124-.01.248V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3zM18 22a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-6h4a3 3 0 0 0 3-3V9h3a1 1 0 0 1 1 1zM12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .14-.178l4.533-4.532A1 1 0 0 1 12 9.15"
+}));
+
 const FilesOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("mask", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487a1.8 1.8 0 0 0-.345.49L3.158 7A1.75 1.75 0 0 0 3 7.725v5.525c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3M11 13.25a.75.75 0 0 1-.75.75h-5.5a.75.75 0 0 1-.75-.75V8h2.25A1.75 1.75 0 0 0 8 6.25V4h2.25a.75.75 0 0 1 .75.75zM4.414 7 7 4.414V6.25a.75.75 0 0 1-.75.75z"
-    })), /*#__PURE__*/React.createElement("path", {
-      d: "M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487a1.8 1.8 0 0 0-.345.49L3.158 7A1.75 1.75 0 0 0 3 7.725v5.525c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3M11 13.25a.75.75 0 0 1-.75.75h-5.5a.75.75 0 0 1-.75-.75V8h2.25A1.75 1.75 0 0 0 8 6.25V4h2.25a.75.75 0 0 1 .75.75zM4.414 7 7 4.414V6.25a.75.75 0 0 1-.75.75z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8.707 1.293 9.414 2zM13 13h-1v1h1zM8 2l-.707-.707L5.586 3H8zm-.945 1.133-.382-.924zM7 3.157l-.414-.91zm-.513.356.708.707zM3.513 6.487l-.708-.707zm-.345.49-.904-.427-.003.006zM3.158 7l-.908-.42-.003.006zM8 4V3H7v1zM4 8V7H3v1zm.414-1-.707-.707L2 8h2.414zM7 4.414h1V2L6.293 3.707zM9.414 2V0A2 2 0 0 0 8 .586zm0 0H12V0H9.414zM12 2a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm1 1v9h2V3zm0 9v2a2 2 0 0 0 2-2zm1 1V3h-2v10zm0-10a2 2 0 0 0-2-2v2zm-2-2H8v2h4zM8.707 2.707 9.414 2 8 .586l-.707.707zM10.25 2H7.725v2h2.525zM7.725 2a2.8 2.8 0 0 0-1.052.21l.765 1.847A.8.8 0 0 1 7.725 4zm-1.053.21q-.044.017-.086.037l.828 1.82.024-.01zm-.086.037a2.8 2.8 0 0 0-.806.558L7.195 4.22a.8.8 0 0 1 .22-.153zm-.806.558L2.805 5.78 4.22 7.195 7.195 4.22zM2.805 5.78a2.8 2.8 0 0 0-.541.77l1.808.854a.8.8 0 0 1 .148-.21zm-.544.776-.011.023 1.814.842.011-.023zm-.014.03A2.75 2.75 0 0 0 2 7.725h2a.75.75 0 0 1 .067-.31zM2 7.725v5.525h2V7.725zm0 5.525A2.75 2.75 0 0 0 4.75 16v-2a.75.75 0 0 1-.75-.75zM4.75 16h5.5v-2h-5.5zm5.5 0A2.75 2.75 0 0 0 13 13.25h-2a.75.75 0 0 1-.75.75zM13 13.25v-8.5h-2v8.5zm0-8.5A2.75 2.75 0 0 0 10.25 2v2a.75.75 0 0 1 .75.75zm-1 8.5v-8.5h-2v8.5zm0-8.5A1.75 1.75 0 0 0 10.25 3v2a.25.25 0 0 1-.25-.25zM10.25 3H8v2h2.25zM7 4v2.25h2V4zm0 2.25a.75.75 0 0 1-.75.75v2A2.75 2.75 0 0 0 9 6.25zM6.25 7H4v2h2.25zM3 8v5.25h2V8zm0 5.25c0 .966.784 1.75 1.75 1.75v-2a.25.25 0 0 1 .25.25zM4.75 15h5.5v-2h-5.5zm5.5 0A1.75 1.75 0 0 0 12 13.25h-2a.25.25 0 0 1 .25-.25zM5.121 7.707l2.586-2.586-1.414-1.414-2.586 2.586zM6 4.414V6.25h2V4.414zM6 6.25A.25.25 0 0 1 6.25 6v2A1.75 1.75 0 0 0 8 6.25zM6.25 6H4.414v2H6.25z",
-      mask: "url(#a)"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(FilesOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(FilesOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(FilesOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(FilesOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(FilesOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10.83 2.67A2.3 2.3 0 0 1 12.448 2h1.982a2.5 2.5 0 0 1 2.5 2.5v9.214c0 .986-.625 1.827-1.5 2.147V5a1.5 1.5 0 0 0-1.5-1.5H10z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 5H9.4a2 2 0 0 0-1.414.586l-3.4 3.4A2 2 0 0 0 4 10.4V16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m.5 11a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5v-4H9a2 2 0 0 0 2-2V6.5h1a.5.5 0 0 1 .5.5zm-3-9.456V10a.5.5 0 0 1-.5.5H5.544z"
-    }), /*#__PURE__*/React.createElement("path", {
-      stroke: "#19191C",
-      strokeWidth: 1.5,
-      d: "m5.014 9.97-.251.25a1.25 1.25 0 0 1 .353-.704l3.4-3.4a1.25 1.25 0 0 1 .705-.353l-.251.251zm8.915-7.22h.5c.966 0 1.75.784 1.75 1.75V5a2.25 2.25 0 0 0-2.25-2.25Z"
-    }));
+    return /*#__PURE__*/React.createElement(FilesOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.245A2.857 2.857 0 0 1 21 4.857v12.286a2.86 2.86 0 0 1-2 2.726V6a2 2 0 0 0-2-2h-5.286z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M14.5 6A2.5 2.5 0 0 1 17 8.5v11a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 4 19.5v-6.75a2.5 2.5 0 0 1 .732-1.768l4.25-4.25A2.5 2.5 0 0 1 10.75 6zm.5 13.5v-11a.5.5 0 0 0-.5-.5H13v4a3 3 0 0 1-3 3H6v4.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5M11 8.033a.86.86 0 0 0-.372.218L6.25 12.628a.86.86 0 0 0-.218.372H10a1 1 0 0 0 1-1z"
-    }), /*#__PURE__*/React.createElement("path", {
-      stroke: "#19191C",
-      strokeWidth: 2,
-      d: "M10.75 7h.226l-.249.07a1.86 1.86 0 0 0-.806.474L5.544 11.92l.489.488-.49-.488a1.86 1.86 0 0 0-.473.806l-.07.249v-.226c0-.398.158-.78.44-1.06l4.25-4.25A1.5 1.5 0 0 1 10.75 7ZM20 4.857v1.094A3 3 0 0 0 17 3h1.142C19.168 3 20 3.831 20 4.857Z"
-    }));
+    return /*#__PURE__*/React.createElement(FilesOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.08 3.92A3.14 3.14 0 0 1 15.302 3h5.555A3.143 3.143 0 0 1 24 6.143v13.714c0 1.333-.83 2.471-2 2.929V7.5A2.5 2.5 0 0 0 19.5 5H12z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m5.562 12.724 5.161-5.162a1.92 1.92 0 0 1 1.557-.552q.124-.01.248-.01H17a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-7.472q0-.124.01-.248a1.92 1.92 0 0 1 .552-1.557m6.26-3.432-4.53 4.53a1 1 0 0 0-.141.178H11a1 1 0 0 0 1-1V9.151q-.096.06-.178.14M17 9h-3v4a3 3 0 0 1-3 3H7v6a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#19191C",
-    strokeWidth: 2,
-    d: "M11.43 8.27a.92.92 0 0 1 .51-.26l-.468.292a2 2 0 0 0-.356.282zm-5.128 5.202-.291.467a.92.92 0 0 1 .258-.508l.316-.316a2 2 0 0 0-.283.357ZM19.5 4h-4.215 5.572C22.041 4 23 4.96 23 6.143V7.49A3.5 3.5 0 0 0 19.5 4Z"
-  }));
+  return /*#__PURE__*/React.createElement(FilesOutlineIcon28, mainProps);
 });
+FilesOutlineIcon.displayName = 'FilesOutlineIcon';
 FilesOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-FilesOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default FilesOutlineIcon;
 //# sourceMappingURL=files-outline.js.map

package/lib/files-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"files-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilesOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["files-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilesOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><mask id=\"a\"><path d=\"M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z\" /><path d=\"M10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487a1.8 1.8 0 0 0-.345.49L3.158 7A1.75 1.75 0 0 0 3 7.725v5.525c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3M11 13.25a.75.75 0 0 1-.75.75h-5.5a.75.75 0 0 1-.75-.75V8h2.25A1.75 1.75 0 0 0 8 6.25V4h2.25a.75.75 0 0 1 .75.75zM4.414 7 7 4.414V6.25a.75.75 0 0 1-.75.75z\" /></mask><path d=\"M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z\" /><path d=\"M10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487a1.8 1.8 0 0 0-.345.49L3.158 7A1.75 1.75 0 0 0 3 7.725v5.525c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3M11 13.25a.75.75 0 0 1-.75.75h-5.5a.75.75 0 0 1-.75-.75V8h2.25A1.75 1.75 0 0 0 8 6.25V4h2.25a.75.75 0 0 1 .75.75zM4.414 7 7 4.414V6.25a.75.75 0 0 1-.75.75z\" /><path d=\"M8.707 1.293 9.414 2zM13 13h-1v1h1zM8 2l-.707-.707L5.586 3H8zm-.945 1.133-.382-.924zM7 3.157l-.414-.91zm-.513.356.708.707zM3.513 6.487l-.708-.707zm-.345.49-.904-.427-.003.006zM3.158 7l-.908-.42-.003.006zM8 4V3H7v1zM4 8V7H3v1zm.414-1-.707-.707L2 8h2.414zM7 4.414h1V2L6.293 3.707zM9.414 2V0A2 2 0 0 0 8 .586zm0 0H12V0H9.414zM12 2a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm1 1v9h2V3zm0 9v2a2 2 0 0 0 2-2zm1 1V3h-2v10zm0-10a2 2 0 0 0-2-2v2zm-2-2H8v2h4zM8.707 2.707 9.414 2 8 .586l-.707.707zM10.25 2H7.725v2h2.525zM7.725 2a2.8 2.8 0 0 0-1.052.21l.765 1.847A.8.8 0 0 1 7.725 4zm-1.053.21q-.044.017-.086.037l.828 1.82.024-.01zm-.086.037a2.8 2.8 0 0 0-.806.558L7.195 4.22a.8.8 0 0 1 .22-.153zm-.806.558L2.805 5.78 4.22 7.195 7.195 4.22zM2.805 5.78a2.8 2.8 0 0 0-.541.77l1.808.854a.8.8 0 0 1 .148-.21zm-.544.776-.011.023 1.814.842.011-.023zm-.014.03A2.75 2.75 0 0 0 2 7.725h2a.75.75 0 0 1 .067-.31zM2 7.725v5.525h2V7.725zm0 5.525A2.75 2.75 0 0 0 4.75 16v-2a.75.75 0 0 1-.75-.75zM4.75 16h5.5v-2h-5.5zm5.5 0A2.75 2.75 0 0 0 13 13.25h-2a.75.75 0 0 1-.75.75zM13 13.25v-8.5h-2v8.5zm0-8.5A2.75 2.75 0 0 0 10.25 2v2a.75.75 0 0 1 .75.75zm-1 8.5v-8.5h-2v8.5zm0-8.5A1.75 1.75 0 0 0 10.25 3v2a.25.25 0 0 1-.25-.25zM10.25 3H8v2h2.25zM7 4v2.25h2V4zm0 2.25a.75.75 0 0 1-.75.75v2A2.75 2.75 0 0 0 9 6.25zM6.25 7H4v2h2.25zM3 8v5.25h2V8zm0 5.25c0 .966.784 1.75 1.75 1.75v-2a.25.25 0 0 1 .25.25zM4.75 15h5.5v-2h-5.5zm5.5 0A1.75 1.75 0 0 0 12 13.25h-2a.25.25 0 0 1 .25-.25zM5.121 7.707l2.586-2.586-1.414-1.414-2.586 2.586zM6 4.414V6.25h2V4.414zM6 6.25A.25.25 0 0 1 6.25 6v2A1.75 1.75 0 0 0 8 6.25zM6.25 6H4.414v2H6.25z\" mask=\"url(#a)\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M10.83 2.67A2.3 2.3 0 0 1 12.448 2h1.982a2.5 2.5 0 0 1 2.5 2.5v9.214c0 .986-.625 1.827-1.5 2.147V5a1.5 1.5 0 0 0-1.5-1.5H10z\" /><path d=\"M12 5H9.4a2 2 0 0 0-1.414.586l-3.4 3.4A2 2 0 0 0 4 10.4V16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m.5 11a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5v-4H9a2 2 0 0 0 2-2V6.5h1a.5.5 0 0 1 .5.5zm-3-9.456V10a.5.5 0 0 1-.5.5H5.544z\" /><path stroke=\"#19191C\" strokeWidth={1.5} d=\"m5.014 9.97-.251.25a1.25 1.25 0 0 1 .353-.704l3.4-3.4a1.25 1.25 0 0 1 .705-.353l-.251.251zm8.915-7.22h.5c.966 0 1.75.784 1.75 1.75V5a2.25 2.25 0 0 0-2.25-2.25Z\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.245A2.857 2.857 0 0 1 21 4.857v12.286a2.86 2.86 0 0 1-2 2.726V6a2 2 0 0 0-2-2h-5.286z\" /><path d=\"M14.5 6A2.5 2.5 0 0 1 17 8.5v11a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 4 19.5v-6.75a2.5 2.5 0 0 1 .732-1.768l4.25-4.25A2.5 2.5 0 0 1 10.75 6zm.5 13.5v-11a.5.5 0 0 0-.5-.5H13v4a3 3 0 0 1-3 3H6v4.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5M11 8.033a.86.86 0 0 0-.372.218L6.25 12.628a.86.86 0 0 0-.218.372H10a1 1 0 0 0 1-1z\" /><path stroke=\"#19191C\" strokeWidth={2} d=\"M10.75 7h.226l-.249.07a1.86 1.86 0 0 0-.806.474L5.544 11.92l.489.488-.49-.488a1.86 1.86 0 0 0-.473.806l-.07.249v-.226c0-.398.158-.78.44-1.06l4.25-4.25A1.5 1.5 0 0 1 10.75 7ZM20 4.857v1.094A3 3 0 0 0 17 3h1.142C19.168 3 20 3.831 20 4.857Z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M13.08 3.92A3.14 3.14 0 0 1 15.302 3h5.555A3.143 3.143 0 0 1 24 6.143v13.714c0 1.333-.83 2.471-2 2.929V7.5A2.5 2.5 0 0 0 19.5 5H12z\" /><path d=\"m5.562 12.724 5.161-5.162a1.92 1.92 0 0 1 1.557-.552q.124-.01.248-.01H17a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-7.472q0-.124.01-.248a1.92 1.92 0 0 1 .552-1.557m6.26-3.432-4.53 4.53a1 1 0 0 0-.141.178H11a1 1 0 0 0 1-1V9.151q-.096.06-.178.14M17 9h-3v4a3 3 0 0 1-3 3H7v6a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1\" /><path stroke=\"#19191C\" strokeWidth={2} d=\"M11.43 8.27a.92.92 0 0 1 .51-.26l-.468.292a2 2 0 0 0-.356.282zm-5.128 5.202-.291.467a.92.92 0 0 1 .258-.508l.316-.316a2 2 0 0 0-.283.357ZM19.5 4h-4.215 5.572C22.041 4 23 4.96 23 6.143V7.49A3.5 3.5 0 0 0 19.5 4Z\" /></svg>);}\n);\n\nFilesOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nFilesOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default FilesOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"files-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilesOutlineIcon16","props","FilesOutlineIcon20","FilesOutlineIcon24","FilesOutlineIcon28","FilesOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["files-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilesOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8zM7.725 3h2.525c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 10.25 15h-5.5A1.75 1.75 0 0 1 3 13.25V7.725a1.75 1.75 0 0 1 .513-1.238l2.974-2.974.004-.004A1.75 1.75 0 0 1 7.725 3M11 13.25v-8.5a.75.75 0 0 0-.75-.75H8v2.25A1.75 1.75 0 0 1 6.25 8H4v5.25c0 .414.336.75.75.75h5.5a.75.75 0 0 0 .75-.75M7 4.414 4.414 7H6.25A.75.75 0 0 0 7 6.25z\" /></svg>);\nconst FilesOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M15.429 15.861V4.5a1 1 0 0 0-1-1H10l.83-.83A2.3 2.3 0 0 1 12.448 2h1.982a2.5 2.5 0 0 1 2.5 2.5v9.214c0 .986-.625 1.827-1.5 2.147M14 7v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-5.6a2 2 0 0 1 .586-1.414l3.4-3.4A2 2 0 0 1 9.4 5H12a2 2 0 0 1 2 2m-1.5 9V7a.5.5 0 0 0-.5-.5h-1V10a2 2 0 0 1-2 2H5.5v4a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5m-3-9.456L5.544 10.5H9a.5.5 0 0 0 .5-.5z\" /></svg>);\nconst FilesOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M19 4.857A.857.857 0 0 0 18.142 4h-6.428l1.163-1.163A2.86 2.86 0 0 1 14.897 2h3.245A2.857 2.857 0 0 1 21 4.857v12.286a2.86 2.86 0 0 1-2 2.726zM17 19.5a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 4 19.5v-6.75a2.5 2.5 0 0 1 .732-1.768l4.25-4.25A2.5 2.5 0 0 1 10.75 6h3.75A2.5 2.5 0 0 1 17 8.5zm-2 0v-11a.5.5 0 0 0-.5-.5H13v4a3 3 0 0 1-3 3H6v4.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5M11 8.033a.86.86 0 0 0-.372.218L6.25 12.628a.86.86 0 0 0-.218.372H10a1 1 0 0 0 1-1z\" /></svg>);\nconst FilesOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M22 22.786V6.143C22 5.512 21.488 5 20.857 5H12l1.08-1.08A3.14 3.14 0 0 1 15.302 3h5.555A3.143 3.143 0 0 1 24 6.143v13.714c0 1.333-.83 2.471-2 2.929M12.528 7a3 3 0 0 0-.248.01 1.92 1.92 0 0 0-1.557.552l-.31.31-.006.007-4.845 4.845a1.92 1.92 0 0 0-.552 1.556q-.01.124-.01.248V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3zM18 22a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-6h4a3 3 0 0 0 3-3V9h3a1 1 0 0 1 1 1zM12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .14-.178l4.533-4.532A1 1 0 0 1 12 9.15\" /></svg>);\n\nconst FilesOutlineIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><FilesOutlineIcon16 className={styles.variant16} />\n<FilesOutlineIcon20 className={styles.variant20} />\n<FilesOutlineIcon24 className={styles.variant24} />\n<FilesOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<FilesOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<FilesOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<FilesOutlineIcon24 {...mainProps} />); }\nreturn (<FilesOutlineIcon28 {...mainProps} />);\n  }\n);\nFilesOutlineIcon.displayName = 'FilesOutlineIcon';\nFilesOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default FilesOutlineIcon;"],"mappings":"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"}

package/lib/files.d.ts

@@ -7,10 +7,10 @@ export type TFilesIconTheme = "light" | "dark";
 export interface IFilesIconProps extends React.SVGProps<any> {
   size?: TFilesIconSize;
   theme?: TFilesIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class FilesIcon extends React.Component<IFilesIconProps, any> {
-  render(): JSX.Element;
-}
+declare const FilesIcon: React.ForwardRefExoticComponent<IFilesIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default FilesIcon;

package/lib/files.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const FilesIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8zM3 13.25c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487A1.75 1.75 0 0 0 3 7.725zm4-8.836V6.25a.75.75 0 0 1-.75.75H4.414z"
+}));
+
+const FilesIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12.447 2a2.28 2.28 0 0 0-1.616.67L10 3.5h3.929a1.5 1.5 0 0 1 1.5 1.5v10.861c.875-.32 1.5-1.16 1.5-2.147V4.5a2.5 2.5 0 0 0-2.5-2.5zM4 16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H9.751a2 2 0 0 0-1.414.586L4.586 9.337A2 2 0 0 0 4 10.752zm5.398-9.354a.5.5 0 0 1 .102-.078V10a.5.5 0 0 1-.5.5H5.568a.5.5 0 0 1 .078-.102z"
+}));
+
+const FilesIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.246A2.857 2.857 0 0 1 21 4.857v12.286c0 1.279-.84 2.362-2 2.726V6a2 2 0 0 0-2-2h-5.286zM4 19.5A2.5 2.5 0 0 0 6.5 22h8a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 14.5 6h-3.414L11 6.001a2.5 2.5 0 0 0-1.682.731l-4.586 4.586A2.5 2.5 0 0 0 4 13.086zm7-11.493V12.5a.5.5 0 0 1-.5.5H6.007a.5.5 0 0 1 .14-.268l4.585-4.586A.5.5 0 0 1 11 8.007"
+}));
+
+const FilesIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15.302 3c-.834 0-1.633.331-2.222.92L12 5h7.5A2.5 2.5 0 0 1 22 7.5v15.286c1.17-.458 2-1.596 2-2.929V6.143A3.143 3.143 0 0 0 20.857 3zM17 7h-4.472a3 3 0 0 0-2.121.879l-4.528 4.528A3 3 0 0 0 5 14.528V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3m-3 6.039V13zm-2.18-3.746A1 1 0 0 1 12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .142-.179z"
+}));
+
 const FilesIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3 13.25c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487A1.75 1.75 0 0 0 3 7.725zm4-8.836V6.25a.75.75 0 0 1-.75.75H4.414z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(FilesIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(FilesIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(FilesIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(FilesIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(FilesIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12.447 2a2.28 2.28 0 0 0-1.616.67L10 3.5h3.929a1.5 1.5 0 0 1 1.5 1.5v10.861c.875-.32 1.5-1.16 1.5-2.147V4.5a2.5 2.5 0 0 0-2.5-2.5z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M4 16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H9.751a2 2 0 0 0-1.414.586L4.586 9.337A2 2 0 0 0 4 10.752zm5.398-9.354a.5.5 0 0 1 .102-.078V10a.5.5 0 0 1-.5.5H5.568a.5.5 0 0 1 .078-.102z"
-    }));
+    return /*#__PURE__*/React.createElement(FilesIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.246A2.857 2.857 0 0 1 21 4.857v12.286c0 1.279-.84 2.362-2 2.726V6a2 2 0 0 0-2-2h-5.286z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M4 19.5A2.5 2.5 0 0 0 6.5 22h8a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 14.5 6h-3.414L11 6.001a2.5 2.5 0 0 0-1.682.731l-4.586 4.586A2.5 2.5 0 0 0 4 13.086zm7-11.493V12.5a.5.5 0 0 1-.5.5H6.007a.5.5 0 0 1 .14-.268l4.585-4.586A.5.5 0 0 1 11 8.007"
-    }));
+    return /*#__PURE__*/React.createElement(FilesIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15.302 3c-.834 0-1.633.331-2.222.92L12 5h7.5A2.5 2.5 0 0 1 22 7.5v15.286c1.17-.458 2-1.596 2-2.929V6.143A3.143 3.143 0 0 0 20.857 3z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17 7h-4.472a3 3 0 0 0-2.121.879l-4.528 4.528A3 3 0 0 0 5 14.528V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3m-3 6.039V13zm-2.18-3.746A1 1 0 0 1 12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .142-.179z"
-  }));
+  return /*#__PURE__*/React.createElement(FilesIcon28, mainProps);
 });
+FilesIcon.displayName = 'FilesIcon';
 FilesIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-FilesIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default FilesIcon;
 //# sourceMappingURL=files.js.map

package/lib/files.js.map

@@ -1 +1 @@
-{"version":3,"file":"files.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilesIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["files.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilesIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8z\" /><path d=\"M3 13.25c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487A1.75 1.75 0 0 0 3 7.725zm4-8.836V6.25a.75.75 0 0 1-.75.75H4.414z\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.447 2a2.28 2.28 0 0 0-1.616.67L10 3.5h3.929a1.5 1.5 0 0 1 1.5 1.5v10.861c.875-.32 1.5-1.16 1.5-2.147V4.5a2.5 2.5 0 0 0-2.5-2.5z\" /><path d=\"M4 16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H9.751a2 2 0 0 0-1.414.586L4.586 9.337A2 2 0 0 0 4 10.752zm5.398-9.354a.5.5 0 0 1 .102-.078V10a.5.5 0 0 1-.5.5H5.568a.5.5 0 0 1 .078-.102z\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.246A2.857 2.857 0 0 1 21 4.857v12.286c0 1.279-.84 2.362-2 2.726V6a2 2 0 0 0-2-2h-5.286z\" /><path d=\"M4 19.5A2.5 2.5 0 0 0 6.5 22h8a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 14.5 6h-3.414L11 6.001a2.5 2.5 0 0 0-1.682.731l-4.586 4.586A2.5 2.5 0 0 0 4 13.086zm7-11.493V12.5a.5.5 0 0 1-.5.5H6.007a.5.5 0 0 1 .14-.268l4.585-4.586A.5.5 0 0 1 11 8.007\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M15.302 3c-.834 0-1.633.331-2.222.92L12 5h7.5A2.5 2.5 0 0 1 22 7.5v15.286c1.17-.458 2-1.596 2-2.929V6.143A3.143 3.143 0 0 0 20.857 3z\" /><path d=\"M17 7h-4.472a3 3 0 0 0-2.121.879l-4.528 4.528A3 3 0 0 0 5 14.528V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3m-3 6.039V13zm-2.18-3.746A1 1 0 0 1 12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .142-.179z\" /></svg>);}\n);\n\nFilesIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nFilesIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default FilesIcon;"],"mappings":"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"}
+{"version":3,"file":"files.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilesIcon16","props","FilesIcon20","FilesIcon24","FilesIcon28","FilesIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["files.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilesIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8.707 1.293A1 1 0 0 1 9.414 1H12a2 2 0 0 1 2 2v9a1 1 0 0 1-1 1V3a1 1 0 0 0-1-1H8zM3 13.25c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 12 13.25v-8.5A1.75 1.75 0 0 0 10.25 3H7.725a1.75 1.75 0 0 0-1.238.513L3.513 6.487A1.75 1.75 0 0 0 3 7.725zm4-8.836V6.25a.75.75 0 0 1-.75.75H4.414z\" /></svg>);\nconst FilesIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M12.447 2a2.28 2.28 0 0 0-1.616.67L10 3.5h3.929a1.5 1.5 0 0 1 1.5 1.5v10.861c.875-.32 1.5-1.16 1.5-2.147V4.5a2.5 2.5 0 0 0-2.5-2.5zM4 16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H9.751a2 2 0 0 0-1.414.586L4.586 9.337A2 2 0 0 0 4 10.752zm5.398-9.354a.5.5 0 0 1 .102-.078V10a.5.5 0 0 1-.5.5H5.568a.5.5 0 0 1 .078-.102z\" /></svg>);\nconst FilesIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M12.877 2.837A2.86 2.86 0 0 1 14.897 2h3.246A2.857 2.857 0 0 1 21 4.857v12.286c0 1.279-.84 2.362-2 2.726V6a2 2 0 0 0-2-2h-5.286zM4 19.5A2.5 2.5 0 0 0 6.5 22h8a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 14.5 6h-3.414L11 6.001a2.5 2.5 0 0 0-1.682.731l-4.586 4.586A2.5 2.5 0 0 0 4 13.086zm7-11.493V12.5a.5.5 0 0 1-.5.5H6.007a.5.5 0 0 1 .14-.268l4.585-4.586A.5.5 0 0 1 11 8.007\" /></svg>);\nconst FilesIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M15.302 3c-.834 0-1.633.331-2.222.92L12 5h7.5A2.5 2.5 0 0 1 22 7.5v15.286c1.17-.458 2-1.596 2-2.929V6.143A3.143 3.143 0 0 0 20.857 3zM17 7h-4.472a3 3 0 0 0-2.121.879l-4.528 4.528A3 3 0 0 0 5 14.528V22a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3m-3 6.039V13zm-2.18-3.746A1 1 0 0 1 12 9.15V13a1 1 0 0 1-1 1H7.151a1 1 0 0 1 .142-.179z\" /></svg>);\n\nconst FilesIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><FilesIcon16 className={styles.variant16} />\n<FilesIcon20 className={styles.variant20} />\n<FilesIcon24 className={styles.variant24} />\n<FilesIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<FilesIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<FilesIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<FilesIcon24 {...mainProps} />); }\nreturn (<FilesIcon28 {...mainProps} />);\n  }\n);\nFilesIcon.displayName = 'FilesIcon';\nFilesIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default FilesIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;;AAIP,MAAMC,WAAW,GAAGC,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA9B;;AACA,MAAMC,WAAW,GAAGD,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA9B;;AACA,MAAME,WAAW,GAAGF,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA9B;;AACA,MAAMG,WAAW,GAAGH,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA9B;;AAEA,MAAMI,SAAS,gBAAGf,KAAK,CAACgB,UAAN,CAChB,OAOGC,GAPH,KAOW;EAAA,IAPV;IACCC,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIX,IAAjB,GAAwBW,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEnB,EAAE,CAACC,MAAM,CAACsB,IAAR,EAActB,MAAM,CAACe,KAAD,CAApB,EAA6Bd,UAAU,CAACe,IAAD,CAAvC,EAA+CI,cAAc,IAAIpB,MAAM,CAACuB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBL;EAJgB,CAAlB;;EAOA,IAAIM,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,WAAD;MAAa,SAAS,EAAErB,MAAM,CAACwB;IAA/B,EAAxC,eAClB,oBAAC,WAAD;MAAa,SAAS,EAAExB,MAAM,CAACyB;IAA/B,EADkB,eAElB,oBAAC,WAAD;MAAa,SAAS,EAAEzB,MAAM,CAAC0B;IAA/B,EAFkB,eAGlB,oBAAC,WAAD;MAAa,SAAS,EAAE1B,MAAM,CAAC2B;IAA/B,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKV,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,WAAD,EAAiBe,SAAjB,CAAR;EAA0C;;EAC/E,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,WAAD,EAAiBe,SAAjB,CAAR;EAA0C;;EACpE,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,WAAD,EAAiBe,SAAjB,CAAR;EAA0C;;EACpE,oBAAQ,oBAAC,WAAD,EAAiBA,SAAjB,CAAR;AACG,CA3Be,CAAlB;AA6BAT,SAAS,CAACgB,WAAV,GAAwB,WAAxB;AACAhB,SAAS,CAACiB,SAAV,GAAsB;EACpBX,SAAS,EAAEpB,SAAS,CAACgC,MADD;EAEpBf,KAAK,EAAEjB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFa;EAGpBf,IAAI,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHc;EAIpB,yBAAyBjC,SAAS,CAACkC,IAJf;EAKpBb,KAAK,EAAErB,SAAS,CAACmC;AALG,CAAtB;AAQA,eAAerB,SAAf"}

package/lib/filter-outline.d.ts

@@ -7,10 +7,10 @@ export type TFilterOutlineIconTheme = "light" | "dark";
 export interface IFilterOutlineIconProps extends React.SVGProps<any> {
   size?: TFilterOutlineIconSize;
   theme?: TFilterOutlineIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class FilterOutlineIcon extends React.Component<IFilterOutlineIconProps, any> {
-  render(): JSX.Element;
-}
+declare const FilterOutlineIcon: React.ForwardRefExoticComponent<IFilterOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default FilterOutlineIcon;

package/lib/filter-outline.js

@@ -16,65 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const FilterOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12 3.5a.5.5 0 0 0-1 0V4H3.5a.5.5 0 0 0 0 1H11v.5a.5.5 0 0 0 1 0V5h.5a.5.5 0 0 0 0-1H12zM3.5 7a.5.5 0 0 0 0 1H4v.5a.5.5 0 0 0 1 0V8h7.5a.5.5 0 0 0 0-1H5v-.5a.5.5 0 0 0-1 0V7zM3 10.5a.5.5 0 0 1 .5-.5H8v-.5a.5.5 0 0 1 1 0v.5h3.5a.5.5 0 0 1 0 1H9v.5a.5.5 0 0 1-1 0V11H3.5a.5.5 0 0 1-.5-.5"
+}));
+
+const FilterOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M14.75 3.5a.75.75 0 0 0-1.5 0v.75H4.5a.75.75 0 0 0 0 1.5h8.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75zM4.5 9.25a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h8.75a.75.75 0 0 0 0-1.5H6.75V8.5a.75.75 0 0 0-1.5 0v.75zm0 5a.75.75 0 0 0 0 1.5h5.75v.75a.75.75 0 0 0 1.5 0v-.75h3.75a.75.75 0 0 0 0-1.5h-3.75v-.75a.75.75 0 0 0-1.5 0v.75z"
+}));
+
+const FilterOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M18 5a1 1 0 1 0-2 0v1H5a1 1 0 0 0 0 2h11v1a1 1 0 1 0 2 0V8h1a1 1 0 1 0 0-2h-1zM5 11a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h11a1 1 0 1 0 0-2H8v-1a1 1 0 0 0-2 0v1zm0 5a1 1 0 1 0 0 2h7v1a1 1 0 1 0 2 0v-1h5a1 1 0 1 0 0-2h-5v-1a1 1 0 1 0-2 0v1z"
+}));
+
+const FilterOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M20 6a1 1 0 1 0-2 0v1H6a1 1 0 0 0 0 2h12v1a1 1 0 1 0 2 0V9h2a1 1 0 1 0 0-2h-2zM6 13a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h13a1 1 0 1 0 0-2H9v-1a1 1 0 1 0-2 0v1zm-1 7a1 1 0 0 1 1-1h8v-1a1 1 0 1 1 2 0v1h6a1 1 0 1 1 0 2h-6v1a1 1 0 1 1-2 0v-1H6a1 1 0 0 1-1-1"
+}));
+
 const FilterOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 3.5a.5.5 0 0 0-1 0V4H3.5a.5.5 0 0 0 0 1H11v.5a.5.5 0 0 0 1 0V5h.5a.5.5 0 0 0 0-1H12zM3.5 7a.5.5 0 0 0 0 1H4v.5a.5.5 0 0 0 1 0V8h7.5a.5.5 0 0 0 0-1H5v-.5a.5.5 0 0 0-1 0V7zM3 10.5a.5.5 0 0 1 .5-.5H8v-.5a.5.5 0 0 1 1 0v.5h3.5a.5.5 0 0 1 0 1H9v.5a.5.5 0 0 1-1 0V11H3.5a.5.5 0 0 1-.5-.5"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(FilterOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(FilterOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(FilterOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(FilterOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(FilterOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M14.75 3.5a.75.75 0 0 0-1.5 0v.75H4.5a.75.75 0 0 0 0 1.5h8.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75zM4.5 9.25a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h8.75a.75.75 0 0 0 0-1.5H6.75V8.5a.75.75 0 0 0-1.5 0v.75zm0 5a.75.75 0 0 0 0 1.5h5.75v.75a.75.75 0 0 0 1.5 0v-.75h3.75a.75.75 0 0 0 0-1.5h-3.75v-.75a.75.75 0 0 0-1.5 0v.75z"
-    }));
+    return /*#__PURE__*/React.createElement(FilterOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M18 5a1 1 0 1 0-2 0v1H5a1 1 0 0 0 0 2h11v1a1 1 0 1 0 2 0V8h1a1 1 0 1 0 0-2h-1zM5 11a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h11a1 1 0 1 0 0-2H8v-1a1 1 0 0 0-2 0v1z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M5 16a1 1 0 1 0 0 2h7v1a1 1 0 1 0 2 0v-1h5a1 1 0 1 0 0-2h-5v-1a1 1 0 1 0-2 0v1z"
-    }));
+    return /*#__PURE__*/React.createElement(FilterOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 6a1 1 0 1 0-2 0v1H6a1 1 0 0 0 0 2h12v1a1 1 0 1 0 2 0V9h2a1 1 0 1 0 0-2h-2zM6 13a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h13a1 1 0 1 0 0-2H9v-1a1 1 0 1 0-2 0v1zm-1 7a1 1 0 0 1 1-1h8v-1a1 1 0 1 1 2 0v1h6a1 1 0 1 1 0 2h-6v1a1 1 0 1 1-2 0v-1H6a1 1 0 0 1-1-1"
-  }));
+  return /*#__PURE__*/React.createElement(FilterOutlineIcon28, mainProps);
 });
+FilterOutlineIcon.displayName = 'FilterOutlineIcon';
 FilterOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-FilterOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default FilterOutlineIcon;
 //# sourceMappingURL=filter-outline.js.map

package/lib/filter-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilterOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["filter-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilterOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 3.5a.5.5 0 0 0-1 0V4H3.5a.5.5 0 0 0 0 1H11v.5a.5.5 0 0 0 1 0V5h.5a.5.5 0 0 0 0-1H12zM3.5 7a.5.5 0 0 0 0 1H4v.5a.5.5 0 0 0 1 0V8h7.5a.5.5 0 0 0 0-1H5v-.5a.5.5 0 0 0-1 0V7zM3 10.5a.5.5 0 0 1 .5-.5H8v-.5a.5.5 0 0 1 1 0v.5h3.5a.5.5 0 0 1 0 1H9v.5a.5.5 0 0 1-1 0V11H3.5a.5.5 0 0 1-.5-.5\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M14.75 3.5a.75.75 0 0 0-1.5 0v.75H4.5a.75.75 0 0 0 0 1.5h8.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75zM4.5 9.25a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h8.75a.75.75 0 0 0 0-1.5H6.75V8.5a.75.75 0 0 0-1.5 0v.75zm0 5a.75.75 0 0 0 0 1.5h5.75v.75a.75.75 0 0 0 1.5 0v-.75h3.75a.75.75 0 0 0 0-1.5h-3.75v-.75a.75.75 0 0 0-1.5 0v.75z\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18 5a1 1 0 1 0-2 0v1H5a1 1 0 0 0 0 2h11v1a1 1 0 1 0 2 0V8h1a1 1 0 1 0 0-2h-1zM5 11a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h11a1 1 0 1 0 0-2H8v-1a1 1 0 0 0-2 0v1z\" /><path d=\"M5 16a1 1 0 1 0 0 2h7v1a1 1 0 1 0 2 0v-1h5a1 1 0 1 0 0-2h-5v-1a1 1 0 1 0-2 0v1z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M20 6a1 1 0 1 0-2 0v1H6a1 1 0 0 0 0 2h12v1a1 1 0 1 0 2 0V9h2a1 1 0 1 0 0-2h-2zM6 13a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h13a1 1 0 1 0 0-2H9v-1a1 1 0 1 0-2 0v1zm-1 7a1 1 0 0 1 1-1h8v-1a1 1 0 1 1 2 0v1h6a1 1 0 1 1 0 2h-6v1a1 1 0 1 1-2 0v-1H6a1 1 0 0 1-1-1\" /></svg>);}\n);\n\nFilterOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nFilterOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default FilterOutlineIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,iBAAiB,gBAAGV,KAAK,CAACW,UAAN,CACxB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAkb;;EAC/f,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAmf;;EAC7gB,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,eAAgS;MAAM,CAAC,EAAC;IAAR,EAAhS,CAAR;EAA8Y;;EACxa,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+Y,CAJrX,CAA1B;AAOAF,iBAAiB,CAACQ,SAAlB,GAA8B;EAC5BH,SAAS,EAAEd,SAAS,CAACkB,MADO;EAE5BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFqB;EAG5BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHsB,CAA9B;AAMAV,iBAAiB,CAACW,YAAlB,GAAiC;EAC/BP,IAAI,EAAE;AADyB,CAAjC;AAIA,eAAeJ,iBAAf"}
+{"version":3,"file":"filter-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FilterOutlineIcon16","props","FilterOutlineIcon20","FilterOutlineIcon24","FilterOutlineIcon28","FilterOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["filter-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst FilterOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M12 3.5a.5.5 0 0 0-1 0V4H3.5a.5.5 0 0 0 0 1H11v.5a.5.5 0 0 0 1 0V5h.5a.5.5 0 0 0 0-1H12zM3.5 7a.5.5 0 0 0 0 1H4v.5a.5.5 0 0 0 1 0V8h7.5a.5.5 0 0 0 0-1H5v-.5a.5.5 0 0 0-1 0V7zM3 10.5a.5.5 0 0 1 .5-.5H8v-.5a.5.5 0 0 1 1 0v.5h3.5a.5.5 0 0 1 0 1H9v.5a.5.5 0 0 1-1 0V11H3.5a.5.5 0 0 1-.5-.5\" /></svg>);\nconst FilterOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M14.75 3.5a.75.75 0 0 0-1.5 0v.75H4.5a.75.75 0 0 0 0 1.5h8.75v.75a.75.75 0 0 0 1.5 0v-.75h.75a.75.75 0 0 0 0-1.5h-.75zM4.5 9.25a.75.75 0 0 0 0 1.5h.75v.75a.75.75 0 0 0 1.5 0v-.75h8.75a.75.75 0 0 0 0-1.5H6.75V8.5a.75.75 0 0 0-1.5 0v.75zm0 5a.75.75 0 0 0 0 1.5h5.75v.75a.75.75 0 0 0 1.5 0v-.75h3.75a.75.75 0 0 0 0-1.5h-3.75v-.75a.75.75 0 0 0-1.5 0v.75z\" /></svg>);\nconst FilterOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M18 5a1 1 0 1 0-2 0v1H5a1 1 0 0 0 0 2h11v1a1 1 0 1 0 2 0V8h1a1 1 0 1 0 0-2h-1zM5 11a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h11a1 1 0 1 0 0-2H8v-1a1 1 0 0 0-2 0v1zm0 5a1 1 0 1 0 0 2h7v1a1 1 0 1 0 2 0v-1h5a1 1 0 1 0 0-2h-5v-1a1 1 0 1 0-2 0v1z\" /></svg>);\nconst FilterOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M20 6a1 1 0 1 0-2 0v1H6a1 1 0 0 0 0 2h12v1a1 1 0 1 0 2 0V9h2a1 1 0 1 0 0-2h-2zM6 13a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h13a1 1 0 1 0 0-2H9v-1a1 1 0 1 0-2 0v1zm-1 7a1 1 0 0 1 1-1h8v-1a1 1 0 1 1 2 0v1h6a1 1 0 1 1 0 2h-6v1a1 1 0 1 1-2 0v-1H6a1 1 0 0 1-1-1\" /></svg>);\n\nconst FilterOutlineIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><FilterOutlineIcon16 className={styles.variant16} />\n<FilterOutlineIcon20 className={styles.variant20} />\n<FilterOutlineIcon24 className={styles.variant24} />\n<FilterOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<FilterOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<FilterOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<FilterOutlineIcon24 {...mainProps} />); }\nreturn (<FilterOutlineIcon28 {...mainProps} />);\n  }\n);\nFilterOutlineIcon.displayName = 'FilterOutlineIcon';\nFilterOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default FilterOutlineIcon;"],"mappings":"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"}

package/lib/filter.d.ts

@@ -7,10 +7,10 @@ export type TFilterIconTheme = "light" | "dark";
 export interface IFilterIconProps extends React.SVGProps<any> {
   size?: TFilterIconSize;
   theme?: TFilterIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class FilterIcon extends React.Component<IFilterIconProps, any> {
-  render(): JSX.Element;
-}
+declare const FilterIcon: React.ForwardRefExoticComponent<IFilterIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default FilterIcon;