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

package/lib/wi-fi-outline.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const WiFiOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8 3.33a9 9 0 0 0-6.353 2.627.5.5 0 0 0 .706.708 7.995 7.995 0 0 1 11.294 0 .5.5 0 1 0 .706-.708A9 9 0 0 0 8 3.33M4.73 9.192a4.96 4.96 0 0 1 6.54 0 .5.5 0 1 0 .66-.751 5.96 5.96 0 0 0-7.86-.001.5.5 0 0 0 .66.752m3.265 1.316a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693"
+}));
+
+const WiFiOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M9.999 4.703a10.66 10.66 0 0 0-7.53 3.114.75.75 0 1 0 1.058 1.063 9.16 9.16 0 0 1 12.942 0 .75.75 0 1 0 1.06-1.062 10.66 10.66 0 0 0-7.531-3.114m-3.704 7.131a5.62 5.62 0 0 1 7.411 0 .75.75 0 1 0 .99-1.127 7.12 7.12 0 0 0-9.39-.001.75.75 0 1 0 .99 1.128m3.7 1.201a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87"
+}));
+
+const WiFiOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12 5.684c-3.64 0-7.13 1.443-9.706 4.014a1 1 0 1 0 1.412 1.416 11.743 11.743 0 0 1 16.588 0 1 1 0 1 0 1.412-1.416A13.74 13.74 0 0 0 12 5.684m-4.74 9.23a7.19 7.19 0 0 1 9.48.001 1 1 0 1 0 1.32-1.503 9.19 9.19 0 0 0-12.118-.001 1 1 0 1 0 1.319 1.503m4.732 1.826a3.85 3.85 0 0 0-2 .552c-.429.258-.427.844-.072 1.197l1.397 1.392a.964.964 0 0 0 1.361 0l1.383-1.377c.352-.351.356-.933-.068-1.194a3.85 3.85 0 0 0-2.001-.57"
+}));
+
+const WiFiOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M14 6.453a15.16 15.16 0 0 0-10.708 4.428 1 1 0 0 0 1.412 1.416 13.16 13.16 0 0 1 18.59 0 1 1 0 0 0 1.412-1.416A15.16 15.16 0 0 0 14 6.453M8.66 16.516a8.1 8.1 0 0 1 10.68 0 1 1 0 0 0 1.32-1.503 10.1 10.1 0 0 0-13.32-.001 1 1 0 0 0 1.32 1.503m7.555 2.746a4.28 4.28 0 0 0-4.446-.02c-.476.287-.475.938-.08 1.33l1.553 1.547a1.07 1.07 0 0 0 1.512 0l1.536-1.53c.392-.39.396-1.037-.075-1.327"
+}));
+
 const WiFiOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8 3.33a9 9 0 0 0-6.353 2.627.5.5 0 0 0 .706.708 7.995 7.995 0 0 1 11.294 0 .5.5 0 1 0 .706-.708A9 9 0 0 0 8 3.33"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M4.73 9.192a4.96 4.96 0 0 1 6.54 0 .5.5 0 1 0 .66-.751 5.96 5.96 0 0 0-7.86-.001.5.5 0 0 0 .66.752m3.265 1.316a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(WiFiOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(WiFiOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(WiFiOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(WiFiOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(WiFiOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M9.999 4.703a10.66 10.66 0 0 0-7.53 3.114.75.75 0 1 0 1.058 1.063 9.16 9.16 0 0 1 12.942 0 .75.75 0 1 0 1.06-1.062 10.66 10.66 0 0 0-7.531-3.114"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M6.294 11.835a5.62 5.62 0 0 1 7.411 0 .75.75 0 1 0 .99-1.127 7.12 7.12 0 0 0-9.39-.001.75.75 0 1 0 .99 1.128m3.7 1.201a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87"
-    }));
+    return /*#__PURE__*/React.createElement(WiFiOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 5.684c-3.64 0-7.13 1.443-9.706 4.014a1 1 0 1 0 1.412 1.416 11.743 11.743 0 0 1 16.588 0 1 1 0 1 0 1.412-1.416A13.74 13.74 0 0 0 12 5.684"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M7.26 14.914a7.19 7.19 0 0 1 9.48.001 1 1 0 1 0 1.32-1.503 9.19 9.19 0 0 0-12.118-.001 1 1 0 1 0 1.319 1.503m4.732 1.826a3.85 3.85 0 0 0-2 .552c-.429.258-.427.844-.072 1.197l1.397 1.392a.964.964 0 0 0 1.361 0l1.383-1.377c.352-.351.356-.933-.068-1.194a3.85 3.85 0 0 0-2.001-.57"
-    }));
+    return /*#__PURE__*/React.createElement(WiFiOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 6.453a15.16 15.16 0 0 0-10.708 4.428 1 1 0 0 0 1.412 1.416 13.16 13.16 0 0 1 18.59 0 1 1 0 0 0 1.412-1.416A15.16 15.16 0 0 0 14 6.453"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.66 16.516a8.1 8.1 0 0 1 10.68 0 1 1 0 0 0 1.32-1.503 10.1 10.1 0 0 0-13.32-.001 1 1 0 0 0 1.32 1.503m7.555 2.746a4.28 4.28 0 0 0-4.446-.02c-.476.287-.475.938-.08 1.33l1.553 1.547a1.07 1.07 0 0 0 1.512 0l1.536-1.53c.392-.39.396-1.037-.075-1.327"
-  }));
+  return /*#__PURE__*/React.createElement(WiFiOutlineIcon28, mainProps);
 });
+WiFiOutlineIcon.displayName = 'WiFiOutlineIcon';
 WiFiOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-WiFiOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default WiFiOutlineIcon;
 //# sourceMappingURL=wi-fi-outline.js.map

package/lib/wi-fi-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"wi-fi-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WiFiOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["wi-fi-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst WiFiOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M8 3.33a9 9 0 0 0-6.353 2.627.5.5 0 0 0 .706.708 7.995 7.995 0 0 1 11.294 0 .5.5 0 1 0 .706-.708A9 9 0 0 0 8 3.33\" /><path d=\"M4.73 9.192a4.96 4.96 0 0 1 6.54 0 .5.5 0 1 0 .66-.751 5.96 5.96 0 0 0-7.86-.001.5.5 0 0 0 .66.752m3.265 1.316a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M9.999 4.703a10.66 10.66 0 0 0-7.53 3.114.75.75 0 1 0 1.058 1.063 9.16 9.16 0 0 1 12.942 0 .75.75 0 1 0 1.06-1.062 10.66 10.66 0 0 0-7.531-3.114\" /><path d=\"M6.294 11.835a5.62 5.62 0 0 1 7.411 0 .75.75 0 1 0 .99-1.127 7.12 7.12 0 0 0-9.39-.001.75.75 0 1 0 .99 1.128m3.7 1.201a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 5.684c-3.64 0-7.13 1.443-9.706 4.014a1 1 0 1 0 1.412 1.416 11.743 11.743 0 0 1 16.588 0 1 1 0 1 0 1.412-1.416A13.74 13.74 0 0 0 12 5.684\" /><path d=\"M7.26 14.914a7.19 7.19 0 0 1 9.48.001 1 1 0 1 0 1.32-1.503 9.19 9.19 0 0 0-12.118-.001 1 1 0 1 0 1.319 1.503m4.732 1.826a3.85 3.85 0 0 0-2 .552c-.429.258-.427.844-.072 1.197l1.397 1.392a.964.964 0 0 0 1.361 0l1.383-1.377c.352-.351.356-.933-.068-1.194a3.85 3.85 0 0 0-2.001-.57\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M14 6.453a15.16 15.16 0 0 0-10.708 4.428 1 1 0 0 0 1.412 1.416 13.16 13.16 0 0 1 18.59 0 1 1 0 0 0 1.412-1.416A15.16 15.16 0 0 0 14 6.453\" /><path d=\"M8.66 16.516a8.1 8.1 0 0 1 10.68 0 1 1 0 0 0 1.32-1.503 10.1 10.1 0 0 0-13.32-.001 1 1 0 0 0 1.32 1.503m7.555 2.746a4.28 4.28 0 0 0-4.446-.02c-.476.287-.475.938-.08 1.33l1.553 1.547a1.07 1.07 0 0 0 1.512 0l1.536-1.53c.392-.39.396-1.037-.075-1.327\" /></svg>);}\n);\n\nWiFiOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nWiFiOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default WiFiOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"wi-fi-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WiFiOutlineIcon16","props","WiFiOutlineIcon20","WiFiOutlineIcon24","WiFiOutlineIcon28","WiFiOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["wi-fi-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst WiFiOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8 3.33a9 9 0 0 0-6.353 2.627.5.5 0 0 0 .706.708 7.995 7.995 0 0 1 11.294 0 .5.5 0 1 0 .706-.708A9 9 0 0 0 8 3.33M4.73 9.192a4.96 4.96 0 0 1 6.54 0 .5.5 0 1 0 .66-.751 5.96 5.96 0 0 0-7.86-.001.5.5 0 0 0 .66.752m3.265 1.316a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693\" /></svg>);\nconst WiFiOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M9.999 4.703a10.66 10.66 0 0 0-7.53 3.114.75.75 0 1 0 1.058 1.063 9.16 9.16 0 0 1 12.942 0 .75.75 0 1 0 1.06-1.062 10.66 10.66 0 0 0-7.531-3.114m-3.704 7.131a5.62 5.62 0 0 1 7.411 0 .75.75 0 1 0 .99-1.127 7.12 7.12 0 0 0-9.39-.001.75.75 0 1 0 .99 1.128m3.7 1.201a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87\" /></svg>);\nconst WiFiOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M12 5.684c-3.64 0-7.13 1.443-9.706 4.014a1 1 0 1 0 1.412 1.416 11.743 11.743 0 0 1 16.588 0 1 1 0 1 0 1.412-1.416A13.74 13.74 0 0 0 12 5.684m-4.74 9.23a7.19 7.19 0 0 1 9.48.001 1 1 0 1 0 1.32-1.503 9.19 9.19 0 0 0-12.118-.001 1 1 0 1 0 1.319 1.503m4.732 1.826a3.85 3.85 0 0 0-2 .552c-.429.258-.427.844-.072 1.197l1.397 1.392a.964.964 0 0 0 1.361 0l1.383-1.377c.352-.351.356-.933-.068-1.194a3.85 3.85 0 0 0-2.001-.57\" /></svg>);\nconst WiFiOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M14 6.453a15.16 15.16 0 0 0-10.708 4.428 1 1 0 0 0 1.412 1.416 13.16 13.16 0 0 1 18.59 0 1 1 0 0 0 1.412-1.416A15.16 15.16 0 0 0 14 6.453M8.66 16.516a8.1 8.1 0 0 1 10.68 0 1 1 0 0 0 1.32-1.503 10.1 10.1 0 0 0-13.32-.001 1 1 0 0 0 1.32 1.503m7.555 2.746a4.28 4.28 0 0 0-4.446-.02c-.476.287-.475.938-.08 1.33l1.553 1.547a1.07 1.07 0 0 0 1.512 0l1.536-1.53c.392-.39.396-1.037-.075-1.327\" /></svg>);\n\nconst WiFiOutlineIcon = 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}><WiFiOutlineIcon16 className={styles.variant16} />\n<WiFiOutlineIcon20 className={styles.variant20} />\n<WiFiOutlineIcon24 className={styles.variant24} />\n<WiFiOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<WiFiOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<WiFiOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<WiFiOutlineIcon24 {...mainProps} />); }\nreturn (<WiFiOutlineIcon28 {...mainProps} />);\n  }\n);\nWiFiOutlineIcon.displayName = 'WiFiOutlineIcon';\nWiFiOutlineIcon.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 WiFiOutlineIcon;"],"mappings":"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"}

package/lib/wi-fi.d.ts

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

package/lib/wi-fi.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const WiFiIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8 3.08a9.24 9.24 0 0 0-6.53 2.7.75.75 0 1 0 1.06 1.062 7.745 7.745 0 0 1 10.94 0 .75.75 0 1 0 1.06-1.062A9.24 9.24 0 0 0 8 3.08m-3.105 6.3a4.71 4.71 0 0 1 6.21 0 .75.75 0 1 0 .99-1.127 6.21 6.21 0 0 0-8.189 0 .75.75 0 0 0 .99 1.127m3.099 1.128a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693"
+}));
+
+const WiFiIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M2.292 7.64a10.91 10.91 0 0 1 15.414 0 1 1 0 1 1-1.412 1.416 8.91 8.91 0 0 0-12.59 0A1 1 0 1 1 2.292 7.64M10 10.69a5.37 5.37 0 0 0-3.541 1.333 1 1 0 1 1-1.319-1.504 7.37 7.37 0 0 1 9.72.001 1 1 0 0 1-1.32 1.503A5.37 5.37 0 0 0 10 10.69m-.005 2.346a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87"
+}));
+
+const WiFiIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12 5.184c-3.772 0-7.39 1.496-10.06 4.16a1.5 1.5 0 1 0 2.12 2.124 11.243 11.243 0 0 1 15.88 0 1.5 1.5 0 1 0 2.12-2.124A14.24 14.24 0 0 0 12 5.184M7.59 15.29a6.69 6.69 0 0 1 8.82.001 1.5 1.5 0 0 0 1.98-2.255 9.69 9.69 0 0 0-12.778-.001A1.5 1.5 0 1 0 7.59 15.29m4.405.95a4.35 4.35 0 0 0-2.26.624c-.78.47-.688 1.46-.167 1.979l1.397 1.392c.572.57 1.496.57 2.067 0l1.383-1.377c.518-.516.612-1.5-.16-1.974a4.35 4.35 0 0 0-2.26-.643"
+}));
+
+const WiFiIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M14 5.953a15.66 15.66 0 0 0-11.061 4.574 1.5 1.5 0 1 0 2.118 2.124 12.66 12.66 0 0 1 17.884 0 1.5 1.5 0 1 0 2.119-2.124A15.66 15.66 0 0 0 14 5.953M8.99 16.891a7.6 7.6 0 0 1 10.02.002 1.5 1.5 0 1 0 1.98-2.256 10.6 10.6 0 0 0-13.98-.001 1.5 1.5 0 0 0 1.98 2.255m5.005.738a5.3 5.3 0 0 0-2.742.755c-1.18.71-.997 2.172-.27 2.896l1.603 1.597a2 2 0 0 0 2.823 0l1.587-1.58c.723-.721.908-2.172-.258-2.888a5.3 5.3 0 0 0-2.743-.78"
+}));
+
 const WiFiIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8 3.08a9.24 9.24 0 0 0-6.53 2.7.75.75 0 1 0 1.06 1.062 7.745 7.745 0 0 1 10.94 0 .75.75 0 1 0 1.06-1.062A9.24 9.24 0 0 0 8 3.08"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M4.895 9.38a4.71 4.71 0 0 1 6.21 0 .75.75 0 1 0 .99-1.127 6.21 6.21 0 0 0-8.189 0 .75.75 0 0 0 .99 1.127m3.099 1.128a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(WiFiIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(WiFiIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(WiFiIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(WiFiIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(WiFiIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M2.292 7.64a10.91 10.91 0 0 1 15.414 0 1 1 0 1 1-1.412 1.416 8.91 8.91 0 0 0-12.59 0A1 1 0 1 1 2.292 7.64"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10 10.69a5.37 5.37 0 0 0-3.541 1.333 1 1 0 1 1-1.319-1.504 7.37 7.37 0 0 1 9.72.001 1 1 0 0 1-1.32 1.503A5.37 5.37 0 0 0 10 10.69m-.005 2.346a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87"
-    }));
+    return /*#__PURE__*/React.createElement(WiFiIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 5.184c-3.772 0-7.39 1.496-10.06 4.16a1.5 1.5 0 1 0 2.12 2.124 11.243 11.243 0 0 1 15.88 0 1.5 1.5 0 1 0 2.12-2.124A14.24 14.24 0 0 0 12 5.184"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M7.59 15.29a6.69 6.69 0 0 1 8.82.001 1.5 1.5 0 0 0 1.98-2.255 9.69 9.69 0 0 0-12.778-.001A1.5 1.5 0 1 0 7.59 15.29m4.405.95a4.35 4.35 0 0 0-2.26.624c-.78.47-.688 1.46-.167 1.979l1.397 1.392c.572.57 1.496.57 2.067 0l1.383-1.377c.518-.516.612-1.5-.16-1.974a4.35 4.35 0 0 0-2.26-.643"
-    }));
+    return /*#__PURE__*/React.createElement(WiFiIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 5.953a15.66 15.66 0 0 0-11.061 4.574 1.5 1.5 0 1 0 2.118 2.124 12.66 12.66 0 0 1 17.884 0 1.5 1.5 0 1 0 2.119-2.124A15.66 15.66 0 0 0 14 5.953"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.99 16.891a7.6 7.6 0 0 1 10.02.002 1.5 1.5 0 1 0 1.98-2.256 10.6 10.6 0 0 0-13.98-.001 1.5 1.5 0 0 0 1.98 2.255m5.005.738a5.3 5.3 0 0 0-2.742.755c-1.18.71-.997 2.172-.27 2.896l1.603 1.597a2 2 0 0 0 2.823 0l1.587-1.58c.723-.721.908-2.172-.258-2.888a5.3 5.3 0 0 0-2.743-.78"
-  }));
+  return /*#__PURE__*/React.createElement(WiFiIcon28, mainProps);
 });
+WiFiIcon.displayName = 'WiFiIcon';
 WiFiIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-WiFiIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default WiFiIcon;
 //# sourceMappingURL=wi-fi.js.map

package/lib/wi-fi.js.map

@@ -1 +1 @@
-{"version":3,"file":"wi-fi.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WiFiIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["wi-fi.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 WiFiIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M8 3.08a9.24 9.24 0 0 0-6.53 2.7.75.75 0 1 0 1.06 1.062 7.745 7.745 0 0 1 10.94 0 .75.75 0 1 0 1.06-1.062A9.24 9.24 0 0 0 8 3.08\" /><path d=\"M4.895 9.38a4.71 4.71 0 0 1 6.21 0 .75.75 0 1 0 .99-1.127 6.21 6.21 0 0 0-8.189 0 .75.75 0 0 0 .99 1.127m3.099 1.128a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M2.292 7.64a10.91 10.91 0 0 1 15.414 0 1 1 0 1 1-1.412 1.416 8.91 8.91 0 0 0-12.59 0A1 1 0 1 1 2.292 7.64\" /><path d=\"M10 10.69a5.37 5.37 0 0 0-3.541 1.333 1 1 0 1 1-1.319-1.504 7.37 7.37 0 0 1 9.72.001 1 1 0 0 1-1.32 1.503A5.37 5.37 0 0 0 10 10.69m-.005 2.346a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 5.184c-3.772 0-7.39 1.496-10.06 4.16a1.5 1.5 0 1 0 2.12 2.124 11.243 11.243 0 0 1 15.88 0 1.5 1.5 0 1 0 2.12-2.124A14.24 14.24 0 0 0 12 5.184\" /><path d=\"M7.59 15.29a6.69 6.69 0 0 1 8.82.001 1.5 1.5 0 0 0 1.98-2.255 9.69 9.69 0 0 0-12.778-.001A1.5 1.5 0 1 0 7.59 15.29m4.405.95a4.35 4.35 0 0 0-2.26.624c-.78.47-.688 1.46-.167 1.979l1.397 1.392c.572.57 1.496.57 2.067 0l1.383-1.377c.518-.516.612-1.5-.16-1.974a4.35 4.35 0 0 0-2.26-.643\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M14 5.953a15.66 15.66 0 0 0-11.061 4.574 1.5 1.5 0 1 0 2.118 2.124 12.66 12.66 0 0 1 17.884 0 1.5 1.5 0 1 0 2.119-2.124A15.66 15.66 0 0 0 14 5.953\" /><path d=\"M8.99 16.891a7.6 7.6 0 0 1 10.02.002 1.5 1.5 0 1 0 1.98-2.256 10.6 10.6 0 0 0-13.98-.001 1.5 1.5 0 0 0 1.98 2.255m5.005.738a5.3 5.3 0 0 0-2.742.755c-1.18.71-.997 2.172-.27 2.896l1.603 1.597a2 2 0 0 0 2.823 0l1.587-1.58c.723-.721.908-2.172-.258-2.888a5.3 5.3 0 0 0-2.743-.78\" /></svg>);}\n);\n\nWiFiIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nWiFiIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default WiFiIcon;"],"mappings":"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"}
+{"version":3,"file":"wi-fi.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WiFiIcon16","props","WiFiIcon20","WiFiIcon24","WiFiIcon28","WiFiIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["wi-fi.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 WiFiIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8 3.08a9.24 9.24 0 0 0-6.53 2.7.75.75 0 1 0 1.06 1.062 7.745 7.745 0 0 1 10.94 0 .75.75 0 1 0 1.06-1.062A9.24 9.24 0 0 0 8 3.08m-3.105 6.3a4.71 4.71 0 0 1 6.21 0 .75.75 0 1 0 .99-1.127 6.21 6.21 0 0 0-8.189 0 .75.75 0 0 0 .99 1.127m3.099 1.128a2.37 2.37 0 0 0-1.67.68.25.25 0 0 0 0 .356l1.122 1.118a.78.78 0 0 0 1.101 0l1.111-1.107a.25.25 0 0 0 0-.354 2.37 2.37 0 0 0-1.664-.693\" /></svg>);\nconst WiFiIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M2.292 7.64a10.91 10.91 0 0 1 15.414 0 1 1 0 1 1-1.412 1.416 8.91 8.91 0 0 0-12.59 0A1 1 0 1 1 2.292 7.64M10 10.69a5.37 5.37 0 0 0-3.541 1.333 1 1 0 1 1-1.319-1.504 7.37 7.37 0 0 1 9.72.001 1 1 0 0 1-1.32 1.503A5.37 5.37 0 0 0 10 10.69m-.005 2.346a2.97 2.97 0 0 0-2.096.854.5.5 0 0 0-.002.71l1.31 1.306a1.12 1.12 0 0 0 1.579 0l1.297-1.292a.5.5 0 0 0 0-.708 2.97 2.97 0 0 0-2.088-.87\" /></svg>);\nconst WiFiIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M12 5.184c-3.772 0-7.39 1.496-10.06 4.16a1.5 1.5 0 1 0 2.12 2.124 11.243 11.243 0 0 1 15.88 0 1.5 1.5 0 1 0 2.12-2.124A14.24 14.24 0 0 0 12 5.184M7.59 15.29a6.69 6.69 0 0 1 8.82.001 1.5 1.5 0 0 0 1.98-2.255 9.69 9.69 0 0 0-12.778-.001A1.5 1.5 0 1 0 7.59 15.29m4.405.95a4.35 4.35 0 0 0-2.26.624c-.78.47-.688 1.46-.167 1.979l1.397 1.392c.572.57 1.496.57 2.067 0l1.383-1.377c.518-.516.612-1.5-.16-1.974a4.35 4.35 0 0 0-2.26-.643\" /></svg>);\nconst WiFiIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M14 5.953a15.66 15.66 0 0 0-11.061 4.574 1.5 1.5 0 1 0 2.118 2.124 12.66 12.66 0 0 1 17.884 0 1.5 1.5 0 1 0 2.119-2.124A15.66 15.66 0 0 0 14 5.953M8.99 16.891a7.6 7.6 0 0 1 10.02.002 1.5 1.5 0 1 0 1.98-2.256 10.6 10.6 0 0 0-13.98-.001 1.5 1.5 0 0 0 1.98 2.255m5.005.738a5.3 5.3 0 0 0-2.742.755c-1.18.71-.997 2.172-.27 2.896l1.603 1.597a2 2 0 0 0 2.823 0l1.587-1.58c.723-.721.908-2.172-.258-2.888a5.3 5.3 0 0 0-2.743-.78\" /></svg>);\n\nconst WiFiIcon = 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}><WiFiIcon16 className={styles.variant16} />\n<WiFiIcon20 className={styles.variant20} />\n<WiFiIcon24 className={styles.variant24} />\n<WiFiIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<WiFiIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<WiFiIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<WiFiIcon24 {...mainProps} />); }\nreturn (<WiFiIcon28 {...mainProps} />);\n  }\n);\nWiFiIcon.displayName = 'WiFiIcon';\nWiFiIcon.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 WiFiIcon;"],"mappings":"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"}

package/lib/win-outline.d.ts

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

package/lib/win-outline.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const WinOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5.008 2h5.984c.554 0 1.003.447 1.008 1h1.923C14.518 3 15 3.482 15 4.077c0 2.323-1.61 4.27-3.774 4.788A4 4 0 0 1 9 10.374V13h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-2.626a4 4 0 0 1-2.226-1.509A4.925 4.925 0 0 1 1 4.077C1 3.482 1.482 3 2.077 3H4c.005-.553.454-1 1.008-1m5.984 1H5.006l-.004.002L5 3.005V6.5a3 3 0 0 0 6 0V3.006l-.002-.004L10.995 3zm.862 4.575A3.92 3.92 0 0 0 14 4.077.077.077 0 0 0 13.923 4H12v2.5q-.001.56-.146 1.075m-7.708 0A4 4 0 0 1 4 6.5V4H2.077A.077.077 0 0 0 2 4.077c0 1.527.873 2.85 2.146 3.498"
+}));
+
+const WinOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5.542 4c.148-.575.67-1 1.291-1h6.334c.621 0 1.143.425 1.291 1h1.961C17.292 4 18 4.708 18 5.58a5.42 5.42 0 0 1-4.164 5.274A4.5 4.5 0 0 1 11 12.889V16h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H9v-3.111a4.5 4.5 0 0 1-2.836-2.035A5.42 5.42 0 0 1 2 5.58C2 4.708 2.708 4 3.58 4zM7 8.5a3 3 0 1 0 6 0v-4H7zm-1.5-3H3.58a.08.08 0 0 0-.08.08c0 1.48.82 2.768 2.03 3.435Q5.5 8.76 5.5 8.5zm8.97 3.515A3.92 3.92 0 0 0 16.5 5.58a.08.08 0 0 0-.08-.081H14.5v3q0 .261-.03.515"
+}));
+
+const WinOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8.097 3a2.097 2.097 0 0 0-2.095 2H3.905A1.905 1.905 0 0 0 2 6.905a6.1 6.1 0 0 0 4.715 5.938A6 6 0 0 0 11 15.917V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.083a6 6 0 0 0 4.285-3.074A6.1 6.1 0 0 0 22 6.905 1.905 1.905 0 0 0 20.095 5h-2.097c-.05-1.113-.97-2-2.095-2zm7.806 2c.054 0 .097.043.097.097V10a4 4 0 0 1-8 0V5.097C8 5.043 8.043 5 8.097 5zM4.001 7H6v3q0 .219.015.433A4.1 4.1 0 0 1 4.001 7M20 7a4.1 4.1 0 0 1-2.014 3.433Q18 10.22 18 10V7z"
+}));
+
+const WinOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M9.813 4A2.813 2.813 0 0 0 7 6.813V7H5.455A2.455 2.455 0 0 0 3 9.455a6.55 6.55 0 0 0 5.154 6.397A7 7 0 0 0 13 18.929V22h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.07a7 7 0 0 0 4.846-3.078A6.55 6.55 0 0 0 25 9.455 2.455 2.455 0 0 0 22.546 7H21v-.187A2.813 2.813 0 0 0 18.188 4zm8.375 2c.448 0 .812.364.812.813V12a5 5 0 0 1-10 0V6.813c0-.45.364-.813.813-.813zM5.454 9H7v3q0 .667.12 1.3A4.54 4.54 0 0 1 5 9.455C5 9.204 5.204 9 5.455 9M23 9.455c0 1.618-.846 3.04-2.12 3.845q.12-.633.12-1.3V9h1.546c.25 0 .454.204.454.455"
+}));
+
 const WinOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M5.008 2h5.984c.554 0 1.003.447 1.008 1h1.923C14.518 3 15 3.482 15 4.077c0 2.323-1.61 4.27-3.774 4.788A4 4 0 0 1 9 10.374V13h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-2.626a4 4 0 0 1-2.226-1.509A4.925 4.925 0 0 1 1 4.077C1 3.482 1.482 3 2.077 3H4c.005-.553.454-1 1.008-1m5.984 1H5.006l-.004.002L5 3.005V6.5a3 3 0 0 0 6 0V3.006l-.002-.004L10.995 3zm.862 4.575A3.92 3.92 0 0 0 14 4.077.077.077 0 0 0 13.923 4H12v2.5q-.001.56-.146 1.075m-7.708 0A4 4 0 0 1 4 6.5V4H2.077A.077.077 0 0 0 2 4.077c0 1.527.873 2.85 2.146 3.498"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(WinOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(WinOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(WinOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(WinOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(WinOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M5.542 4c.148-.575.67-1 1.291-1h6.334c.621 0 1.143.425 1.291 1h1.961C17.292 4 18 4.708 18 5.58a5.42 5.42 0 0 1-4.164 5.274A4.5 4.5 0 0 1 11 12.889V16h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H9v-3.111a4.5 4.5 0 0 1-2.836-2.035A5.42 5.42 0 0 1 2 5.58C2 4.708 2.708 4 3.58 4zM7 8.5a3 3 0 1 0 6 0v-4H7zm-1.5-3H3.58a.08.08 0 0 0-.08.08c0 1.48.82 2.768 2.03 3.435Q5.5 8.76 5.5 8.5zm8.97 3.515A3.92 3.92 0 0 0 16.5 5.58a.08.08 0 0 0-.08-.081H14.5v3q0 .261-.03.515"
-    }));
+    return /*#__PURE__*/React.createElement(WinOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8.097 3a2.097 2.097 0 0 0-2.095 2H3.905A1.905 1.905 0 0 0 2 6.905a6.1 6.1 0 0 0 4.715 5.938A6 6 0 0 0 11 15.917V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.083a6 6 0 0 0 4.285-3.074A6.1 6.1 0 0 0 22 6.905 1.905 1.905 0 0 0 20.095 5h-2.097c-.05-1.113-.97-2-2.095-2zm7.806 2c.054 0 .097.043.097.097V10a4 4 0 0 1-8 0V5.097C8 5.043 8.043 5 8.097 5zM4.001 7H6v3q0 .219.015.433A4.1 4.1 0 0 1 4.001 7M20 7a4.1 4.1 0 0 1-2.014 3.433Q18 10.22 18 10V7z"
-    }));
+    return /*#__PURE__*/React.createElement(WinOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.813 4A2.813 2.813 0 0 0 7 6.813V7H5.455A2.455 2.455 0 0 0 3 9.455a6.55 6.55 0 0 0 5.154 6.397A7 7 0 0 0 13 18.929V22h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.07a7 7 0 0 0 4.846-3.078A6.55 6.55 0 0 0 25 9.455 2.455 2.455 0 0 0 22.546 7H21v-.187A2.813 2.813 0 0 0 18.188 4zm8.375 2c.448 0 .812.364.812.813V12a5 5 0 0 1-10 0V6.813c0-.45.364-.813.813-.813zM5.454 9H7v3q0 .667.12 1.3A4.54 4.54 0 0 1 5 9.455C5 9.204 5.204 9 5.455 9M23 9.455c0 1.618-.846 3.04-2.12 3.845q.12-.633.12-1.3V9h1.546c.25 0 .454.204.454.455"
-  }));
+  return /*#__PURE__*/React.createElement(WinOutlineIcon28, mainProps);
 });
+WinOutlineIcon.displayName = 'WinOutlineIcon';
 WinOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-WinOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default WinOutlineIcon;
 //# sourceMappingURL=win-outline.js.map

package/lib/win-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"win-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WinOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["win-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst WinOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5.008 2h5.984c.554 0 1.003.447 1.008 1h1.923C14.518 3 15 3.482 15 4.077c0 2.323-1.61 4.27-3.774 4.788A4 4 0 0 1 9 10.374V13h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-2.626a4 4 0 0 1-2.226-1.509A4.925 4.925 0 0 1 1 4.077C1 3.482 1.482 3 2.077 3H4c.005-.553.454-1 1.008-1m5.984 1H5.006l-.004.002L5 3.005V6.5a3 3 0 0 0 6 0V3.006l-.002-.004L10.995 3zm.862 4.575A3.92 3.92 0 0 0 14 4.077.077.077 0 0 0 13.923 4H12v2.5q-.001.56-.146 1.075m-7.708 0A4 4 0 0 1 4 6.5V4H2.077A.077.077 0 0 0 2 4.077c0 1.527.873 2.85 2.146 3.498\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5.542 4c.148-.575.67-1 1.291-1h6.334c.621 0 1.143.425 1.291 1h1.961C17.292 4 18 4.708 18 5.58a5.42 5.42 0 0 1-4.164 5.274A4.5 4.5 0 0 1 11 12.889V16h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H9v-3.111a4.5 4.5 0 0 1-2.836-2.035A5.42 5.42 0 0 1 2 5.58C2 4.708 2.708 4 3.58 4zM7 8.5a3 3 0 1 0 6 0v-4H7zm-1.5-3H3.58a.08.08 0 0 0-.08.08c0 1.48.82 2.768 2.03 3.435Q5.5 8.76 5.5 8.5zm8.97 3.515A3.92 3.92 0 0 0 16.5 5.58a.08.08 0 0 0-.08-.081H14.5v3q0 .261-.03.515\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M8.097 3a2.097 2.097 0 0 0-2.095 2H3.905A1.905 1.905 0 0 0 2 6.905a6.1 6.1 0 0 0 4.715 5.938A6 6 0 0 0 11 15.917V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.083a6 6 0 0 0 4.285-3.074A6.1 6.1 0 0 0 22 6.905 1.905 1.905 0 0 0 20.095 5h-2.097c-.05-1.113-.97-2-2.095-2zm7.806 2c.054 0 .097.043.097.097V10a4 4 0 0 1-8 0V5.097C8 5.043 8.043 5 8.097 5zM4.001 7H6v3q0 .219.015.433A4.1 4.1 0 0 1 4.001 7M20 7a4.1 4.1 0 0 1-2.014 3.433Q18 10.22 18 10V7z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M9.813 4A2.813 2.813 0 0 0 7 6.813V7H5.455A2.455 2.455 0 0 0 3 9.455a6.55 6.55 0 0 0 5.154 6.397A7 7 0 0 0 13 18.929V22h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.07a7 7 0 0 0 4.846-3.078A6.55 6.55 0 0 0 25 9.455 2.455 2.455 0 0 0 22.546 7H21v-.187A2.813 2.813 0 0 0 18.188 4zm8.375 2c.448 0 .812.364.812.813V12a5 5 0 0 1-10 0V6.813c0-.45.364-.813.813-.813zM5.454 9H7v3q0 .667.12 1.3A4.54 4.54 0 0 1 5 9.455C5 9.204 5.204 9 5.455 9M23 9.455c0 1.618-.846 3.04-2.12 3.845q.12-.633.12-1.3V9h1.546c.25 0 .454.204.454.455\" /></svg>);}\n);\n\nWinOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nWinOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default WinOutlineIcon;"],"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,cAAc,gBAAGV,KAAK,CAACW,UAAN,CACrB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAypB;;EACtuB,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAylB;;EACnnB,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA6kB;;EACvmB,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAopB,CAJ7nB,CAAvB;AAOAF,cAAc,CAACQ,SAAf,GAA2B;EACzBH,SAAS,EAAEd,SAAS,CAACkB,MADI;EAEzBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHmB,CAA3B;AAMAV,cAAc,CAACW,YAAf,GAA8B;EAC5BP,IAAI,EAAE;AADsB,CAA9B;AAIA,eAAeJ,cAAf"}
+{"version":3,"file":"win-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","WinOutlineIcon16","props","WinOutlineIcon20","WinOutlineIcon24","WinOutlineIcon28","WinOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["win-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst WinOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M5.008 2h5.984c.554 0 1.003.447 1.008 1h1.923C14.518 3 15 3.482 15 4.077c0 2.323-1.61 4.27-3.774 4.788A4 4 0 0 1 9 10.374V13h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-2.626a4 4 0 0 1-2.226-1.509A4.925 4.925 0 0 1 1 4.077C1 3.482 1.482 3 2.077 3H4c.005-.553.454-1 1.008-1m5.984 1H5.006l-.004.002L5 3.005V6.5a3 3 0 0 0 6 0V3.006l-.002-.004L10.995 3zm.862 4.575A3.92 3.92 0 0 0 14 4.077.077.077 0 0 0 13.923 4H12v2.5q-.001.56-.146 1.075m-7.708 0A4 4 0 0 1 4 6.5V4H2.077A.077.077 0 0 0 2 4.077c0 1.527.873 2.85 2.146 3.498\" /></svg>);\nconst WinOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M5.542 4c.148-.575.67-1 1.291-1h6.334c.621 0 1.143.425 1.291 1h1.961C17.292 4 18 4.708 18 5.58a5.42 5.42 0 0 1-4.164 5.274A4.5 4.5 0 0 1 11 12.889V16h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H9v-3.111a4.5 4.5 0 0 1-2.836-2.035A5.42 5.42 0 0 1 2 5.58C2 4.708 2.708 4 3.58 4zM7 8.5a3 3 0 1 0 6 0v-4H7zm-1.5-3H3.58a.08.08 0 0 0-.08.08c0 1.48.82 2.768 2.03 3.435Q5.5 8.76 5.5 8.5zm8.97 3.515A3.92 3.92 0 0 0 16.5 5.58a.08.08 0 0 0-.08-.081H14.5v3q0 .261-.03.515\" /></svg>);\nconst WinOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M8.097 3a2.097 2.097 0 0 0-2.095 2H3.905A1.905 1.905 0 0 0 2 6.905a6.1 6.1 0 0 0 4.715 5.938A6 6 0 0 0 11 15.917V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.083a6 6 0 0 0 4.285-3.074A6.1 6.1 0 0 0 22 6.905 1.905 1.905 0 0 0 20.095 5h-2.097c-.05-1.113-.97-2-2.095-2zm7.806 2c.054 0 .097.043.097.097V10a4 4 0 0 1-8 0V5.097C8 5.043 8.043 5 8.097 5zM4.001 7H6v3q0 .219.015.433A4.1 4.1 0 0 1 4.001 7M20 7a4.1 4.1 0 0 1-2.014 3.433Q18 10.22 18 10V7z\" /></svg>);\nconst WinOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M9.813 4A2.813 2.813 0 0 0 7 6.813V7H5.455A2.455 2.455 0 0 0 3 9.455a6.55 6.55 0 0 0 5.154 6.397A7 7 0 0 0 13 18.929V22h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.07a7 7 0 0 0 4.846-3.078A6.55 6.55 0 0 0 25 9.455 2.455 2.455 0 0 0 22.546 7H21v-.187A2.813 2.813 0 0 0 18.188 4zm8.375 2c.448 0 .812.364.812.813V12a5 5 0 0 1-10 0V6.813c0-.45.364-.813.813-.813zM5.454 9H7v3q0 .667.12 1.3A4.54 4.54 0 0 1 5 9.455C5 9.204 5.204 9 5.455 9M23 9.455c0 1.618-.846 3.04-2.12 3.845q.12-.633.12-1.3V9h1.546c.25 0 .454.204.454.455\" /></svg>);\n\nconst WinOutlineIcon = 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}><WinOutlineIcon16 className={styles.variant16} />\n<WinOutlineIcon20 className={styles.variant20} />\n<WinOutlineIcon24 className={styles.variant24} />\n<WinOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<WinOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<WinOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<WinOutlineIcon24 {...mainProps} />); }\nreturn (<WinOutlineIcon28 {...mainProps} />);\n  }\n);\nWinOutlineIcon.displayName = 'WinOutlineIcon';\nWinOutlineIcon.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 WinOutlineIcon;"],"mappings":"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"}

package/lib/win.d.ts

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