@rescui/icons 0.16.17 → 1.0.0

package/lib/up-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const UpOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.646 9.854a.5.5 0 0 0 .708 0L8 7.207l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708"
+})));
+UpOutlineIcon16.displayName = 'UpOutlineIcon16';
+const UpOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.47 12.53a.75.75 0 0 0 1.06 0L10 9.06l3.47 3.47a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 0 1.06"
+})));
+UpOutlineIcon20.displayName = 'UpOutlineIcon20';
+const UpOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.293 15.707a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414 0"
+})));
+UpOutlineIcon24.displayName = 'UpOutlineIcon24';
+const UpOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.293 18.207a1 1 0 0 0 1.414 0L14 11.914l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414"
+})));
+UpOutlineIcon28.displayName = 'UpOutlineIcon28';
+const UpOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    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 (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(UpOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(UpOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(UpOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(UpOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(UpOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(UpOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(UpOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(UpOutlineIcon28, mainProps);
+});
+UpOutlineIcon.displayName = 'UpOutlineIcon';
+UpOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default UpOutlineIcon;
+//# sourceMappingURL=up-outline.js.map

package/lib/up-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"up-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UpOutlineIcon16","forwardRef","props","ref","displayName","UpOutlineIcon20","UpOutlineIcon24","UpOutlineIcon28","UpOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["up-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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst UpOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M4.646 9.854a.5.5 0 0 0 .708 0L8 7.207l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708\" /></svg>));\nUpOutlineIcon16.displayName = 'UpOutlineIcon16';\nconst UpOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5.47 12.53a.75.75 0 0 0 1.06 0L10 9.06l3.47 3.47a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 0 1.06\" /></svg>));\nUpOutlineIcon20.displayName = 'UpOutlineIcon20';\nconst UpOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M5.293 15.707a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414 0\" /></svg>));\nUpOutlineIcon24.displayName = 'UpOutlineIcon24';\nconst UpOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M6.293 18.207a1 1 0 0 0 1.414 0L14 11.914l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414\" /></svg>));\nUpOutlineIcon28.displayName = 'UpOutlineIcon28';\n\nconst UpOutlineIcon = 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}><UpOutlineIcon16 className={styles.variant16} />\n<UpOutlineIcon20 className={styles.variant20} />\n<UpOutlineIcon24 className={styles.variant24} />\n<UpOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<UpOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<UpOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<UpOutlineIcon24 {...mainProps} />); }\nreturn (<UpOutlineIcon28 {...mainProps} />);\n  }\n);\nUpOutlineIcon.displayName = 'UpOutlineIcon';\nUpOutlineIcon.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 UpOutlineIcon;"],"mappings":"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"}

package/lib/up.d.ts

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

package/lib/up.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const UpIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.47 10.03a.75.75 0 0 0 1.06 0L8 7.56l2.47 2.47a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 0 0 0 1.06"
+})));
+UpIcon16.displayName = 'UpIcon16';
+const UpIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.293 12.707a1 1 0 0 0 1.414 0L10 9.414l3.293 3.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414"
+})));
+UpIcon20.displayName = 'UpIcon20';
+const UpIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.94 16.06a1.5 1.5 0 0 0 2.12 0L12 11.122l4.94 4.94a1.5 1.5 0 0 0 2.12-2.122l-6-6a1.5 1.5 0 0 0-2.12 0l-6 6a1.5 1.5 0 0 0 0 2.122"
+})));
+UpIcon24.displayName = 'UpIcon24';
+const UpIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.94 18.56a1.5 1.5 0 0 0 2.12 0L14 12.622l5.94 5.94a1.5 1.5 0 0 0 2.12-2.122l-7-7a1.5 1.5 0 0 0-2.12 0l-7 7a1.5 1.5 0 0 0 0 2.122"
+})));
+UpIcon28.displayName = 'UpIcon28';
 const UpIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  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.004 7l-7 8h14l-7-8z"
-  }));
+  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 (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(UpIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(UpIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(UpIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(UpIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(UpIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(UpIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(UpIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(UpIcon28, mainProps);
 });
+UpIcon.displayName = 'UpIcon';
 UpIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-UpIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default UpIcon;
 //# sourceMappingURL=up.js.map

package/lib/up.js.map

@@ -1 +1 @@
-{"version":3,"file":"up.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UpIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["up.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 UpIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.004 7l-7 8h14l-7-8z\" /></svg>)}\n);\n\nUpIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nUpIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default UpIcon;"],"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,MAAM,gBAAGV,KAAK,CAACW,UAAN,CACb,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,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;AAA0K,CAD7M,CAAf;AAIAF,MAAM,CAACQ,SAAP,GAAmB;EACjBH,SAAS,EAAEd,SAAS,CAACkB,MADJ;EAEjBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFU;EAGjBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHW,CAAnB;AAMAV,MAAM,CAACW,YAAP,GAAsB;EACpBP,IAAI,EAAE;AADc,CAAtB;AAIA,eAAeJ,MAAf"}
+{"version":3,"file":"up.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UpIcon16","forwardRef","props","ref","displayName","UpIcon20","UpIcon24","UpIcon28","UpIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["up.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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst UpIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M4.47 10.03a.75.75 0 0 0 1.06 0L8 7.56l2.47 2.47a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 0 0 0 1.06\" /></svg>));\nUpIcon16.displayName = 'UpIcon16';\nconst UpIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5.293 12.707a1 1 0 0 0 1.414 0L10 9.414l3.293 3.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414\" /></svg>));\nUpIcon20.displayName = 'UpIcon20';\nconst UpIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4.94 16.06a1.5 1.5 0 0 0 2.12 0L12 11.122l4.94 4.94a1.5 1.5 0 0 0 2.12-2.122l-6-6a1.5 1.5 0 0 0-2.12 0l-6 6a1.5 1.5 0 0 0 0 2.122\" /></svg>));\nUpIcon24.displayName = 'UpIcon24';\nconst UpIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5.94 18.56a1.5 1.5 0 0 0 2.12 0L14 12.622l5.94 5.94a1.5 1.5 0 0 0 2.12-2.122l-7-7a1.5 1.5 0 0 0-2.12 0l-7 7a1.5 1.5 0 0 0 0 2.122\" /></svg>));\nUpIcon28.displayName = 'UpIcon28';\n\nconst UpIcon = 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}><UpIcon16 className={styles.variant16} />\n<UpIcon20 className={styles.variant20} />\n<UpIcon24 className={styles.variant24} />\n<UpIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<UpIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<UpIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<UpIcon24 {...mainProps} />); }\nreturn (<UpIcon28 {...mainProps} />);\n  }\n);\nUpIcon.displayName = 'UpIcon';\nUpIcon.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 UpIcon;"],"mappings":"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"}

package/lib/upload-outline.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TUploadOutlineIconSize = "xs" | "s" | "m" | "l";
+
+export type TUploadOutlineIconTheme = "light" | "dark";
+
+export interface IUploadOutlineIconProps extends React.SVGProps<any> {
+  size?: TUploadOutlineIconSize;
+  theme?: TUploadOutlineIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const UploadOutlineIcon: React.ForwardRefExoticComponent<IUploadOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default UploadOutlineIcon;

package/lib/upload-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const UploadOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.854 5.353a.5.5 0 0 0 0-.707l-2.5-2.5a.5.5 0 0 0-.707 0l-2.5 2.5a.5.5 0 1 0 .707.707L7.5 3.707V10.5a.5.5 0 1 0 1 0V3.706l1.647 1.647a.5.5 0 0 0 .707 0M3 10.5a.5.5 0 0 0-1 0v1.75c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25V10.5a.5.5 0 0 0-1 0v1.75a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75z"
+})));
+UploadOutlineIcon16.displayName = 'UploadOutlineIcon16';
+const UploadOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.447 6.946a.75.75 0 0 0 0-1.06l-2.916-2.917a.75.75 0 0 0-1.061 0L6.553 5.886a.75.75 0 1 0 1.06 1.06L9.25 5.31V13a.75.75 0 0 0 1.5 0V5.31l1.637 1.636a.75.75 0 0 0 1.06 0M4.5 13A.75.75 0 0 0 3 13v2a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-2a.75.75 0 0 0-1.5 0v2a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5z"
+})));
+UploadOutlineIcon20.displayName = 'UploadOutlineIcon20';
+const UploadOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.458 8.457a1 1 0 0 0 0-1.414l-3.75-3.75a1 1 0 0 0-1.415 0l-3.75 3.75a1 1 0 0 0 1.414 1.414L11 6.415V16a1 1 0 1 0 2 0V6.414l2.043 2.043a1 1 0 0 0 1.415 0M5 16a1 1 0 1 0-2 0v2.5A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5V16a1 1 0 1 0-2 0v2.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5z"
+})));
+UploadOutlineIcon24.displayName = 'UploadOutlineIcon24';
+const UploadOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.865 9.994a1 1 0 0 0 .019-1.414L14.72 4.307A1 1 0 0 0 14 4h-.01a1 1 0 0 0-.697.293L9.126 8.459a1 1 0 0 0 1.414 1.415L13 7.414V18.5a1 1 0 0 0 2 0V7.46l2.45 2.516a1 1 0 0 0 1.415.018M6 18a1 1 0 1 0-2 0v3a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z"
+})));
+UploadOutlineIcon28.displayName = 'UploadOutlineIcon28';
+const UploadOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    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 (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(UploadOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(UploadOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(UploadOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(UploadOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(UploadOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(UploadOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(UploadOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(UploadOutlineIcon28, mainProps);
+});
+UploadOutlineIcon.displayName = 'UploadOutlineIcon';
+UploadOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default UploadOutlineIcon;
+//# sourceMappingURL=upload-outline.js.map

package/lib/upload-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UploadOutlineIcon16","forwardRef","props","ref","displayName","UploadOutlineIcon20","UploadOutlineIcon24","UploadOutlineIcon28","UploadOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["upload-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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst UploadOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10.854 5.353a.5.5 0 0 0 0-.707l-2.5-2.5a.5.5 0 0 0-.707 0l-2.5 2.5a.5.5 0 1 0 .707.707L7.5 3.707V10.5a.5.5 0 1 0 1 0V3.706l1.647 1.647a.5.5 0 0 0 .707 0M3 10.5a.5.5 0 0 0-1 0v1.75c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25V10.5a.5.5 0 0 0-1 0v1.75a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75z\" /></svg>));\nUploadOutlineIcon16.displayName = 'UploadOutlineIcon16';\nconst UploadOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13.447 6.946a.75.75 0 0 0 0-1.06l-2.916-2.917a.75.75 0 0 0-1.061 0L6.553 5.886a.75.75 0 1 0 1.06 1.06L9.25 5.31V13a.75.75 0 0 0 1.5 0V5.31l1.637 1.636a.75.75 0 0 0 1.06 0M4.5 13A.75.75 0 0 0 3 13v2a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-2a.75.75 0 0 0-1.5 0v2a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5z\" /></svg>));\nUploadOutlineIcon20.displayName = 'UploadOutlineIcon20';\nconst UploadOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16.458 8.457a1 1 0 0 0 0-1.414l-3.75-3.75a1 1 0 0 0-1.415 0l-3.75 3.75a1 1 0 0 0 1.414 1.414L11 6.415V16a1 1 0 1 0 2 0V6.414l2.043 2.043a1 1 0 0 0 1.415 0M5 16a1 1 0 1 0-2 0v2.5A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5V16a1 1 0 1 0-2 0v2.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5z\" /></svg>));\nUploadOutlineIcon24.displayName = 'UploadOutlineIcon24';\nconst UploadOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M18.865 9.994a1 1 0 0 0 .019-1.414L14.72 4.307A1 1 0 0 0 14 4h-.01a1 1 0 0 0-.697.293L9.126 8.459a1 1 0 0 0 1.414 1.415L13 7.414V18.5a1 1 0 0 0 2 0V7.46l2.45 2.516a1 1 0 0 0 1.415.018M6 18a1 1 0 1 0-2 0v3a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z\" /></svg>));\nUploadOutlineIcon28.displayName = 'UploadOutlineIcon28';\n\nconst UploadOutlineIcon = 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}><UploadOutlineIcon16 className={styles.variant16} />\n<UploadOutlineIcon20 className={styles.variant20} />\n<UploadOutlineIcon24 className={styles.variant24} />\n<UploadOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<UploadOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<UploadOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<UploadOutlineIcon24 {...mainProps} />); }\nreturn (<UploadOutlineIcon28 {...mainProps} />);\n  }\n);\nUploadOutlineIcon.displayName = 'UploadOutlineIcon';\nUploadOutlineIcon.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 UploadOutlineIcon;"],"mappings":"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"}

package/lib/upload.d.ts

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

package/lib/upload.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const UploadIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.03 5.53a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 1 0 1.06 1.06l1.22-1.22v6.19a.75.75 0 1 0 1.5 0V4.31l1.22 1.22a.75.75 0 0 0 1.06 0M3.25 10.5a.75.75 0 0 0-1.5 0V12a2 2 0 0 0 2 2h8.5a2 2 0 0 0 2-2v-1.5a.75.75 0 0 0-1.5 0V12a.5.5 0 0 1-.5.5h-8.5a.5.5 0 0 1-.5-.5z"
+})));
+UploadIcon16.displayName = 'UploadIcon16';
+const UploadIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.624 7.123a1 1 0 0 0 0-1.414l-2.917-2.917a1 1 0 0 0-1.414 0L6.376 5.71a1 1 0 1 0 1.415 1.414L9 5.913V13a1 1 0 1 0 2 0V5.913l1.21 1.21a1 1 0 0 0 1.414 0M5 13a1 1 0 1 0-2 0v1.75A2.25 2.25 0 0 0 5.25 17h9.5A2.25 2.25 0 0 0 17 14.75V13a1 1 0 1 0-2 0v1.75a.25.25 0 0 1-.25.25h-9.5a.25.25 0 0 1-.25-.25z"
+})));
+UploadIcon20.displayName = 'UploadIcon20';
+const UploadIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.811 8.81a1.5 1.5 0 0 0 0-2.12l-3.75-3.75a1.5 1.5 0 0 0-2.121 0L7.19 6.69a1.5 1.5 0 0 0 2.12 2.12l1.19-1.187V16a1.5 1.5 0 1 0 3 0V7.62l1.19 1.19a1.5 1.5 0 0 0 2.121 0M6 16a1.5 1.5 0 0 0-3 0v3a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3a1.5 1.5 0 0 0-3 0v3H6z"
+})));
+UploadIcon24.displayName = 'UploadIcon24';
+const UploadIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.214 10.353a1.5 1.5 0 0 0 .028-2.122l-4.167-4.278A1.5 1.5 0 0 0 14.01 3.5H14a1.5 1.5 0 0 0-1.06.44L8.772 8.105a1.5 1.5 0 1 0 2.12 2.121L12.5 8.621V18.5a1.5 1.5 0 0 0 3 0V8.69l1.593 1.635a1.5 1.5 0 0 0 2.12.028M6.5 18a1.5 1.5 0 0 0-3 0v2.5A3.5 3.5 0 0 0 7 24h14a3.5 3.5 0 0 0 3.5-3.5V18a1.5 1.5 0 0 0-3 0v2.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5z"
+})));
+UploadIcon28.displayName = 'UploadIcon28';
 const UploadIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  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: "M5 6H3V4h18v2H5zm8 8.555V22h-2v-7.445H5.853l6.145-6.547 6.038 6.547H13z"
-  }));
+  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 (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(UploadIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(UploadIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(UploadIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(UploadIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(UploadIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(UploadIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(UploadIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(UploadIcon28, mainProps);
 });
+UploadIcon.displayName = 'UploadIcon';
 UploadIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-UploadIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default UploadIcon;
 //# sourceMappingURL=upload.js.map

package/lib/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UploadIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["upload.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 UploadIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5 6H3V4h18v2H5zm8 8.555V22h-2v-7.445H5.853l6.145-6.547 6.038 6.547H13z\" /></svg>)}\n);\n\nUploadIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nUploadIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default UploadIcon;"],"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,UAAU,gBAAGV,KAAK,CAACW,UAAN,CACjB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,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;AAA0N,CADzP,CAAnB;AAIAF,UAAU,CAACQ,SAAX,GAAuB;EACrBH,SAAS,EAAEd,SAAS,CAACkB,MADA;EAErBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHe,CAAvB;AAMAV,UAAU,CAACW,YAAX,GAA0B;EACxBP,IAAI,EAAE;AADkB,CAA1B;AAIA,eAAeJ,UAAf"}
+{"version":3,"file":"upload.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","UploadIcon16","forwardRef","props","ref","displayName","UploadIcon20","UploadIcon24","UploadIcon28","UploadIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["upload.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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst UploadIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11.03 5.53a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 1 0 1.06 1.06l1.22-1.22v6.19a.75.75 0 1 0 1.5 0V4.31l1.22 1.22a.75.75 0 0 0 1.06 0M3.25 10.5a.75.75 0 0 0-1.5 0V12a2 2 0 0 0 2 2h8.5a2 2 0 0 0 2-2v-1.5a.75.75 0 0 0-1.5 0V12a.5.5 0 0 1-.5.5h-8.5a.5.5 0 0 1-.5-.5z\" /></svg>));\nUploadIcon16.displayName = 'UploadIcon16';\nconst UploadIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13.624 7.123a1 1 0 0 0 0-1.414l-2.917-2.917a1 1 0 0 0-1.414 0L6.376 5.71a1 1 0 1 0 1.415 1.414L9 5.913V13a1 1 0 1 0 2 0V5.913l1.21 1.21a1 1 0 0 0 1.414 0M5 13a1 1 0 1 0-2 0v1.75A2.25 2.25 0 0 0 5.25 17h9.5A2.25 2.25 0 0 0 17 14.75V13a1 1 0 1 0-2 0v1.75a.25.25 0 0 1-.25.25h-9.5a.25.25 0 0 1-.25-.25z\" /></svg>));\nUploadIcon20.displayName = 'UploadIcon20';\nconst UploadIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16.811 8.81a1.5 1.5 0 0 0 0-2.12l-3.75-3.75a1.5 1.5 0 0 0-2.121 0L7.19 6.69a1.5 1.5 0 0 0 2.12 2.12l1.19-1.187V16a1.5 1.5 0 1 0 3 0V7.62l1.19 1.19a1.5 1.5 0 0 0 2.121 0M6 16a1.5 1.5 0 0 0-3 0v3a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3a1.5 1.5 0 0 0-3 0v3H6z\" /></svg>));\nUploadIcon24.displayName = 'UploadIcon24';\nconst UploadIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19.214 10.353a1.5 1.5 0 0 0 .028-2.122l-4.167-4.278A1.5 1.5 0 0 0 14.01 3.5H14a1.5 1.5 0 0 0-1.06.44L8.772 8.105a1.5 1.5 0 1 0 2.12 2.121L12.5 8.621V18.5a1.5 1.5 0 0 0 3 0V8.69l1.593 1.635a1.5 1.5 0 0 0 2.12.028M6.5 18a1.5 1.5 0 0 0-3 0v2.5A3.5 3.5 0 0 0 7 24h14a3.5 3.5 0 0 0 3.5-3.5V18a1.5 1.5 0 0 0-3 0v2.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5z\" /></svg>));\nUploadIcon28.displayName = 'UploadIcon28';\n\nconst UploadIcon = 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}><UploadIcon16 className={styles.variant16} />\n<UploadIcon20 className={styles.variant20} />\n<UploadIcon24 className={styles.variant24} />\n<UploadIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<UploadIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<UploadIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<UploadIcon24 {...mainProps} />); }\nreturn (<UploadIcon28 {...mainProps} />);\n  }\n);\nUploadIcon.displayName = 'UploadIcon';\nUploadIcon.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 UploadIcon;"],"mappings":"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"}

package/lib/vk.d.ts

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