@rescui/icons 0.16.17 → 1.0.0

package/lib/vk.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const VkIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.75 2C2.75 2 2 2.75 2 5.75v4.5c0 3 .75 3.75 3.75 3.75h4.5c3 0 3.75-.75 3.75-3.75v-4.5C14 3.5 13.25 2 10.25 2zM3.714 5.429h1.467c.048 2.456 1.13 3.496 1.986 3.71V5.43H8.55v2.118c.846-.091 1.734-1.057 2.034-2.118h1.381c-.23 1.308-1.194 2.273-1.879 2.67.685.322 1.783 1.164 2.2 2.687h-1.52C10.44 9.767 9.625 8.979 8.55 8.87v1.915h-.166c-2.929 0-4.6-2.011-4.669-5.357"
+})));
+VkIcon16.displayName = 'VkIcon16';
+const VkIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.375 3C3.875 3 3 3.875 3 7.375v5.25C3 16.125 3.875 17 7.375 17h5.25c3.5 0 4.375-.875 4.375-4.375v-5.25C17 4.75 16.125 3 12.625 3zM5.25 7.031h1.634c.054 2.737 1.259 3.896 2.213 4.135V7.03h1.54v2.36c.942-.101 1.932-1.177 2.266-2.36h1.539c-.257 1.458-1.33 2.534-2.094 2.976.764.358 1.987 1.296 2.452 2.993h-1.694c-.364-1.135-1.27-2.014-2.47-2.133V13h-.184c-3.263 0-5.124-2.24-5.202-5.969"
+})));
+VkIcon20.displayName = 'VkIcon20';
+const VkIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9 3C4 3 3 4 3 9v6c0 5 1 6 6 6h6c5 0 6-1 6-6V9c0-4-1-6-6-6zM6 8h2.054c.067 3.438 1.581 4.895 2.78 5.195V8h1.934v2.965c1.185-.127 2.429-1.479 2.848-2.965h1.934c-.322 1.832-1.671 3.183-2.63 3.739.959.45 2.495 1.629 3.08 3.761h-2.129c-.457-1.426-1.596-2.53-3.103-2.68v2.68h-.232C8.436 15.5 6.097 12.685 6 8"
+})));
+VkIcon24.displayName = 'VkIcon24';
+const VkIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.667 4h6.666C22.89 4 24 6.222 24 10.667v6.666C24 22.89 22.889 24 17.333 24h-6.666C5.11 24 4 22.889 4 17.333v-6.666C4 5.11 5.111 4 10.667 4M8.2 10c.097 4.997 2.436 8 6.536 8h.232v-2.859c1.507.16 2.646 1.338 3.103 2.859H20.2c-.585-2.274-2.121-3.532-3.08-4.012.959-.593 2.308-2.034 2.63-3.988h-1.934c-.42 1.586-1.663 3.027-2.848 3.163V10h-1.934v5.541c-1.199-.32-2.713-1.873-2.78-5.541z"
+})));
+VkIcon28.displayName = 'VkIcon28';
 const VkIcon = /*#__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: "M9.379 4h5.213c4.75 0 5.893 1.124 5.893 5.893v5.214c0 4.77-1.17 5.893-5.893 5.893H9.379c-4.77 0-5.894-1.124-5.894-5.893V9.893C3.485 5.123 4.61 4 9.38 4zm6.592 12.127h1.237c.35 0 .529-.18.444-.53a5.221 5.221 0 00-1.096-1.463 6.87 6.87 0 00-.44-.453 3.932 3.932 0 01-.41-.435c-.179-.245-.132-.34 0-.557a15.387 15.387 0 001.663-2.833c.085-.265 0-.454-.369-.454h-1.237a.54.54 0 00-.52.34 10.373 10.373 0 01-1.52 2.531 1.17 1.17 0 01-.576.388c-.075 0-.198-.095-.198-.36V9.847c0-.312-.095-.463-.36-.463h-1.945a.297.297 0 00-.216.082.302.302 0 00-.095.211.434.434 0 00.144.265 1.274 1.274 0 01.347.944v1.823c0 .396-.066.472-.227.472-.415 0-1.436-1.549-2.05-3.315-.122-.33-.236-.482-.547-.482H6.744c-.35 0-.425.17-.425.35a10.026 10.026 0 001.983 4.117 4.826 4.826 0 003.778 2.267c.784 0 .888-.18.888-.481V14.52c0-.35.141-.415.32-.415h.027c.176-.003.412-.006 1.21.802.245.247.43.453.58.62.371.413.537.599.866.599z"
-  }));
+  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(VkIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(VkIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(VkIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(VkIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(VkIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(VkIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(VkIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(VkIcon28, mainProps);
 });
+VkIcon.displayName = 'VkIcon';
 VkIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-VkIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default VkIcon;
 //# sourceMappingURL=vk.js.map

package/lib/vk.js.map

@@ -1 +1 @@
-{"version":3,"file":"vk.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","VkIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["vk.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 VkIcon = 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=\"M9.379 4h5.213c4.75 0 5.893 1.124 5.893 5.893v5.214c0 4.77-1.17 5.893-5.893 5.893H9.379c-4.77 0-5.894-1.124-5.894-5.893V9.893C3.485 5.123 4.61 4 9.38 4zm6.592 12.127h1.237c.35 0 .529-.18.444-.53a5.221 5.221 0 00-1.096-1.463 6.87 6.87 0 00-.44-.453 3.932 3.932 0 01-.41-.435c-.179-.245-.132-.34 0-.557a15.387 15.387 0 001.663-2.833c.085-.265 0-.454-.369-.454h-1.237a.54.54 0 00-.52.34 10.373 10.373 0 01-1.52 2.531 1.17 1.17 0 01-.576.388c-.075 0-.198-.095-.198-.36V9.847c0-.312-.095-.463-.36-.463h-1.945a.297.297 0 00-.216.082.302.302 0 00-.095.211.434.434 0 00.144.265 1.274 1.274 0 01.347.944v1.823c0 .396-.066.472-.227.472-.415 0-1.436-1.549-2.05-3.315-.122-.33-.236-.482-.547-.482H6.744c-.35 0-.425.17-.425.35a10.026 10.026 0 001.983 4.117 4.826 4.826 0 003.778 2.267c.784 0 .888-.18.888-.481V14.52c0-.35.141-.415.32-.415h.027c.176-.003.412-.006 1.21.802.245.247.43.453.58.62.371.413.537.599.866.599z\" /></svg>)}\n);\n\nVkIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nVkIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default VkIcon;"],"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;AAA2hC,CAD9jC,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":"vk.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","VkIcon16","forwardRef","props","ref","displayName","VkIcon20","VkIcon24","VkIcon28","VkIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["vk.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 VkIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M5.75 2C2.75 2 2 2.75 2 5.75v4.5c0 3 .75 3.75 3.75 3.75h4.5c3 0 3.75-.75 3.75-3.75v-4.5C14 3.5 13.25 2 10.25 2zM3.714 5.429h1.467c.048 2.456 1.13 3.496 1.986 3.71V5.43H8.55v2.118c.846-.091 1.734-1.057 2.034-2.118h1.381c-.23 1.308-1.194 2.273-1.879 2.67.685.322 1.783 1.164 2.2 2.687h-1.52C10.44 9.767 9.625 8.979 8.55 8.87v1.915h-.166c-2.929 0-4.6-2.011-4.669-5.357\" /></svg>));\nVkIcon16.displayName = 'VkIcon16';\nconst VkIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M7.375 3C3.875 3 3 3.875 3 7.375v5.25C3 16.125 3.875 17 7.375 17h5.25c3.5 0 4.375-.875 4.375-4.375v-5.25C17 4.75 16.125 3 12.625 3zM5.25 7.031h1.634c.054 2.737 1.259 3.896 2.213 4.135V7.03h1.54v2.36c.942-.101 1.932-1.177 2.266-2.36h1.539c-.257 1.458-1.33 2.534-2.094 2.976.764.358 1.987 1.296 2.452 2.993h-1.694c-.364-1.135-1.27-2.014-2.47-2.133V13h-.184c-3.263 0-5.124-2.24-5.202-5.969\" /></svg>));\nVkIcon20.displayName = 'VkIcon20';\nconst VkIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M9 3C4 3 3 4 3 9v6c0 5 1 6 6 6h6c5 0 6-1 6-6V9c0-4-1-6-6-6zM6 8h2.054c.067 3.438 1.581 4.895 2.78 5.195V8h1.934v2.965c1.185-.127 2.429-1.479 2.848-2.965h1.934c-.322 1.832-1.671 3.183-2.63 3.739.959.45 2.495 1.629 3.08 3.761h-2.129c-.457-1.426-1.596-2.53-3.103-2.68v2.68h-.232C8.436 15.5 6.097 12.685 6 8\" /></svg>));\nVkIcon24.displayName = 'VkIcon24';\nconst VkIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M10.667 4h6.666C22.89 4 24 6.222 24 10.667v6.666C24 22.89 22.889 24 17.333 24h-6.666C5.11 24 4 22.889 4 17.333v-6.666C4 5.11 5.111 4 10.667 4M8.2 10c.097 4.997 2.436 8 6.536 8h.232v-2.859c1.507.16 2.646 1.338 3.103 2.859H20.2c-.585-2.274-2.121-3.532-3.08-4.012.959-.593 2.308-2.034 2.63-3.988h-1.934c-.42 1.586-1.663 3.027-2.848 3.163V10h-1.934v5.541c-1.199-.32-2.713-1.873-2.78-5.541z\" /></svg>));\nVkIcon28.displayName = 'VkIcon28';\n\nconst VkIcon = 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}><VkIcon16 className={styles.variant16} />\n<VkIcon20 className={styles.variant20} />\n<VkIcon24 className={styles.variant24} />\n<VkIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<VkIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<VkIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<VkIcon24 {...mainProps} />); }\nreturn (<VkIcon28 {...mainProps} />);\n  }\n);\nVkIcon.displayName = 'VkIcon';\nVkIcon.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 VkIcon;"],"mappings":"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"}

package/lib/volume-outline.d.ts

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

package/lib/volume-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 VolumeOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9 13.144c0 1.368-1.681 2.022-2.606 1.013L3.65 11.162A.5.5 0 0 0 3.28 11H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h.28a.5.5 0 0 0 .369-.162l2.745-2.995C7.32.834 9 1.488 9 2.856zm-1 0V2.856a.5.5 0 0 0-.869-.338L4.386 5.514A1.5 1.5 0 0 1 3.28 6H3a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.28a1.5 1.5 0 0 1 1.106.486l2.745 2.996A.5.5 0 0 0 8 13.144M9.833 3a.5.5 0 0 1 .5-.5c1.858 0 3.053.887 3.76 2.035C14.78 5.655 15 7.005 15 8c0 .996-.219 2.346-.908 3.465-.706 1.149-1.901 2.035-3.759 2.035a.5.5 0 1 1 0-1c1.476 0 2.364-.676 2.908-1.559C13.802 10.03 14 8.88 14 8s-.198-2.03-.76-2.941c-.543-.883-1.43-1.559-2.907-1.559a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 1 0 0 1c.476 0 .74.207.908.48.186.303.259.703.259 1.02s-.073.717-.26 1.02c-.168.273-.43.48-.907.48a.5.5 0 1 0 0 1c.858 0 1.428-.418 1.76-.957.313-.51.407-1.11.407-1.543s-.094-1.033-.408-1.543c-.331-.54-.901-.957-1.759-.957"
+})));
+VolumeOutlineIcon16.displayName = 'VolumeOutlineIcon16';
+const VolumeOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11 16.945c0 1.393-1.733 2.034-2.639.976L5.15 14.175A.5.5 0 0 0 4.77 14H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h.77a.5.5 0 0 0 .38-.175L8.36 2.08c.907-1.06 2.64-.418 2.64.975zm-1.5 0V3.055L6.289 6.802A2 2 0 0 1 4.77 7.5H4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h.77a2 2 0 0 1 1.519.698zM12.25 5a.75.75 0 0 1 .75-.75c1.953 0 3.225.94 3.972 2.154.72 1.171.945 2.571.945 3.596s-.224 2.425-.945 3.596c-.747 1.215-2.02 2.154-3.972 2.154a.75.75 0 0 1 0-1.5c1.38 0 2.192-.623 2.695-1.44.529-.86.722-1.96.722-2.81s-.193-1.95-.723-2.81C15.192 6.373 14.38 5.75 13 5.75a.75.75 0 0 1-.75-.75M13 7.25a.75.75 0 0 0 0 1.5c.38 0 .567.155.695.362.154.25.222.6.222.888s-.068.638-.222.888c-.128.207-.315.362-.695.362a.75.75 0 0 0 0 1.5c.953 0 1.6-.47 1.972-1.076.346-.562.445-1.212.445-1.674s-.1-1.112-.445-1.674C14.6 7.72 13.952 7.25 13 7.25"
+})));
+VolumeOutlineIcon20.displayName = 'VolumeOutlineIcon20';
+const VolumeOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 19.775c0 1.56-1.885 2.34-2.987 1.238l-4.867-4.867A.5.5 0 0 0 5.793 16H4.5A2.5 2.5 0 0 1 2 13.5v-3A2.5 2.5 0 0 1 4.5 8h1.293a.5.5 0 0 0 .353-.146l4.867-4.867C12.115 1.885 14 2.666 14 4.225zM12 4.828l-4.44 4.44A2.5 2.5 0 0 1 5.794 10H4.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.293a2.5 2.5 0 0 1 1.768.732L12 19.172zM15 6a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C21.729 9.058 22 10.76 22 12s-.27 2.942-1.148 4.368C19.938 17.852 18.382 19 16 19a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C18.562 7.727 17.618 7 16 7a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2 .6.6 0 0 1 .315.069.5.5 0 0 1 .167.174c.122.199.185.498.185.757s-.063.558-.185.757a.5.5 0 0 1-.167.174A.6.6 0 0 1 16 13a1 1 0 1 0 0 2c1.048 0 1.772-.523 2.185-1.195.378-.613.482-1.314.482-1.805s-.104-1.192-.482-1.805C17.772 9.523 17.048 9 16 9"
+})));
+VolumeOutlineIcon24.displayName = 'VolumeOutlineIcon24';
+const VolumeOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m7.142 19.126 5.53 4.915c1.29 1.147 3.328.231 3.328-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.126M14 5.454v17.092l-5.53-4.914A2.5 2.5 0 0 0 6.81 17H6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h.81a2.5 2.5 0 0 0 1.66-.632zM18 8a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C24.729 11.058 25 12.76 25 14s-.27 2.942-1.148 4.368C22.938 19.852 21.382 21 19 21a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C21.562 9.727 20.618 9 19 9a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1c1.048 0 1.772.523 2.185 1.195.378.613.482 1.314.482 1.805s-.104 1.192-.482 1.805C20.772 16.477 20.048 17 19 17a1 1 0 1 1 0-2 .6.6 0 0 0 .315-.069.5.5 0 0 0 .167-.174c.122-.199.185-.498.185-.757s-.063-.558-.185-.757a.5.5 0 0 0-.167-.174A.6.6 0 0 0 19 13a1 1 0 0 1-1-1"
+})));
+VolumeOutlineIcon28.displayName = 'VolumeOutlineIcon28';
+const VolumeOutlineIcon = /*#__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(VolumeOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(VolumeOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(VolumeOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(VolumeOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(VolumeOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(VolumeOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(VolumeOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(VolumeOutlineIcon28, mainProps);
+});
+VolumeOutlineIcon.displayName = 'VolumeOutlineIcon';
+VolumeOutlineIcon.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 VolumeOutlineIcon;
+//# sourceMappingURL=volume-outline.js.map

package/lib/volume-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","VolumeOutlineIcon16","forwardRef","props","ref","displayName","VolumeOutlineIcon20","VolumeOutlineIcon24","VolumeOutlineIcon28","VolumeOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["volume-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 VolumeOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M9 13.144c0 1.368-1.681 2.022-2.606 1.013L3.65 11.162A.5.5 0 0 0 3.28 11H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h.28a.5.5 0 0 0 .369-.162l2.745-2.995C7.32.834 9 1.488 9 2.856zm-1 0V2.856a.5.5 0 0 0-.869-.338L4.386 5.514A1.5 1.5 0 0 1 3.28 6H3a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.28a1.5 1.5 0 0 1 1.106.486l2.745 2.996A.5.5 0 0 0 8 13.144M9.833 3a.5.5 0 0 1 .5-.5c1.858 0 3.053.887 3.76 2.035C14.78 5.655 15 7.005 15 8c0 .996-.219 2.346-.908 3.465-.706 1.149-1.901 2.035-3.759 2.035a.5.5 0 1 1 0-1c1.476 0 2.364-.676 2.908-1.559C13.802 10.03 14 8.88 14 8s-.198-2.03-.76-2.941c-.543-.883-1.43-1.559-2.907-1.559a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 1 0 0 1c.476 0 .74.207.908.48.186.303.259.703.259 1.02s-.073.717-.26 1.02c-.168.273-.43.48-.907.48a.5.5 0 1 0 0 1c.858 0 1.428-.418 1.76-.957.313-.51.407-1.11.407-1.543s-.094-1.033-.408-1.543c-.331-.54-.901-.957-1.759-.957\" /></svg>));\nVolumeOutlineIcon16.displayName = 'VolumeOutlineIcon16';\nconst VolumeOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11 16.945c0 1.393-1.733 2.034-2.639.976L5.15 14.175A.5.5 0 0 0 4.77 14H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h.77a.5.5 0 0 0 .38-.175L8.36 2.08c.907-1.06 2.64-.418 2.64.975zm-1.5 0V3.055L6.289 6.802A2 2 0 0 1 4.77 7.5H4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h.77a2 2 0 0 1 1.519.698zM12.25 5a.75.75 0 0 1 .75-.75c1.953 0 3.225.94 3.972 2.154.72 1.171.945 2.571.945 3.596s-.224 2.425-.945 3.596c-.747 1.215-2.02 2.154-3.972 2.154a.75.75 0 0 1 0-1.5c1.38 0 2.192-.623 2.695-1.44.529-.86.722-1.96.722-2.81s-.193-1.95-.723-2.81C15.192 6.373 14.38 5.75 13 5.75a.75.75 0 0 1-.75-.75M13 7.25a.75.75 0 0 0 0 1.5c.38 0 .567.155.695.362.154.25.222.6.222.888s-.068.638-.222.888c-.128.207-.315.362-.695.362a.75.75 0 0 0 0 1.5c.953 0 1.6-.47 1.972-1.076.346-.562.445-1.212.445-1.674s-.1-1.112-.445-1.674C14.6 7.72 13.952 7.25 13 7.25\" /></svg>));\nVolumeOutlineIcon20.displayName = 'VolumeOutlineIcon20';\nconst VolumeOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14 19.775c0 1.56-1.885 2.34-2.987 1.238l-4.867-4.867A.5.5 0 0 0 5.793 16H4.5A2.5 2.5 0 0 1 2 13.5v-3A2.5 2.5 0 0 1 4.5 8h1.293a.5.5 0 0 0 .353-.146l4.867-4.867C12.115 1.885 14 2.666 14 4.225zM12 4.828l-4.44 4.44A2.5 2.5 0 0 1 5.794 10H4.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.293a2.5 2.5 0 0 1 1.768.732L12 19.172zM15 6a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C21.729 9.058 22 10.76 22 12s-.27 2.942-1.148 4.368C19.938 17.852 18.382 19 16 19a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C18.562 7.727 17.618 7 16 7a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2 .6.6 0 0 1 .315.069.5.5 0 0 1 .167.174c.122.199.185.498.185.757s-.063.558-.185.757a.5.5 0 0 1-.167.174A.6.6 0 0 1 16 13a1 1 0 1 0 0 2c1.048 0 1.772-.523 2.185-1.195.378-.613.482-1.314.482-1.805s-.104-1.192-.482-1.805C17.772 9.523 17.048 9 16 9\" /></svg>));\nVolumeOutlineIcon24.displayName = 'VolumeOutlineIcon24';\nconst VolumeOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m7.142 19.126 5.53 4.915c1.29 1.147 3.328.231 3.328-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.126M14 5.454v17.092l-5.53-4.914A2.5 2.5 0 0 0 6.81 17H6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h.81a2.5 2.5 0 0 0 1.66-.632zM18 8a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C24.729 11.058 25 12.76 25 14s-.27 2.942-1.148 4.368C22.938 19.852 21.382 21 19 21a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C21.562 9.727 20.618 9 19 9a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1c1.048 0 1.772.523 2.185 1.195.378.613.482 1.314.482 1.805s-.104 1.192-.482 1.805C20.772 16.477 20.048 17 19 17a1 1 0 1 1 0-2 .6.6 0 0 0 .315-.069.5.5 0 0 0 .167-.174c.122-.199.185-.498.185-.757s-.063-.558-.185-.757a.5.5 0 0 0-.167-.174A.6.6 0 0 0 19 13a1 1 0 0 1-1-1\" /></svg>));\nVolumeOutlineIcon28.displayName = 'VolumeOutlineIcon28';\n\nconst VolumeOutlineIcon = 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}><VolumeOutlineIcon16 className={styles.variant16} />\n<VolumeOutlineIcon20 className={styles.variant20} />\n<VolumeOutlineIcon24 className={styles.variant24} />\n<VolumeOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<VolumeOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<VolumeOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<VolumeOutlineIcon24 {...mainProps} />); }\nreturn (<VolumeOutlineIcon28 {...mainProps} />);\n  }\n);\nVolumeOutlineIcon.displayName = 'VolumeOutlineIcon';\nVolumeOutlineIcon.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 VolumeOutlineIcon;"],"mappings":"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"}

package/lib/volume.d.ts

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

package/lib/volume.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const VolumeIcon16 = /*#__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.162zM9.833 3a.5.5 0 0 1 .5-.5c1.858 0 3.053.887 3.76 2.035C14.78 5.655 15 7.005 15 8c0 .996-.219 2.346-.908 3.465-.706 1.149-1.901 2.035-3.759 2.035a.5.5 0 0 1 0-1c1.476 0 2.364-.676 2.908-1.559C13.8 10.03 14 8.88 14 8s-.198-2.03-.76-2.941c-.543-.883-1.43-1.559-2.907-1.559a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1c.476 0 .74.207.908.48.186.303.259.703.259 1.02s-.073.717-.26 1.02c-.168.273-.43.48-.907.48a.5.5 0 0 0 0 1c.858 0 1.428-.418 1.76-.957.313-.51.407-1.11.407-1.543s-.094-1.033-.408-1.543c-.331-.54-.901-.957-1.759-.957"
+})));
+VolumeIcon16.displayName = 'VolumeIcon16';
+const VolumeIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11 16.945c0 1.393-1.733 2.034-2.639.976L5.15 14.175A.5.5 0 0 0 4.77 14H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h.77a.5.5 0 0 0 .38-.175L8.36 2.08c.907-1.06 2.64-.418 2.64.975zM12.25 5a.75.75 0 0 1 .75-.75c1.953 0 3.225.94 3.972 2.154.72 1.171.945 2.571.945 3.596s-.224 2.425-.945 3.596c-.747 1.215-2.02 2.154-3.972 2.154a.75.75 0 0 1 0-1.5c1.38 0 2.192-.623 2.695-1.44.529-.86.722-1.96.722-2.81s-.193-1.95-.723-2.81C15.192 6.373 14.38 5.75 13 5.75a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75c.953 0 1.6.47 1.972 1.076.346.562.445 1.212.445 1.674s-.1 1.113-.445 1.674c-.372.606-1.02 1.076-1.972 1.076a.75.75 0 0 1 0-1.5c.38 0 .567-.155.695-.362.154-.25.222-.6.222-.888s-.068-.638-.222-.888c-.128-.207-.315-.362-.695-.362a.75.75 0 0 1-.75-.75"
+})));
+VolumeIcon20.displayName = 'VolumeIcon20';
+const VolumeIcon24 = /*#__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.146zM15 6a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C21.729 9.058 22 10.76 22 12s-.27 2.942-1.148 4.368C19.938 17.852 18.382 19 16 19a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C18.562 7.727 17.618 7 16 7a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2 .6.6 0 0 1 .315.069.5.5 0 0 1 .167.174c.122.199.185.498.185.757s-.063.558-.185.757a.5.5 0 0 1-.167.174A.6.6 0 0 1 16 13a1 1 0 1 0 0 2c1.048 0 1.772-.523 2.185-1.195.378-.613.482-1.314.482-1.805s-.104-1.192-.482-1.805C17.772 9.523 17.048 9 16 9"
+})));
+VolumeIcon24.displayName = 'VolumeIcon24';
+const VolumeIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16 22.546c0 1.726-2.039 2.642-3.329 1.495l-5.529-4.915A.5.5 0 0 0 6.81 19H6a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h.81a.5.5 0 0 0 .332-.126l5.53-4.915C13.961 2.812 16 3.728 16 5.454zM18 8a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C24.729 11.058 25 12.76 25 14s-.27 2.942-1.148 4.368C22.938 19.852 21.382 21 19 21a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C21.562 9.727 20.618 9 19 9a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1c1.048 0 1.772.523 2.185 1.195.378.613.482 1.314.482 1.805s-.104 1.192-.482 1.805C20.772 16.477 20.048 17 19 17a1 1 0 1 1 0-2 .6.6 0 0 0 .315-.069.5.5 0 0 0 .167-.174c.122-.199.185-.498.185-.757s-.063-.558-.185-.757a.5.5 0 0 0-.167-.174A.6.6 0 0 0 19 13a1 1 0 0 1-1-1"
+})));
+VolumeIcon28.displayName = 'VolumeIcon28';
 const VolumeIcon = /*#__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 20V4L7 9H3v6h4l6 5zm4.5-7.956a3.975 3.975 0 00-2.5-3.63v7.259a3.975 3.975 0 002.5-3.63zm.749 3.647a5.864 5.864 0 001.251-3.65 6.17 6.17 0 00-4.506-5.83v-2a7.816 7.816 0 016.506 7.73A8.015 8.015 0 0115 19.77v-1.996a5.865 5.865 0 003.249-2.082z"
-  }));
+  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(VolumeIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(VolumeIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(VolumeIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(VolumeIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(VolumeIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(VolumeIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(VolumeIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(VolumeIcon28, mainProps);
 });
+VolumeIcon.displayName = 'VolumeIcon';
 VolumeIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-VolumeIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default VolumeIcon;
 //# sourceMappingURL=volume.js.map

package/lib/volume.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","VolumeIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["volume.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 VolumeIcon = 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 20V4L7 9H3v6h4l6 5zm4.5-7.956a3.975 3.975 0 00-2.5-3.63v7.259a3.975 3.975 0 002.5-3.63zm.749 3.647a5.864 5.864 0 001.251-3.65 6.17 6.17 0 00-4.506-5.83v-2a7.816 7.816 0 016.506 7.73A8.015 8.015 0 0115 19.77v-1.996a5.865 5.865 0 003.249-2.082z\" /></svg>)}\n);\n\nVolumeIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nVolumeIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default VolumeIcon;"],"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;AAAyY,CADxa,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":"volume.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","VolumeIcon16","forwardRef","props","ref","displayName","VolumeIcon20","VolumeIcon24","VolumeIcon28","VolumeIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["volume.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 VolumeIcon16 = 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.162zM9.833 3a.5.5 0 0 1 .5-.5c1.858 0 3.053.887 3.76 2.035C14.78 5.655 15 7.005 15 8c0 .996-.219 2.346-.908 3.465-.706 1.149-1.901 2.035-3.759 2.035a.5.5 0 0 1 0-1c1.476 0 2.364-.676 2.908-1.559C13.8 10.03 14 8.88 14 8s-.198-2.03-.76-2.941c-.543-.883-1.43-1.559-2.907-1.559a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1c.476 0 .74.207.908.48.186.303.259.703.259 1.02s-.073.717-.26 1.02c-.168.273-.43.48-.907.48a.5.5 0 0 0 0 1c.858 0 1.428-.418 1.76-.957.313-.51.407-1.11.407-1.543s-.094-1.033-.408-1.543c-.331-.54-.901-.957-1.759-.957\" /></svg>));\nVolumeIcon16.displayName = 'VolumeIcon16';\nconst VolumeIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11 16.945c0 1.393-1.733 2.034-2.639.976L5.15 14.175A.5.5 0 0 0 4.77 14H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h.77a.5.5 0 0 0 .38-.175L8.36 2.08c.907-1.06 2.64-.418 2.64.975zM12.25 5a.75.75 0 0 1 .75-.75c1.953 0 3.225.94 3.972 2.154.72 1.171.945 2.571.945 3.596s-.224 2.425-.945 3.596c-.747 1.215-2.02 2.154-3.972 2.154a.75.75 0 0 1 0-1.5c1.38 0 2.192-.623 2.695-1.44.529-.86.722-1.96.722-2.81s-.193-1.95-.723-2.81C15.192 6.373 14.38 5.75 13 5.75a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75c.953 0 1.6.47 1.972 1.076.346.562.445 1.212.445 1.674s-.1 1.113-.445 1.674c-.372.606-1.02 1.076-1.972 1.076a.75.75 0 0 1 0-1.5c.38 0 .567-.155.695-.362.154-.25.222-.6.222-.888s-.068-.638-.222-.888c-.128-.207-.315-.362-.695-.362a.75.75 0 0 1-.75-.75\" /></svg>));\nVolumeIcon20.displayName = 'VolumeIcon20';\nconst VolumeIcon24 = 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.146zM15 6a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C21.729 9.058 22 10.76 22 12s-.27 2.942-1.148 4.368C19.938 17.852 18.382 19 16 19a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C18.562 7.727 17.618 7 16 7a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2 .6.6 0 0 1 .315.069.5.5 0 0 1 .167.174c.122.199.185.498.185.757s-.063.558-.185.757a.5.5 0 0 1-.167.174A.6.6 0 0 1 16 13a1 1 0 1 0 0 2c1.048 0 1.772-.523 2.185-1.195.378-.613.482-1.314.482-1.805s-.104-1.192-.482-1.805C17.772 9.523 17.048 9 16 9\" /></svg>));\nVolumeIcon24.displayName = 'VolumeIcon24';\nconst VolumeIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M16 22.546c0 1.726-2.039 2.642-3.329 1.495l-5.529-4.915A.5.5 0 0 0 6.81 19H6a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h.81a.5.5 0 0 0 .332-.126l5.53-4.915C13.961 2.812 16 3.728 16 5.454zM18 8a1 1 0 0 1 1-1c2.382 0 3.938 1.148 4.852 2.632C24.729 11.058 25 12.76 25 14s-.27 2.942-1.148 4.368C22.938 19.852 21.382 21 19 21a1 1 0 1 1 0-2c1.618 0 2.562-.727 3.148-1.68.623-1.012.852-2.311.852-3.32s-.23-2.308-.852-3.32C21.562 9.727 20.618 9 19 9a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1c1.048 0 1.772.523 2.185 1.195.378.613.482 1.314.482 1.805s-.104 1.192-.482 1.805C20.772 16.477 20.048 17 19 17a1 1 0 1 1 0-2 .6.6 0 0 0 .315-.069.5.5 0 0 0 .167-.174c.122-.199.185-.498.185-.757s-.063-.558-.185-.757a.5.5 0 0 0-.167-.174A.6.6 0 0 0 19 13a1 1 0 0 1-1-1\" /></svg>));\nVolumeIcon28.displayName = 'VolumeIcon28';\n\nconst VolumeIcon = 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}><VolumeIcon16 className={styles.variant16} />\n<VolumeIcon20 className={styles.variant20} />\n<VolumeIcon24 className={styles.variant24} />\n<VolumeIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<VolumeIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<VolumeIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<VolumeIcon24 {...mainProps} />); }\nreturn (<VolumeIcon28 {...mainProps} />);\n  }\n);\nVolumeIcon.displayName = 'VolumeIcon';\nVolumeIcon.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 VolumeIcon;"],"mappings":"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"}

package/lib/warning-outline.d.ts

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

package/lib/warning-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 WarningOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4m-6.724 6.863L6.303 1.99C7.05.67 8.949.67 9.696 1.989l5.027 8.874c.793 1.4-.218 3.137-1.827 3.137H3.103c-1.609 0-2.62-1.736-1.827-3.137m.87.493A1.1 1.1 0 0 0 3.103 13h9.793a1.1 1.1 0 0 0 .957-1.644L8.826 2.482a.95.95 0 0 0-1.653 0z"
+})));
+WarningOutlineIcon16.displayName = 'WarningOutlineIcon16';
+const WarningOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 5.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V6.5a.75.75 0 0 1 .75-.75M9 13.5a1 1 0 1 0 2 0 1 1 0 0 0-2 0M8.042 3.141l-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0m1.306.74a.75.75 0 0 1 1.304 0l5.8 10.24a.924.924 0 0 1-.803 1.379H4.35a.924.924 0 0 1-.803-1.38z"
+})));
+WarningOutlineIcon20.displayName = 'WarningOutlineIcon20';
+const WarningOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1.5 9.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M9.52 3.446l-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0m1.74.985a.85.85 0 0 1 1.48 0l7.346 12.97a1.07 1.07 0 0 1-.93 1.599H4.844a1.07 1.07 0 0 1-.93-1.599z"
+})));
+WarningOutlineIcon24.displayName = 'WarningOutlineIcon24';
+const WarningOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m-1.5 10.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0m1.74.985a1.15 1.15 0 0 1 2 0l8.12 14.336A1.394 1.394 0 0 1 21.91 22H6.09a1.394 1.394 0 0 1-1.21-2.081z"
+})));
+WarningOutlineIcon28.displayName = 'WarningOutlineIcon28';
+const WarningOutlineIcon = /*#__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(WarningOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(WarningOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(WarningOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(WarningOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(WarningOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(WarningOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(WarningOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(WarningOutlineIcon28, mainProps);
+});
+WarningOutlineIcon.displayName = 'WarningOutlineIcon';
+WarningOutlineIcon.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 WarningOutlineIcon;
+//# sourceMappingURL=warning-outline.js.map

package/lib/warning-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WarningOutlineIcon16","forwardRef","props","ref","displayName","WarningOutlineIcon20","WarningOutlineIcon24","WarningOutlineIcon28","WarningOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["warning-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 WarningOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4m-6.724 6.863L6.303 1.99C7.05.67 8.949.67 9.696 1.989l5.027 8.874c.793 1.4-.218 3.137-1.827 3.137H3.103c-1.609 0-2.62-1.736-1.827-3.137m.87.493A1.1 1.1 0 0 0 3.103 13h9.793a1.1 1.1 0 0 0 .957-1.644L8.826 2.482a.95.95 0 0 0-1.653 0z\" /></svg>));\nWarningOutlineIcon16.displayName = 'WarningOutlineIcon16';\nconst WarningOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 5.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V6.5a.75.75 0 0 1 .75-.75M9 13.5a1 1 0 1 0 2 0 1 1 0 0 0-2 0M8.042 3.141l-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0m1.306.74a.75.75 0 0 1 1.304 0l5.8 10.24a.924.924 0 0 1-.803 1.379H4.35a.924.924 0 0 1-.803-1.38z\" /></svg>));\nWarningOutlineIcon20.displayName = 'WarningOutlineIcon20';\nconst WarningOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1.5 9.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M9.52 3.446l-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0m1.74.985a.85.85 0 0 1 1.48 0l7.346 12.97a1.07 1.07 0 0 1-.93 1.599H4.844a1.07 1.07 0 0 1-.93-1.599z\" /></svg>));\nWarningOutlineIcon24.displayName = 'WarningOutlineIcon24';\nconst WarningOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m-1.5 10.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0m1.74.985a1.15 1.15 0 0 1 2 0l8.12 14.336A1.394 1.394 0 0 1 21.91 22H6.09a1.394 1.394 0 0 1-1.21-2.081z\" /></svg>));\nWarningOutlineIcon28.displayName = 'WarningOutlineIcon28';\n\nconst WarningOutlineIcon = 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}><WarningOutlineIcon16 className={styles.variant16} />\n<WarningOutlineIcon20 className={styles.variant20} />\n<WarningOutlineIcon24 className={styles.variant24} />\n<WarningOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<WarningOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<WarningOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<WarningOutlineIcon24 {...mainProps} />); }\nreturn (<WarningOutlineIcon28 {...mainProps} />);\n  }\n);\nWarningOutlineIcon.displayName = 'WarningOutlineIcon';\nWarningOutlineIcon.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 WarningOutlineIcon;"],"mappings":"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"}

package/lib/warning.d.ts

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