@rescui/icons 0.16.17 → 1.0.0

package/lib/mute.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const MuteIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.394 14.157C7.32 15.166 9 14.512 9 13.144V2.856C9 1.488 7.319.834 6.394 1.843L3.65 4.838A.5.5 0 0 1 3.28 5H3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.28a.5.5 0 0 1 .369.162zm4.252-4.303a.5.5 0 0 1 0-.708l1.397-1.396-1.397-1.396a.5.5 0 0 1 .708-.708l1.396 1.397 1.396-1.397a.5.5 0 0 1 .708.708L13.457 7.75l1.397 1.396a.5.5 0 0 1-.708.708L12.75 8.457l-1.396 1.397a.5.5 0 0 1-.708 0"
+})));
+MuteIcon16.displayName = 'MuteIcon16';
+const MuteIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.361 17.921c.906 1.058 2.639.417 2.639-.976V3.055c0-1.393-1.733-2.034-2.639-.976L5.15 5.825A.5.5 0 0 1 4.77 6H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h.77a.5.5 0 0 1 .38.175zm4.609-5.641a.75.75 0 0 1 0-1.06L14.19 10l-1.22-1.22a.75.75 0 0 1 1.06-1.06l1.22 1.22 1.22-1.22a.75.75 0 1 1 1.06 1.06L16.31 10l1.22 1.22a.75.75 0 1 1-1.06 1.06l-1.22-1.22-1.22 1.22a.75.75 0 0 1-1.06 0"
+})));
+MuteIcon20.displayName = 'MuteIcon20';
+const MuteIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.013 21.013c1.102 1.102 2.987.321 2.987-1.238V4.225c0-1.56-1.885-2.34-2.987-1.238L6.146 7.854A.5.5 0 0 1 5.793 8H4.5A2.5 2.5 0 0 0 2 10.5v3A2.5 2.5 0 0 0 4.5 16h1.293a.5.5 0 0 1 .353.146zm10.694-11.72a1 1 0 0 1 0 1.414L20.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L19 13.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L17.586 12l-1.293-1.293a1 1 0 0 1 1.414-1.414L19 10.586l1.293-1.293a1 1 0 0 1 1.414 0"
+})));
+MuteIcon24.displayName = 'MuteIcon24';
+const MuteIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.671 24.041c1.29 1.147 3.329.231 3.329-1.495V5.454c0-1.726-2.039-2.642-3.329-1.495L7.142 8.874A.5.5 0 0 1 6.81 9H6a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h.81a.5.5 0 0 1 .332.126zm12.036-13.248a1 1 0 0 1 0 1.414L22.914 14l1.793 1.793a1 1 0 0 1-1.414 1.414L21.5 15.414l-1.793 1.793a1 1 0 0 1-1.414-1.414L20.086 14l-1.793-1.793a1 1 0 0 1 1.414-1.414l1.793 1.793 1.793-1.793a1 1 0 0 1 1.414 0"
+})));
+MuteIcon28.displayName = 'MuteIcon28';
 const MuteIcon = /*#__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: "M13 4v16l-6-5H3V9h4l6-5zm5.5 9.5l-2.1 2.1-1.4-1.4 2.1-2.1L15 10l1.4-1.4 2.1 2.1 2.09-2.1 1.4 1.4-2.09 2.1 2.1 2.1-1.4 1.4-2.1-2.1z"
-  }));
+  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(MuteIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(MuteIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(MuteIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(MuteIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(MuteIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(MuteIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(MuteIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(MuteIcon28, mainProps);
 });
+MuteIcon.displayName = 'MuteIcon';
 MuteIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-MuteIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default MuteIcon;
 //# sourceMappingURL=mute.js.map

package/lib/mute.js.map

@@ -1 +1 @@
-{"version":3,"file":"mute.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MuteIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["mute.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 MuteIcon = 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=\"M13 4v16l-6-5H3V9h4l6-5zm5.5 9.5l-2.1 2.1-1.4-1.4 2.1-2.1L15 10l1.4-1.4 2.1 2.1 2.09-2.1 1.4 1.4-2.09 2.1 2.1 2.1-1.4 1.4-2.1-2.1z\" /></svg>)}\n);\n\nMuteIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nMuteIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default MuteIcon;"],"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,QAAQ,gBAAGV,KAAK,CAACW,UAAN,CACf,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;AAAqR,CADtT,CAAjB;AAIAF,QAAQ,CAACQ,SAAT,GAAqB;EACnBH,SAAS,EAAEd,SAAS,CAACkB,MADF;EAEnBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFY;EAGnBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHa,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBP,IAAI,EAAE;AADgB,CAAxB;AAIA,eAAeJ,QAAf"}
+{"version":3,"file":"mute.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MuteIcon16","forwardRef","props","ref","displayName","MuteIcon20","MuteIcon24","MuteIcon28","MuteIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["mute.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 MuteIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M6.394 14.157C7.32 15.166 9 14.512 9 13.144V2.856C9 1.488 7.319.834 6.394 1.843L3.65 4.838A.5.5 0 0 1 3.28 5H3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.28a.5.5 0 0 1 .369.162zm4.252-4.303a.5.5 0 0 1 0-.708l1.397-1.396-1.397-1.396a.5.5 0 0 1 .708-.708l1.396 1.397 1.396-1.397a.5.5 0 0 1 .708.708L13.457 7.75l1.397 1.396a.5.5 0 0 1-.708.708L12.75 8.457l-1.396 1.397a.5.5 0 0 1-.708 0\" /></svg>));\nMuteIcon16.displayName = 'MuteIcon16';\nconst MuteIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M8.361 17.921c.906 1.058 2.639.417 2.639-.976V3.055c0-1.393-1.733-2.034-2.639-.976L5.15 5.825A.5.5 0 0 1 4.77 6H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h.77a.5.5 0 0 1 .38.175zm4.609-5.641a.75.75 0 0 1 0-1.06L14.19 10l-1.22-1.22a.75.75 0 0 1 1.06-1.06l1.22 1.22 1.22-1.22a.75.75 0 1 1 1.06 1.06L16.31 10l1.22 1.22a.75.75 0 1 1-1.06 1.06l-1.22-1.22-1.22 1.22a.75.75 0 0 1-1.06 0\" /></svg>));\nMuteIcon20.displayName = 'MuteIcon20';\nconst MuteIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M11.013 21.013c1.102 1.102 2.987.321 2.987-1.238V4.225c0-1.56-1.885-2.34-2.987-1.238L6.146 7.854A.5.5 0 0 1 5.793 8H4.5A2.5 2.5 0 0 0 2 10.5v3A2.5 2.5 0 0 0 4.5 16h1.293a.5.5 0 0 1 .353.146zm10.694-11.72a1 1 0 0 1 0 1.414L20.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L19 13.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L17.586 12l-1.293-1.293a1 1 0 0 1 1.414-1.414L19 10.586l1.293-1.293a1 1 0 0 1 1.414 0\" /></svg>));\nMuteIcon24.displayName = 'MuteIcon24';\nconst MuteIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M12.671 24.041c1.29 1.147 3.329.231 3.329-1.495V5.454c0-1.726-2.039-2.642-3.329-1.495L7.142 8.874A.5.5 0 0 1 6.81 9H6a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h.81a.5.5 0 0 1 .332.126zm12.036-13.248a1 1 0 0 1 0 1.414L22.914 14l1.793 1.793a1 1 0 0 1-1.414 1.414L21.5 15.414l-1.793 1.793a1 1 0 0 1-1.414-1.414L20.086 14l-1.793-1.793a1 1 0 0 1 1.414-1.414l1.793 1.793 1.793-1.793a1 1 0 0 1 1.414 0\" /></svg>));\nMuteIcon28.displayName = 'MuteIcon28';\n\nconst MuteIcon = 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}><MuteIcon16 className={styles.variant16} />\n<MuteIcon20 className={styles.variant20} />\n<MuteIcon24 className={styles.variant24} />\n<MuteIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<MuteIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MuteIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MuteIcon24 {...mainProps} />); }\nreturn (<MuteIcon28 {...mainProps} />);\n  }\n);\nMuteIcon.displayName = 'MuteIcon';\nMuteIcon.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 MuteIcon;"],"mappings":"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"}

package/lib/order-outline.d.ts

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

package/lib/order-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 OrderOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9 12v-1H2.75A1.75 1.75 0 0 1 1 9.25V4a1 1 0 0 1 1-1h11.25c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 13.25 13H10a1 1 0 0 1-1-1m0-2V7.5A1.5 1.5 0 0 1 10.5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 0-.5.5V12h3.25a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75H2v5.25c0 .414.336.75.75.75z"
+})));
+OrderOutlineIcon16.displayName = 'OrderOutlineIcon16';
+const OrderOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 14v.75c0 .69.56 1.25 1.25 1.25H16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H3a1 1 0 0 0-1 1v6a2 2 0 0 0 2 2zm0-1.5H4a.5.5 0 0 1-.5-.5V6.5H16a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-4.5v-4.25a.5.5 0 0 1 .5-.5h1.5a.75.75 0 0 0 0-1.5H12a2 2 0 0 0-2 2z"
+})));
+OrderOutlineIcon20.displayName = 'OrderOutlineIcon20';
+const OrderOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13 17v.5a1.5 1.5 0 0 0 1.5 1.5h5a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 19.5 5H3a1 1 0 0 0-1 1v8.5A2.5 2.5 0 0 0 4.5 17zm0-2H4.5a.5.5 0 0 1-.5-.5V7h15.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H15v-5.5a.5.5 0 0 1 .5-.5H17a1 1 0 1 0 0-2h-1.5a2.5 2.5 0 0 0-2.5 2.5z"
+})));
+OrderOutlineIcon24.displayName = 'OrderOutlineIcon24';
+const OrderOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15 20v1a1 1 0 0 0 1 1h6a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3H4a1 1 0 0 0-1 1v10a3 3 0 0 0 3 3zm0-2H6a1 1 0 0 1-1-1V8h17a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-5v-7a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3 3z"
+})));
+OrderOutlineIcon28.displayName = 'OrderOutlineIcon28';
+const OrderOutlineIcon = /*#__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(OrderOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(OrderOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(OrderOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(OrderOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(OrderOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(OrderOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(OrderOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(OrderOutlineIcon28, mainProps);
+});
+OrderOutlineIcon.displayName = 'OrderOutlineIcon';
+OrderOutlineIcon.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 OrderOutlineIcon;
+//# sourceMappingURL=order-outline.js.map

package/lib/order-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","OrderOutlineIcon16","forwardRef","props","ref","displayName","OrderOutlineIcon20","OrderOutlineIcon24","OrderOutlineIcon28","OrderOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["order-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 OrderOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M9 12v-1H2.75A1.75 1.75 0 0 1 1 9.25V4a1 1 0 0 1 1-1h11.25c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 13.25 13H10a1 1 0 0 1-1-1m0-2V7.5A1.5 1.5 0 0 1 10.5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 0-.5.5V12h3.25a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75H2v5.25c0 .414.336.75.75.75z\" /></svg>));\nOrderOutlineIcon16.displayName = 'OrderOutlineIcon16';\nconst OrderOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 14v.75c0 .69.56 1.25 1.25 1.25H16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H3a1 1 0 0 0-1 1v6a2 2 0 0 0 2 2zm0-1.5H4a.5.5 0 0 1-.5-.5V6.5H16a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-4.5v-4.25a.5.5 0 0 1 .5-.5h1.5a.75.75 0 0 0 0-1.5H12a2 2 0 0 0-2 2z\" /></svg>));\nOrderOutlineIcon20.displayName = 'OrderOutlineIcon20';\nconst OrderOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M13 17v.5a1.5 1.5 0 0 0 1.5 1.5h5a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 19.5 5H3a1 1 0 0 0-1 1v8.5A2.5 2.5 0 0 0 4.5 17zm0-2H4.5a.5.5 0 0 1-.5-.5V7h15.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H15v-5.5a.5.5 0 0 1 .5-.5H17a1 1 0 1 0 0-2h-1.5a2.5 2.5 0 0 0-2.5 2.5z\" /></svg>));\nOrderOutlineIcon24.displayName = 'OrderOutlineIcon24';\nconst OrderOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M15 20v1a1 1 0 0 0 1 1h6a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3H4a1 1 0 0 0-1 1v10a3 3 0 0 0 3 3zm0-2H6a1 1 0 0 1-1-1V8h17a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-5v-7a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3 3z\" /></svg>));\nOrderOutlineIcon28.displayName = 'OrderOutlineIcon28';\n\nconst OrderOutlineIcon = 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}><OrderOutlineIcon16 className={styles.variant16} />\n<OrderOutlineIcon20 className={styles.variant20} />\n<OrderOutlineIcon24 className={styles.variant24} />\n<OrderOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<OrderOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<OrderOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<OrderOutlineIcon24 {...mainProps} />); }\nreturn (<OrderOutlineIcon28 {...mainProps} />);\n  }\n);\nOrderOutlineIcon.displayName = 'OrderOutlineIcon';\nOrderOutlineIcon.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 OrderOutlineIcon;"],"mappings":"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"}

package/lib/order.d.ts

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

package/lib/order.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const OrderIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9 11H2.75A1.75 1.75 0 0 1 1 9.25V4a1 1 0 0 1 1-1h11.25c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 13.25 13H11a1 1 0 0 1-1-1V7.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 0 0-1h-2A1.5 1.5 0 0 0 9 7.5z"
+})));
+OrderIcon16.displayName = 'OrderIcon16';
+const OrderIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 14H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h13a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-3.5a1 1 0 0 1-1-1v-4.75a.5.5 0 0 1 .5-.5h2a.75.75 0 0 0 0-1.5h-2a2 2 0 0 0-2 2z"
+})));
+OrderIcon20.displayName = 'OrderIcon20';
+const OrderIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13 17H5a3 3 0 0 1-3-3V6a1 1 0 0 1 1-1h16a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-3a1 1 0 0 1-1-1v-6.5a.5.5 0 0 1 .5-.5h2a1 1 0 1 0 0-2h-2a2.5 2.5 0 0 0-2.5 2.5z"
+})));
+OrderIcon24.displayName = 'OrderIcon24';
+const OrderIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15 20H6a3 3 0 0 1-3-3V7a1 1 0 0 1 1-1h18a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3 3z"
+})));
+OrderIcon28.displayName = 'OrderIcon28';
 const OrderIcon = /*#__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: "M21 17V9a2.999 2.999 0 00-3-3H3v9a2 2 0 002 2h8.5V8H18a.998.998 0 110 1.997L15.008 10H15v9.99l3 .01a3.003 3.003 0 003-3z"
-  }));
+  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(OrderIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(OrderIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(OrderIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(OrderIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(OrderIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(OrderIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(OrderIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(OrderIcon28, mainProps);
 });
+OrderIcon.displayName = 'OrderIcon';
 OrderIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-OrderIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default OrderIcon;
 //# sourceMappingURL=order.js.map

package/lib/order.js.map

@@ -1 +1 @@
-{"version":3,"file":"order.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","OrderIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["order.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 OrderIcon = 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=\"M21 17V9a2.999 2.999 0 00-3-3H3v9a2 2 0 002 2h8.5V8H18a.998.998 0 110 1.997L15.008 10H15v9.99l3 .01a3.003 3.003 0 003-3z\" /></svg>)}\n);\n\nOrderIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nOrderIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default OrderIcon;"],"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,SAAS,gBAAGV,KAAK,CAACW,UAAN,CAChB,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;AAA2Q,CAD3S,CAAlB;AAIAF,SAAS,CAACQ,SAAV,GAAsB;EACpBH,SAAS,EAAEd,SAAS,CAACkB,MADD;EAEpBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFa;EAGpBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHc,CAAtB;AAMAV,SAAS,CAACW,YAAV,GAAyB;EACvBP,IAAI,EAAE;AADiB,CAAzB;AAIA,eAAeJ,SAAf"}
+{"version":3,"file":"order.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","OrderIcon16","forwardRef","props","ref","displayName","OrderIcon20","OrderIcon24","OrderIcon28","OrderIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["order.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 OrderIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M9 11H2.75A1.75 1.75 0 0 1 1 9.25V4a1 1 0 0 1 1-1h11.25c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 13.25 13H11a1 1 0 0 1-1-1V7.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 0 0-1h-2A1.5 1.5 0 0 0 9 7.5z\" /></svg>));\nOrderIcon16.displayName = 'OrderIcon16';\nconst OrderIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 14H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h13a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-3.5a1 1 0 0 1-1-1v-4.75a.5.5 0 0 1 .5-.5h2a.75.75 0 0 0 0-1.5h-2a2 2 0 0 0-2 2z\" /></svg>));\nOrderIcon20.displayName = 'OrderIcon20';\nconst OrderIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M13 17H5a3 3 0 0 1-3-3V6a1 1 0 0 1 1-1h16a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-3a1 1 0 0 1-1-1v-6.5a.5.5 0 0 1 .5-.5h2a1 1 0 1 0 0-2h-2a2.5 2.5 0 0 0-2.5 2.5z\" /></svg>));\nOrderIcon24.displayName = 'OrderIcon24';\nconst OrderIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M15 20H6a3 3 0 0 1-3-3V7a1 1 0 0 1 1-1h18a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3 3z\" /></svg>));\nOrderIcon28.displayName = 'OrderIcon28';\n\nconst OrderIcon = 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}><OrderIcon16 className={styles.variant16} />\n<OrderIcon20 className={styles.variant20} />\n<OrderIcon24 className={styles.variant24} />\n<OrderIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<OrderIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<OrderIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<OrderIcon24 {...mainProps} />); }\nreturn (<OrderIcon28 {...mainProps} />);\n  }\n);\nOrderIcon.displayName = 'OrderIcon';\nOrderIcon.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 OrderIcon;"],"mappings":"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"}

package/lib/package-outline.d.ts

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

package/lib/package-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 PackageOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.804 1.04a.5.5 0 0 1 .392 0l6.5 2.77a.5.5 0 0 1 .304.46v7.48a.5.5 0 0 1-.307.46l-6.5 2.713a.5.5 0 0 1-.386 0l-6.5-2.713A.5.5 0 0 1 1 11.75V4.27a.5.5 0 0 1 .304-.46zM8 2.044 2.783 4.266 8 6.458l5.217-2.192zm6 2.978-5.5 2.31v6.38l5.5-2.296zm-6.5 8.69v-6.38L2 5.022v6.394z"
+})));
+PackageOutlineIcon16.displayName = 'PackageOutlineIcon16';
+const PackageOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.686 2.319a.75.75 0 0 1 .628 0l7 3.23a.75.75 0 0 1 .436.682v7.56a.75.75 0 0 1-.437.681l-7 3.21a.75.75 0 0 1-.626 0l-7-3.21a.75.75 0 0 1-.437-.681V6.23a.75.75 0 0 1 .436-.681zM10 3.826 4.79 6.231 10 8.636l5.21-2.405zm6.25 3.577-5.5 2.538v5.89l5.5-2.522zm-7 8.428v-5.89l-5.5-2.538v5.906z"
+})));
+PackageOutlineIcon20.displayName = 'PackageOutlineIcon20';
+const PackageOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.58 2.092a1 1 0 0 1 .839 0l9 4.154a1 1 0 0 1 .581.908v9.72a1 1 0 0 1-.583.909l-9 4.126a1 1 0 0 1-.834 0l-9-4.126a1 1 0 0 1-.583-.91v-9.72a1 1 0 0 1 .58-.907zm.42 2.01L5.386 7.153 12 10.206l6.614-3.052zm8 4.615-7 3.23v7.494l7-3.209zM11 19.44v-7.493l-7-3.23v7.515z"
+})));
+PackageOutlineIcon24.displayName = 'PackageOutlineIcon24';
+const PackageOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.58 3.092a1 1 0 0 1 .839 0l10 4.615a1 1 0 0 1 .581.908v10.8a1 1 0 0 1-.583.91l-10 4.584a1 1 0 0 1-.834 0l-10-4.585A1 1 0 0 1 3 19.415v-10.8a1 1 0 0 1 .58-.908zm.42 2.01L6.386 8.614 14 12.13l7.614-3.514zm9 5.076-8 3.693v8.57l8-3.667zM13 22.441v-8.57l-8-3.693v8.596z"
+})));
+PackageOutlineIcon28.displayName = 'PackageOutlineIcon28';
+const PackageOutlineIcon = /*#__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(PackageOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(PackageOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(PackageOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(PackageOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(PackageOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(PackageOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(PackageOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(PackageOutlineIcon28, mainProps);
+});
+PackageOutlineIcon.displayName = 'PackageOutlineIcon';
+PackageOutlineIcon.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 PackageOutlineIcon;
+//# sourceMappingURL=package-outline.js.map

package/lib/package-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PackageOutlineIcon16","forwardRef","props","ref","displayName","PackageOutlineIcon20","PackageOutlineIcon24","PackageOutlineIcon28","PackageOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["package-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 PackageOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M7.804 1.04a.5.5 0 0 1 .392 0l6.5 2.77a.5.5 0 0 1 .304.46v7.48a.5.5 0 0 1-.307.46l-6.5 2.713a.5.5 0 0 1-.386 0l-6.5-2.713A.5.5 0 0 1 1 11.75V4.27a.5.5 0 0 1 .304-.46zM8 2.044 2.783 4.266 8 6.458l5.217-2.192zm6 2.978-5.5 2.31v6.38l5.5-2.296zm-6.5 8.69v-6.38L2 5.022v6.394z\" /></svg>));\nPackageOutlineIcon16.displayName = 'PackageOutlineIcon16';\nconst PackageOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M9.686 2.319a.75.75 0 0 1 .628 0l7 3.23a.75.75 0 0 1 .436.682v7.56a.75.75 0 0 1-.437.681l-7 3.21a.75.75 0 0 1-.626 0l-7-3.21a.75.75 0 0 1-.437-.681V6.23a.75.75 0 0 1 .436-.681zM10 3.826 4.79 6.231 10 8.636l5.21-2.405zm6.25 3.577-5.5 2.538v5.89l5.5-2.522zm-7 8.428v-5.89l-5.5-2.538v5.906z\" /></svg>));\nPackageOutlineIcon20.displayName = 'PackageOutlineIcon20';\nconst PackageOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M11.58 2.092a1 1 0 0 1 .839 0l9 4.154a1 1 0 0 1 .581.908v9.72a1 1 0 0 1-.583.909l-9 4.126a1 1 0 0 1-.834 0l-9-4.126a1 1 0 0 1-.583-.91v-9.72a1 1 0 0 1 .58-.907zm.42 2.01L5.386 7.153 12 10.206l6.614-3.052zm8 4.615-7 3.23v7.494l7-3.209zM11 19.44v-7.493l-7-3.23v7.515z\" /></svg>));\nPackageOutlineIcon24.displayName = 'PackageOutlineIcon24';\nconst PackageOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M13.58 3.092a1 1 0 0 1 .839 0l10 4.615a1 1 0 0 1 .581.908v10.8a1 1 0 0 1-.583.91l-10 4.584a1 1 0 0 1-.834 0l-10-4.585A1 1 0 0 1 3 19.415v-10.8a1 1 0 0 1 .58-.908zm.42 2.01L6.386 8.614 14 12.13l7.614-3.514zm9 5.076-8 3.693v8.57l8-3.667zM13 22.441v-8.57l-8-3.693v8.596z\" /></svg>));\nPackageOutlineIcon28.displayName = 'PackageOutlineIcon28';\n\nconst PackageOutlineIcon = 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}><PackageOutlineIcon16 className={styles.variant16} />\n<PackageOutlineIcon20 className={styles.variant20} />\n<PackageOutlineIcon24 className={styles.variant24} />\n<PackageOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<PackageOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PackageOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PackageOutlineIcon24 {...mainProps} />); }\nreturn (<PackageOutlineIcon28 {...mainProps} />);\n  }\n);\nPackageOutlineIcon.displayName = 'PackageOutlineIcon';\nPackageOutlineIcon.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 PackageOutlineIcon;"],"mappings":"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"}

package/lib/package.d.ts

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