@rescui/icons 0.16.16 → 1.0.0

package/lib/rocket.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const RocketIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.391 2a7 7 0 0 0-4.988 2.06L6.146 5.32l-1.31-.005a1.14 1.14 0 0 0-.812.334L2.253 7.42a.86.86 0 0 0 .384 1.437l2.278.61 1.627 1.624.6 2.263c.17.64.969.855 1.437.387l1.771-1.77a1.14 1.14 0 0 0 .334-.811l-.005-1.31 1.26-1.258A7 7 0 0 0 14 3.606 1.61 1.61 0 0 0 12.391 2m-1.59 4.138a.937.937 0 1 1 0-1.874.937.937 0 0 1 0 1.874m-5.925 6.648-2.789 1.13 1.117-2.754a1.29 1.29 0 0 1 1.663-.735 1.26 1.26 0 0 1 .797 1.161 1.29 1.29 0 0 1-.788 1.198"
+})));
+RocketIcon16.displayName = 'RocketIcon16';
+const RocketIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.297 3a8.3 8.3 0 0 0-5.904 2.438L7.905 6.932l-1.55-.007c-.36-.001-.706.14-.96.395L3.298 9.418c-.553.553-.3 1.498.456 1.7l2.695.723 1.925 1.923.71 2.68a1.016 1.016 0 0 0 1.701.458l2.096-2.097c.255-.255.397-.6.395-.96l-.006-1.551 1.492-1.489A8.3 8.3 0 0 0 17.2 4.901a1.904 1.904 0 0 0-1.903-1.9m-1.883 4.9a1.11 1.11 0 1 1 .001-2.218 1.11 1.11 0 0 1 0 2.218M6.402 15.77l-3.3 1.339 1.323-3.262a1.53 1.53 0 0 1 1.39-.973 1.49 1.49 0 0 1 1.52 1.478 1.53 1.53 0 0 1-.933 1.418"
+})));
+RocketIcon20.displayName = 'RocketIcon20';
+const RocketIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.579 2.985A10.6 10.6 0 0 0 11.037 6.1L9.136 8.005l-1.981-.008c-.46-.002-.901.18-1.226.505L3.25 11.18a1.298 1.298 0 0 0 .582 2.172l3.443.923 2.46 2.455.907 3.421a1.298 1.298 0 0 0 2.173.585l2.678-2.677c.325-.325.507-.766.505-1.226l-.009-1.98 1.907-1.901a10.6 10.6 0 0 0 3.114-7.54 2.43 2.43 0 0 0-2.431-2.427m-2.405 6.257a1.417 1.417 0 1 1 0-2.834 1.417 1.417 0 0 1 0 2.834m-8.958 10.05L3 21l1.689-4.164a1.95 1.95 0 0 1 1.776-1.243 1.9 1.9 0 0 1 1.943 1.887 1.95 1.95 0 0 1-1.192 1.81"
+})));
+RocketIcon24.displayName = 'RocketIcon24';
+const RocketIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.412 4a11.7 11.7 0 0 0-8.333 3.44l-2.165 2.172-2.27-.01a1.8 1.8 0 0 0-1.275.525L4.375 13.12a1.317 1.317 0 0 0 .59 2.203l3.883 1.04 2.8 2.796 1.024 3.859a1.317 1.317 0 0 0 2.204.593l2.993-2.992c.337-.338.526-.797.524-1.274l-.01-2.27 2.172-2.165a11.7 11.7 0 0 0 3.441-8.331A2.584 2.584 0 0 0 21.412 4m-2.687 6.779a1.505 1.505 0 1 1 0-3.01 1.505 1.505 0 0 1 0 3.01M8.712 22.09 4 24.002l1.888-4.654a2.18 2.18 0 0 1 1.985-1.39 2.126 2.126 0 0 1 2.172 2.11 2.18 2.18 0 0 1-1.333 2.024"
+})));
+RocketIcon28.displayName = 'RocketIcon28';
 const RocketIcon = /*#__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: "M20 4l-.004 1.454a9.86 9.86 0 01-2.899 7.021l-2.272 2.265.012 2.779-3.33 3.33-1.136-4.285-2.93-2.924-4.301-1.152 3.33-3.33 2.779.012 2.265-2.272A9.86 9.86 0 0118.535 4H20zm-5.1 4.895a1.479 1.479 0 102.234-1.938A1.479 1.479 0 0014.9 8.895zM6.84 19.74L2.5 21.5l1.739-4.287a2.008 2.008 0 011.828-1.28 1.956 1.956 0 012 1.944A2.007 2.007 0 016.84 19.74z"
-  }));
+  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(RocketIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(RocketIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(RocketIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(RocketIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(RocketIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(RocketIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(RocketIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(RocketIcon28, mainProps);
 });
+RocketIcon.displayName = 'RocketIcon';
 RocketIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-RocketIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default RocketIcon;
 //# sourceMappingURL=rocket.js.map

package/lib/rocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"rocket.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","RocketIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["rocket.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 RocketIcon = 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=\"M20 4l-.004 1.454a9.86 9.86 0 01-2.899 7.021l-2.272 2.265.012 2.779-3.33 3.33-1.136-4.285-2.93-2.924-4.301-1.152 3.33-3.33 2.779.012 2.265-2.272A9.86 9.86 0 0118.535 4H20zm-5.1 4.895a1.479 1.479 0 102.234-1.938A1.479 1.479 0 0014.9 8.895zM6.84 19.74L2.5 21.5l1.739-4.287a2.008 2.008 0 011.828-1.28 1.956 1.956 0 012 1.944A2.007 2.007 0 016.84 19.74z\" /></svg>)}\n);\n\nRocketIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nRocketIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default RocketIcon;"],"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;AAAgf,CAD/gB,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":"rocket.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","RocketIcon16","forwardRef","props","ref","displayName","RocketIcon20","RocketIcon24","RocketIcon28","RocketIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["rocket.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 RocketIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.391 2a7 7 0 0 0-4.988 2.06L6.146 5.32l-1.31-.005a1.14 1.14 0 0 0-.812.334L2.253 7.42a.86.86 0 0 0 .384 1.437l2.278.61 1.627 1.624.6 2.263c.17.64.969.855 1.437.387l1.771-1.77a1.14 1.14 0 0 0 .334-.811l-.005-1.31 1.26-1.258A7 7 0 0 0 14 3.606 1.61 1.61 0 0 0 12.391 2m-1.59 4.138a.937.937 0 1 1 0-1.874.937.937 0 0 1 0 1.874m-5.925 6.648-2.789 1.13 1.117-2.754a1.29 1.29 0 0 1 1.663-.735 1.26 1.26 0 0 1 .797 1.161 1.29 1.29 0 0 1-.788 1.198\" /></svg>));\nRocketIcon16.displayName = 'RocketIcon16';\nconst RocketIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.297 3a8.3 8.3 0 0 0-5.904 2.438L7.905 6.932l-1.55-.007c-.36-.001-.706.14-.96.395L3.298 9.418c-.553.553-.3 1.498.456 1.7l2.695.723 1.925 1.923.71 2.68a1.016 1.016 0 0 0 1.701.458l2.096-2.097c.255-.255.397-.6.395-.96l-.006-1.551 1.492-1.489A8.3 8.3 0 0 0 17.2 4.901a1.904 1.904 0 0 0-1.903-1.9m-1.883 4.9a1.11 1.11 0 1 1 .001-2.218 1.11 1.11 0 0 1 0 2.218M6.402 15.77l-3.3 1.339 1.323-3.262a1.53 1.53 0 0 1 1.39-.973 1.49 1.49 0 0 1 1.52 1.478 1.53 1.53 0 0 1-.933 1.418\" /></svg>));\nRocketIcon20.displayName = 'RocketIcon20';\nconst RocketIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18.579 2.985A10.6 10.6 0 0 0 11.037 6.1L9.136 8.005l-1.981-.008c-.46-.002-.901.18-1.226.505L3.25 11.18a1.298 1.298 0 0 0 .582 2.172l3.443.923 2.46 2.455.907 3.421a1.298 1.298 0 0 0 2.173.585l2.678-2.677c.325-.325.507-.766.505-1.226l-.009-1.98 1.907-1.901a10.6 10.6 0 0 0 3.114-7.54 2.43 2.43 0 0 0-2.431-2.427m-2.405 6.257a1.417 1.417 0 1 1 0-2.834 1.417 1.417 0 0 1 0 2.834m-8.958 10.05L3 21l1.689-4.164a1.95 1.95 0 0 1 1.776-1.243 1.9 1.9 0 0 1 1.943 1.887 1.95 1.95 0 0 1-1.192 1.81\" /></svg>));\nRocketIcon24.displayName = 'RocketIcon24';\nconst RocketIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M21.412 4a11.7 11.7 0 0 0-8.333 3.44l-2.165 2.172-2.27-.01a1.8 1.8 0 0 0-1.275.525L4.375 13.12a1.317 1.317 0 0 0 .59 2.203l3.883 1.04 2.8 2.796 1.024 3.859a1.317 1.317 0 0 0 2.204.593l2.993-2.992c.337-.338.526-.797.524-1.274l-.01-2.27 2.172-2.165a11.7 11.7 0 0 0 3.441-8.331A2.584 2.584 0 0 0 21.412 4m-2.687 6.779a1.505 1.505 0 1 1 0-3.01 1.505 1.505 0 0 1 0 3.01M8.712 22.09 4 24.002l1.888-4.654a2.18 2.18 0 0 1 1.985-1.39 2.126 2.126 0 0 1 2.172 2.11 2.18 2.18 0 0 1-1.333 2.024\" /></svg>));\nRocketIcon28.displayName = 'RocketIcon28';\n\nconst RocketIcon = 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}><RocketIcon16 className={styles.variant16} />\n<RocketIcon20 className={styles.variant20} />\n<RocketIcon24 className={styles.variant24} />\n<RocketIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<RocketIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<RocketIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<RocketIcon24 {...mainProps} />); }\nreturn (<RocketIcon28 {...mainProps} />);\n  }\n);\nRocketIcon.displayName = 'RocketIcon';\nRocketIcon.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 RocketIcon;"],"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;AAGA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAArB;AACAH,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACA,MAAMC,YAAY,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAArB;AACAE,YAAY,CAACD,WAAb,GAA2B,cAA3B;AACA,MAAME,YAAY,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAArB;AACAG,YAAY,CAACF,WAAb,GAA2B,cAA3B;AACA,MAAMG,YAAY,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAArB;AACAI,YAAY,CAACH,WAAb,GAA2B,cAA3B;AAEA,MAAMI,UAAU,gBAAGlB,KAAK,CAACW,UAAN,CACjB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,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,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,YAAD;MAAc,SAAS,EAAEtB,MAAM,CAACyB;IAAhC,EAAxC,eAClB,oBAAC,YAAD;MAAc,SAAS,EAAEzB,MAAM,CAAC0B;IAAhC,EADkB,eAElB,oBAAC,YAAD;MAAc,SAAS,EAAE1B,MAAM,CAAC2B;IAAhC,EAFkB,eAGlB,oBAAC,YAAD;MAAc,SAAS,EAAE3B,MAAM,CAAC4B;IAAhC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,YAAD,EAAkBgB,SAAlB,CAAR;EAA2C;;EAChF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,YAAD,EAAkBgB,SAAlB,CAAR;EAA2C;;EACrE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,YAAD,EAAkBgB,SAAlB,CAAR;EAA2C;;EACrE,oBAAQ,oBAAC,YAAD,EAAkBA,SAAlB,CAAR;AACG,CA3BgB,CAAnB;AA6BAP,UAAU,CAACJ,WAAX,GAAyB,YAAzB;AACAI,UAAU,CAACc,SAAX,GAAuB;EACrBV,SAAS,EAAErB,SAAS,CAACgC,MADA;EAErBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHe;EAIrB,yBAAyBjC,SAAS,CAACkC,IAJd;EAKrBZ,KAAK,EAAEtB,SAAS,CAACmC;AALI,CAAvB;AAQA,eAAelB,UAAf"}

package/lib/rss-feed.d.ts

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

package/lib/rss-feed.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const RssFeedIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.508 14.001h2.493a11.97 11.97 0 0 0-3.505-8.486A11.9 11.9 0 0 0 2.038 2H2v2.5h.038a9.44 9.44 0 0 1 6.696 2.783 9.5 9.5 0 0 1 2.774 6.718M10 14H7.5A5.5 5.5 0 0 0 2 8.5V6a7.98 7.98 0 0 1 5.658 2.342A7.98 7.98 0 0 1 10 14m-4.5-1.737a1.75 1.75 0 1 1-3.5-.025 1.75 1.75 0 0 1 3.5.025"
+})));
+RssFeedIcon16.displayName = 'RssFeedIcon16';
+const RssFeedIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.385 17H17.5a14.97 14.97 0 0 0-4.38-10.606A14.88 14.88 0 0 0 2.548 2H2.5v3.125h.048a11.8 11.8 0 0 1 8.37 3.478A11.86 11.86 0 0 1 14.385 17M12.5 17H9.375A6.875 6.875 0 0 0 2.5 10.124V6.998a9.98 9.98 0 0 1 7.072 2.929 9.97 9.97 0 0 1 2.928 7.071m-5.625-2.17a2.187 2.187 0 1 1-4.375-.031 2.187 2.187 0 0 1 4.375.031"
+})));
+RssFeedIcon20.displayName = 'RssFeedIcon20';
+const RssFeedIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.262 21H21a17.96 17.96 0 0 0-5.256-12.727A17.86 17.86 0 0 0 3.057 3H3v3.75h.057a14.15 14.15 0 0 1 10.044 4.174A14.23 14.23 0 0 1 17.261 21M15 21h-3.75a8.22 8.22 0 0 0-2.415-5.835A8.25 8.25 0 0 0 3 12.75V9a11.97 11.97 0 0 1 8.486 3.514A11.96 11.96 0 0 1 15 21m-6.75-2.606A2.625 2.625 0 1 1 3 18.356a2.625 2.625 0 0 1 5.25.038"
+})));
+RssFeedIcon24.displayName = 'RssFeedIcon24';
+const RssFeedIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.846 24H24a19.95 19.95 0 0 0-5.84-14.14A19.84 19.84 0 0 0 4.063 4H4v4.167h.063a15.72 15.72 0 0 1 11.16 4.637A15.8 15.8 0 0 1 19.846 24m-2.513 0h-4.167a9.14 9.14 0 0 0-2.683-6.483 9.17 9.17 0 0 0-6.484-2.684v-4.167a13.3 13.3 0 0 1 9.43 3.905A13.3 13.3 0 0 1 17.333 24m-7.5-2.896A2.916 2.916 0 1 1 4 21.062a2.916 2.916 0 0 1 5.833.042"
+})));
+RssFeedIcon28.displayName = 'RssFeedIcon28';
 const RssFeedIcon = /*#__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: "M4.6 3.1v2.2a15.577 15.577 0 0114.2 13.9H21A17.767 17.767 0 004.6 3.1zm0 6v2.2a9.548 9.548 0 018.2 7.9H15A11.688 11.688 0 004.6 9.1zm-.23 7.478A2.2 2.2 0 004 17.8 2.22 2.22 0 006.2 20a2.2 2.2 0 10-1.83-3.422z"
-  }));
+  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(RssFeedIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(RssFeedIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(RssFeedIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(RssFeedIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(RssFeedIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(RssFeedIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(RssFeedIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(RssFeedIcon28, mainProps);
 });
+RssFeedIcon.displayName = 'RssFeedIcon';
 RssFeedIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-RssFeedIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default RssFeedIcon;
 //# sourceMappingURL=rss-feed.js.map

package/lib/rss-feed.js.map

@@ -1 +1 @@
-{"version":3,"file":"rss-feed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","RssFeedIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["rss-feed.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 RssFeedIcon = 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=\"M4.6 3.1v2.2a15.577 15.577 0 0114.2 13.9H21A17.767 17.767 0 004.6 3.1zm0 6v2.2a9.548 9.548 0 018.2 7.9H15A11.688 11.688 0 004.6 9.1zm-.23 7.478A2.2 2.2 0 004 17.8 2.22 2.22 0 006.2 20a2.2 2.2 0 10-1.83-3.422z\" /></svg>)}\n);\n\nRssFeedIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nRssFeedIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default RssFeedIcon;"],"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,gBAAGV,KAAK,CAACW,UAAN,CAClB,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;AAAmW,CADjY,CAApB;AAIAF,WAAW,CAACQ,SAAZ,GAAwB;EACtBH,SAAS,EAAEd,SAAS,CAACkB,MADC;EAEtBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFe;EAGtBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHgB,CAAxB;AAMAV,WAAW,CAACW,YAAZ,GAA2B;EACzBP,IAAI,EAAE;AADmB,CAA3B;AAIA,eAAeJ,WAAf"}
+{"version":3,"file":"rss-feed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","RssFeedIcon16","forwardRef","props","ref","displayName","RssFeedIcon20","RssFeedIcon24","RssFeedIcon28","RssFeedIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["rss-feed.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 RssFeedIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11.508 14.001h2.493a11.97 11.97 0 0 0-3.505-8.486A11.9 11.9 0 0 0 2.038 2H2v2.5h.038a9.44 9.44 0 0 1 6.696 2.783 9.5 9.5 0 0 1 2.774 6.718M10 14H7.5A5.5 5.5 0 0 0 2 8.5V6a7.98 7.98 0 0 1 5.658 2.342A7.98 7.98 0 0 1 10 14m-4.5-1.737a1.75 1.75 0 1 1-3.5-.025 1.75 1.75 0 0 1 3.5.025\" /></svg>));\nRssFeedIcon16.displayName = 'RssFeedIcon16';\nconst RssFeedIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M14.385 17H17.5a14.97 14.97 0 0 0-4.38-10.606A14.88 14.88 0 0 0 2.548 2H2.5v3.125h.048a11.8 11.8 0 0 1 8.37 3.478A11.86 11.86 0 0 1 14.385 17M12.5 17H9.375A6.875 6.875 0 0 0 2.5 10.124V6.998a9.98 9.98 0 0 1 7.072 2.929 9.97 9.97 0 0 1 2.928 7.071m-5.625-2.17a2.187 2.187 0 1 1-4.375-.031 2.187 2.187 0 0 1 4.375.031\" /></svg>));\nRssFeedIcon20.displayName = 'RssFeedIcon20';\nconst RssFeedIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M17.262 21H21a17.96 17.96 0 0 0-5.256-12.727A17.86 17.86 0 0 0 3.057 3H3v3.75h.057a14.15 14.15 0 0 1 10.044 4.174A14.23 14.23 0 0 1 17.261 21M15 21h-3.75a8.22 8.22 0 0 0-2.415-5.835A8.25 8.25 0 0 0 3 12.75V9a11.97 11.97 0 0 1 8.486 3.514A11.96 11.96 0 0 1 15 21m-6.75-2.606A2.625 2.625 0 1 1 3 18.356a2.625 2.625 0 0 1 5.25.038\" /></svg>));\nRssFeedIcon24.displayName = 'RssFeedIcon24';\nconst RssFeedIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19.846 24H24a19.95 19.95 0 0 0-5.84-14.14A19.84 19.84 0 0 0 4.063 4H4v4.167h.063a15.72 15.72 0 0 1 11.16 4.637A15.8 15.8 0 0 1 19.846 24m-2.513 0h-4.167a9.14 9.14 0 0 0-2.683-6.483 9.17 9.17 0 0 0-6.484-2.684v-4.167a13.3 13.3 0 0 1 9.43 3.905A13.3 13.3 0 0 1 17.333 24m-7.5-2.896A2.916 2.916 0 1 1 4 21.062a2.916 2.916 0 0 1 5.833.042\" /></svg>));\nRssFeedIcon28.displayName = 'RssFeedIcon28';\n\nconst RssFeedIcon = 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}><RssFeedIcon16 className={styles.variant16} />\n<RssFeedIcon20 className={styles.variant20} />\n<RssFeedIcon24 className={styles.variant24} />\n<RssFeedIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<RssFeedIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<RssFeedIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<RssFeedIcon24 {...mainProps} />); }\nreturn (<RssFeedIcon28 {...mainProps} />);\n  }\n);\nRssFeedIcon.displayName = 'RssFeedIcon';\nRssFeedIcon.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 RssFeedIcon;"],"mappings":"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"}

package/lib/search-outline.d.ts

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

package/lib/search-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 SearchOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.408 10.116a5.143 5.143 0 1 1 .707-.706l.015.015 3.224 3.223a.5.5 0 1 1-.707.707l-3.224-3.223zm.878-3.973a4.143 4.143 0 1 0-8.286 0 4.143 4.143 0 0 0 8.286 0"
+})));
+SearchOutlineIcon16.displayName = 'SearchOutlineIcon16';
+const SearchOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.68 12.74a6 6 0 1 1 1.06-1.059l.03.03 3.76 3.76a.75.75 0 0 1-1.06 1.061l-3.761-3.76zM12.5 8a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0"
+})));
+SearchOutlineIcon20.displayName = 'SearchOutlineIcon20';
+const SearchOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.904 16.32a8 8 0 1 1 1.414-1.414l4.387 4.387a1 1 0 0 1-1.414 1.414zM16 10a6 6 0 1 0-12 0 6 6 0 0 0 12 0"
+})));
+SearchOutlineIcon24.displayName = 'SearchOutlineIcon24';
+const SearchOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.76 18.177a8.5 8.5 0 1 1 1.415-1.414l5.03 5.03a1 1 0 0 1-1.415 1.414zM18 11.5a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0"
+})));
+SearchOutlineIcon28.displayName = 'SearchOutlineIcon28';
+const SearchOutlineIcon = /*#__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(SearchOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SearchOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SearchOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SearchOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SearchOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SearchOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SearchOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SearchOutlineIcon28, mainProps);
+});
+SearchOutlineIcon.displayName = 'SearchOutlineIcon';
+SearchOutlineIcon.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 SearchOutlineIcon;
+//# sourceMappingURL=search-outline.js.map

package/lib/search-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SearchOutlineIcon16","forwardRef","props","ref","displayName","SearchOutlineIcon20","SearchOutlineIcon24","SearchOutlineIcon28","SearchOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["search-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 SearchOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M9.408 10.116a5.143 5.143 0 1 1 .707-.706l.015.015 3.224 3.223a.5.5 0 1 1-.707.707l-3.224-3.223zm.878-3.973a4.143 4.143 0 1 0-8.286 0 4.143 4.143 0 0 0 8.286 0\" /></svg>));\nSearchOutlineIcon16.displayName = 'SearchOutlineIcon16';\nconst SearchOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11.68 12.74a6 6 0 1 1 1.06-1.059l.03.03 3.76 3.76a.75.75 0 0 1-1.06 1.061l-3.761-3.76zM12.5 8a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0\" /></svg>));\nSearchOutlineIcon20.displayName = 'SearchOutlineIcon20';\nconst SearchOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14.904 16.32a8 8 0 1 1 1.414-1.414l4.387 4.387a1 1 0 0 1-1.414 1.414zM16 10a6 6 0 1 0-12 0 6 6 0 0 0 12 0\" /></svg>));\nSearchOutlineIcon24.displayName = 'SearchOutlineIcon24';\nconst SearchOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M16.76 18.177a8.5 8.5 0 1 1 1.415-1.414l5.03 5.03a1 1 0 0 1-1.415 1.414zM18 11.5a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0\" /></svg>));\nSearchOutlineIcon28.displayName = 'SearchOutlineIcon28';\n\nconst SearchOutlineIcon = 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}><SearchOutlineIcon16 className={styles.variant16} />\n<SearchOutlineIcon20 className={styles.variant20} />\n<SearchOutlineIcon24 className={styles.variant24} />\n<SearchOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SearchOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SearchOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SearchOutlineIcon24 {...mainProps} />); }\nreturn (<SearchOutlineIcon28 {...mainProps} />);\n  }\n);\nSearchOutlineIcon.displayName = 'SearchOutlineIcon';\nSearchOutlineIcon.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 SearchOutlineIcon;"],"mappings":"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"}

package/lib/search.d.ts

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

package/lib/search.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SearchIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.21 10.27a5.143 5.143 0 1 1 1.058-1.058l.039.036 3.223 3.223a.75.75 0 0 1-1.06 1.061L9.246 10.31zm.576-4.127a3.643 3.643 0 1 0-7.286 0 3.643 3.643 0 0 0 7.286 0"
+})));
+SearchIcon16.displayName = 'SearchIcon16';
+const SearchIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.478 12.89a6 6 0 1 1 1.41-1.41q.03.026.058.054l3.761 3.76a1 1 0 0 1-1.414 1.415l-3.76-3.76zM12 8a4 4 0 1 0-8 0 4 4 0 0 0 8 0"
+})));
+SearchIcon20.displayName = 'SearchIcon20';
+const SearchIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.495 16.619a8 8 0 1 1 2.122-2.12l4.441 4.44a1.5 1.5 0 1 1-2.12 2.122zM15 10a5 5 0 1 0-10 0 5 5 0 0 0 10 0"
+})));
+SearchIcon24.displayName = 'SearchIcon24';
+const SearchIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.354 18.479a8.5 8.5 0 1 1 2.122-2.12l5.082 5.08a1.5 1.5 0 1 1-2.121 2.122zM17 11.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"
+})));
+SearchIcon28.displayName = 'SearchIcon28';
 const SearchIcon = /*#__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: "M15.142 6.28a6.497 6.497 0 10-2.421 8.866c.207-.122.409-.256.602-.4L19.587 21 21 19.586l-6.261-6.251a6.51 6.51 0 00.402-7.055zm-3.413 7.129a4.5 4.5 0 11-4.463-7.814 4.5 4.5 0 014.463 7.814z"
-  }));
+  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(SearchIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SearchIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SearchIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SearchIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SearchIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SearchIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SearchIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SearchIcon28, mainProps);
 });
+SearchIcon.displayName = 'SearchIcon';
 SearchIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SearchIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SearchIcon;
 //# sourceMappingURL=search.js.map

package/lib/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SearchIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["search.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 SearchIcon = 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=\"M15.142 6.28a6.497 6.497 0 10-2.421 8.866c.207-.122.409-.256.602-.4L19.587 21 21 19.586l-6.261-6.251a6.51 6.51 0 00.402-7.055zm-3.413 7.129a4.5 4.5 0 11-4.463-7.814 4.5 4.5 0 014.463 7.814z\" /></svg>)}\n);\n\nSearchIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSearchIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SearchIcon;"],"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;AAAgV,CAD/W,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":"search.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SearchIcon16","forwardRef","props","ref","displayName","SearchIcon20","SearchIcon24","SearchIcon28","SearchIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["search.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 SearchIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M9.21 10.27a5.143 5.143 0 1 1 1.058-1.058l.039.036 3.223 3.223a.75.75 0 0 1-1.06 1.061L9.246 10.31zm.576-4.127a3.643 3.643 0 1 0-7.286 0 3.643 3.643 0 0 0 7.286 0\" /></svg>));\nSearchIcon16.displayName = 'SearchIcon16';\nconst SearchIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11.478 12.89a6 6 0 1 1 1.41-1.41q.03.026.058.054l3.761 3.76a1 1 0 0 1-1.414 1.415l-3.76-3.76zM12 8a4 4 0 1 0-8 0 4 4 0 0 0 8 0\" /></svg>));\nSearchIcon20.displayName = 'SearchIcon20';\nconst SearchIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14.495 16.619a8 8 0 1 1 2.122-2.12l4.441 4.44a1.5 1.5 0 1 1-2.12 2.122zM15 10a5 5 0 1 0-10 0 5 5 0 0 0 10 0\" /></svg>));\nSearchIcon24.displayName = 'SearchIcon24';\nconst SearchIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M16.354 18.479a8.5 8.5 0 1 1 2.122-2.12l5.082 5.08a1.5 1.5 0 1 1-2.121 2.122zM17 11.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0\" /></svg>));\nSearchIcon28.displayName = 'SearchIcon28';\n\nconst SearchIcon = 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}><SearchIcon16 className={styles.variant16} />\n<SearchIcon20 className={styles.variant20} />\n<SearchIcon24 className={styles.variant24} />\n<SearchIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SearchIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SearchIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SearchIcon24 {...mainProps} />); }\nreturn (<SearchIcon28 {...mainProps} />);\n  }\n);\nSearchIcon.displayName = 'SearchIcon';\nSearchIcon.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 SearchIcon;"],"mappings":"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"}

package/lib/send-outline.d.ts

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