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

package/lib/google.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const GoogleIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M10.82 4.83c-.733-.688-1.65-1.044-2.68-1.044-1.82 0-3.367 1.228-3.92 2.882-.14.42-.223.866-.223 1.33s.082.91.222 1.331l-.008.007h.008c.554 1.655 2.1 2.883 3.92 2.883.943 0 1.738-.255 2.362-.675a3.23 3.23 0 0 0 1.407-2.106H8.14v-2.71h6.594q.126.686.127 1.431c0 2.132-.764 3.927-2.087 5.15h-.002C11.614 14.376 10.03 15 8.14 15a7 7 0 0 1-6.25-3.857v-.007a6.9 6.9 0 0 1-.751-3.137c0-1.133.273-2.196.75-3.137A6.99 6.99 0 0 1 8.14.998c1.891 0 3.47.694 4.685 1.827z"
+}));
+
+const GoogleIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13.162 6.378c-.837-.785-1.884-1.193-3.062-1.193-2.08 0-3.847 1.404-4.48 3.294v.002c-.16.48-.255.989-.255 1.52 0 .53.095 1.04.255 1.52l-.009.006h.009c.632 1.891 2.4 3.295 4.48 3.295 1.076 0 1.985-.291 2.698-.771a3.7 3.7 0 0 0 1.607-2.407H10.1V8.546h7.534q.144.785.146 1.636c0 2.436-.873 4.487-2.386 5.884C14.072 17.287 12.26 18 10.1 18a7.99 7.99 0 0 1-7.142-4.407v-.008A7.9 7.9 0 0 1 2.1 10c0-1.294.313-2.509.858-3.585C4.275 3.797 6.972 2 10.1 2c2.16 0 3.963.793 5.352 2.087z"
+}));
+
+const GoogleIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M16.027 7.473C14.98 6.49 13.672 5.982 12.2 5.982c-2.6 0-4.809 1.754-5.6 4.117v.001c-.2.6-.318 1.236-.318 1.9s.118 1.3.318 1.9l-.012.01H6.6c.79 2.363 3 4.117 5.6 4.117 1.345 0 2.482-.364 3.372-.963a4.6 4.6 0 0 0 2.01-3.009H12.2v-3.873h9.418c.118.655.182 1.337.182 2.046 0 3.045-1.091 5.609-2.982 7.354C17.163 21.11 14.899 22 12.2 22c-3.91 0-7.282-2.246-8.927-5.51v-.009A9.9 9.9 0 0 1 2.2 12c0-1.618.391-3.136 1.073-4.482C4.918 4.246 8.29 2 12.2 2c2.7 0 4.954.99 6.69 2.609z"
+}));
+
+const GoogleIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M18.41 9.02c-1.15-1.08-2.59-1.64-4.21-1.64-2.86 0-5.29 1.93-6.16 4.529v.001c-.22.66-.35 1.36-.35 2.09s.13 1.43.35 2.09l-.012.01h.012c.87 2.6 3.3 4.53 6.16 4.53 1.48 0 2.73-.4 3.71-1.06 1.17-.78 1.95-1.94 2.21-3.31H14.2V12h10.36c.13.72.2 1.47.2 2.25 0 3.35-1.2 6.17-3.28 8.09C19.66 24.02 17.17 25 14.2 25c-4.3 0-8.01-2.47-9.82-6.06v-.01C3.63 17.45 3.2 15.78 3.2 14s.43-3.45 1.18-4.93C6.19 5.47 9.9 3 14.2 3c2.97 0 5.45 1.09 7.36 2.87z"
+}));
+
 const GoogleIcon = /*#__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: "M10.82 4.83c-.733-.688-1.65-1.044-2.68-1.044-1.82 0-3.367 1.228-3.92 2.882-.14.42-.223.866-.223 1.33s.082.91.222 1.331l-.008.007h.008c.554 1.655 2.1 2.883 3.92 2.883.943 0 1.738-.255 2.362-.675a3.23 3.23 0 0 0 1.407-2.106H8.14v-2.71h6.594q.126.686.127 1.431c0 2.132-.764 3.927-2.087 5.15h-.002C11.614 14.376 10.03 15 8.14 15a7 7 0 0 1-6.25-3.857v-.007a6.9 6.9 0 0 1-.751-3.137c0-1.133.273-2.196.75-3.137A6.99 6.99 0 0 1 8.14.998c1.891 0 3.47.694 4.685 1.827z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(GoogleIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GoogleIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GoogleIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GoogleIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GoogleIcon16, 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: "M13.162 6.378c-.837-.785-1.884-1.193-3.062-1.193-2.08 0-3.847 1.404-4.48 3.294v.002c-.16.48-.255.989-.255 1.52 0 .53.095 1.04.255 1.52l-.009.006h.009c.632 1.891 2.4 3.295 4.48 3.295 1.076 0 1.985-.291 2.698-.771a3.7 3.7 0 0 0 1.607-2.407H10.1V8.546h7.534q.144.785.146 1.636c0 2.436-.873 4.487-2.386 5.884C14.072 17.287 12.26 18 10.1 18a7.99 7.99 0 0 1-7.142-4.407v-.008A7.9 7.9 0 0 1 2.1 10c0-1.294.313-2.509.858-3.585C4.275 3.797 6.972 2 10.1 2c2.16 0 3.963.793 5.352 2.087z"
-    }));
+    return /*#__PURE__*/React.createElement(GoogleIcon20, 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: "M16.027 7.473C14.98 6.49 13.672 5.982 12.2 5.982c-2.6 0-4.809 1.754-5.6 4.117v.001c-.2.6-.318 1.236-.318 1.9s.118 1.3.318 1.9l-.012.01H6.6c.79 2.363 3 4.117 5.6 4.117 1.345 0 2.482-.364 3.372-.963a4.6 4.6 0 0 0 2.01-3.009H12.2v-3.873h9.418c.118.655.182 1.337.182 2.046 0 3.045-1.091 5.609-2.982 7.354C17.163 21.11 14.899 22 12.2 22c-3.91 0-7.282-2.246-8.927-5.51v-.009A9.9 9.9 0 0 1 2.2 12c0-1.618.391-3.136 1.073-4.482C4.918 4.246 8.29 2 12.2 2c2.7 0 4.954.99 6.69 2.609z"
-    }));
+    return /*#__PURE__*/React.createElement(GoogleIcon24, 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: "M18.41 9.02c-1.15-1.08-2.59-1.64-4.21-1.64-2.86 0-5.29 1.93-6.16 4.529v.001c-.22.66-.35 1.36-.35 2.09s.13 1.43.35 2.09l-.012.01h.012c.87 2.6 3.3 4.53 6.16 4.53 1.48 0 2.73-.4 3.71-1.06 1.17-.78 1.95-1.94 2.21-3.31H14.2V12h10.36c.13.72.2 1.47.2 2.25 0 3.35-1.2 6.17-3.28 8.09C19.66 24.02 17.17 25 14.2 25c-4.3 0-8.01-2.47-9.82-6.06v-.01C3.63 17.45 3.2 15.78 3.2 14s.43-3.45 1.18-4.93C6.19 5.47 9.9 3 14.2 3c2.97 0 5.45 1.09 7.36 2.87z"
-  }));
+  return /*#__PURE__*/React.createElement(GoogleIcon28, mainProps);
 });
+GoogleIcon.displayName = 'GoogleIcon';
 GoogleIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GoogleIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GoogleIcon;
 //# sourceMappingURL=google.js.map

package/lib/google.js.map

@@ -1 +1 @@
-{"version":3,"file":"google.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GoogleIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["google.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 GoogleIcon = 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=\"M10.82 4.83c-.733-.688-1.65-1.044-2.68-1.044-1.82 0-3.367 1.228-3.92 2.882-.14.42-.223.866-.223 1.33s.082.91.222 1.331l-.008.007h.008c.554 1.655 2.1 2.883 3.92 2.883.943 0 1.738-.255 2.362-.675a3.23 3.23 0 0 0 1.407-2.106H8.14v-2.71h6.594q.126.686.127 1.431c0 2.132-.764 3.927-2.087 5.15h-.002C11.614 14.376 10.03 15 8.14 15a7 7 0 0 1-6.25-3.857v-.007a6.9 6.9 0 0 1-.751-3.137c0-1.133.273-2.196.75-3.137A6.99 6.99 0 0 1 8.14.998c1.891 0 3.47.694 4.685 1.827z\" /></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=\"M13.162 6.378c-.837-.785-1.884-1.193-3.062-1.193-2.08 0-3.847 1.404-4.48 3.294v.002c-.16.48-.255.989-.255 1.52 0 .53.095 1.04.255 1.52l-.009.006h.009c.632 1.891 2.4 3.295 4.48 3.295 1.076 0 1.985-.291 2.698-.771a3.7 3.7 0 0 0 1.607-2.407H10.1V8.546h7.534q.144.785.146 1.636c0 2.436-.873 4.487-2.386 5.884C14.072 17.287 12.26 18 10.1 18a7.99 7.99 0 0 1-7.142-4.407v-.008A7.9 7.9 0 0 1 2.1 10c0-1.294.313-2.509.858-3.585C4.275 3.797 6.972 2 10.1 2c2.16 0 3.963.793 5.352 2.087z\" /></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=\"M16.027 7.473C14.98 6.49 13.672 5.982 12.2 5.982c-2.6 0-4.809 1.754-5.6 4.117v.001c-.2.6-.318 1.236-.318 1.9s.118 1.3.318 1.9l-.012.01H6.6c.79 2.363 3 4.117 5.6 4.117 1.345 0 2.482-.364 3.372-.963a4.6 4.6 0 0 0 2.01-3.009H12.2v-3.873h9.418c.118.655.182 1.337.182 2.046 0 3.045-1.091 5.609-2.982 7.354C17.163 21.11 14.899 22 12.2 22c-3.91 0-7.282-2.246-8.927-5.51v-.009A9.9 9.9 0 0 1 2.2 12c0-1.618.391-3.136 1.073-4.482C4.918 4.246 8.29 2 12.2 2c2.7 0 4.954.99 6.69 2.609z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.41 9.02c-1.15-1.08-2.59-1.64-4.21-1.64-2.86 0-5.29 1.93-6.16 4.529v.001c-.22.66-.35 1.36-.35 2.09s.13 1.43.35 2.09l-.012.01h.012c.87 2.6 3.3 4.53 6.16 4.53 1.48 0 2.73-.4 3.71-1.06 1.17-.78 1.95-1.94 2.21-3.31H14.2V12h10.36c.13.72.2 1.47.2 2.25 0 3.35-1.2 6.17-3.28 8.09C19.66 24.02 17.17 25 14.2 25c-4.3 0-8.01-2.47-9.82-6.06v-.01C3.63 17.45 3.2 15.78 3.2 14s.43-3.45 1.18-4.93C6.19 5.47 9.9 3 14.2 3c2.97 0 5.45 1.09 7.36 2.87z\" /></svg>);}\n);\n\nGoogleIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGoogleIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GoogleIcon;"],"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,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;EAA+lB;;EAC5qB,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;EAAgnB;;EAC1oB,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;EAA6mB;;EACvoB,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;AAAqkB,CAJljB,CAAnB;AAOAF,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":"google.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GoogleIcon16","props","GoogleIcon20","GoogleIcon24","GoogleIcon28","GoogleIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["google.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 GoogleIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M10.82 4.83c-.733-.688-1.65-1.044-2.68-1.044-1.82 0-3.367 1.228-3.92 2.882-.14.42-.223.866-.223 1.33s.082.91.222 1.331l-.008.007h.008c.554 1.655 2.1 2.883 3.92 2.883.943 0 1.738-.255 2.362-.675a3.23 3.23 0 0 0 1.407-2.106H8.14v-2.71h6.594q.126.686.127 1.431c0 2.132-.764 3.927-2.087 5.15h-.002C11.614 14.376 10.03 15 8.14 15a7 7 0 0 1-6.25-3.857v-.007a6.9 6.9 0 0 1-.751-3.137c0-1.133.273-2.196.75-3.137A6.99 6.99 0 0 1 8.14.998c1.891 0 3.47.694 4.685 1.827z\" /></svg>);\nconst GoogleIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M13.162 6.378c-.837-.785-1.884-1.193-3.062-1.193-2.08 0-3.847 1.404-4.48 3.294v.002c-.16.48-.255.989-.255 1.52 0 .53.095 1.04.255 1.52l-.009.006h.009c.632 1.891 2.4 3.295 4.48 3.295 1.076 0 1.985-.291 2.698-.771a3.7 3.7 0 0 0 1.607-2.407H10.1V8.546h7.534q.144.785.146 1.636c0 2.436-.873 4.487-2.386 5.884C14.072 17.287 12.26 18 10.1 18a7.99 7.99 0 0 1-7.142-4.407v-.008A7.9 7.9 0 0 1 2.1 10c0-1.294.313-2.509.858-3.585C4.275 3.797 6.972 2 10.1 2c2.16 0 3.963.793 5.352 2.087z\" /></svg>);\nconst GoogleIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M16.027 7.473C14.98 6.49 13.672 5.982 12.2 5.982c-2.6 0-4.809 1.754-5.6 4.117v.001c-.2.6-.318 1.236-.318 1.9s.118 1.3.318 1.9l-.012.01H6.6c.79 2.363 3 4.117 5.6 4.117 1.345 0 2.482-.364 3.372-.963a4.6 4.6 0 0 0 2.01-3.009H12.2v-3.873h9.418c.118.655.182 1.337.182 2.046 0 3.045-1.091 5.609-2.982 7.354C17.163 21.11 14.899 22 12.2 22c-3.91 0-7.282-2.246-8.927-5.51v-.009A9.9 9.9 0 0 1 2.2 12c0-1.618.391-3.136 1.073-4.482C4.918 4.246 8.29 2 12.2 2c2.7 0 4.954.99 6.69 2.609z\" /></svg>);\nconst GoogleIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M18.41 9.02c-1.15-1.08-2.59-1.64-4.21-1.64-2.86 0-5.29 1.93-6.16 4.529v.001c-.22.66-.35 1.36-.35 2.09s.13 1.43.35 2.09l-.012.01h.012c.87 2.6 3.3 4.53 6.16 4.53 1.48 0 2.73-.4 3.71-1.06 1.17-.78 1.95-1.94 2.21-3.31H14.2V12h10.36c.13.72.2 1.47.2 2.25 0 3.35-1.2 6.17-3.28 8.09C19.66 24.02 17.17 25 14.2 25c-4.3 0-8.01-2.47-9.82-6.06v-.01C3.63 17.45 3.2 15.78 3.2 14s.43-3.45 1.18-4.93C6.19 5.47 9.9 3 14.2 3c2.97 0 5.45 1.09 7.36 2.87z\" /></svg>);\n\nconst GoogleIcon = 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}><GoogleIcon16 className={styles.variant16} />\n<GoogleIcon20 className={styles.variant20} />\n<GoogleIcon24 className={styles.variant24} />\n<GoogleIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GoogleIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GoogleIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GoogleIcon24 {...mainProps} />); }\nreturn (<GoogleIcon28 {...mainProps} />);\n  }\n);\nGoogleIcon.displayName = 'GoogleIcon';\nGoogleIcon.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 GoogleIcon;"],"mappings":"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"}

package/lib/hamburger-outline.d.ts

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

package/lib/hamburger-outline.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const HamburgerOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z"
+}));
+
+const HamburgerOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M4.5 5.25a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5zM3.75 10a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75"
+}));
+
+const HamburgerOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5 6a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1"
+}));
+
+const HamburgerOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5 8a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2z"
+}));
+
 const HamburgerOutlineIcon = /*#__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: "M3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(HamburgerOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(HamburgerOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(HamburgerOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(HamburgerOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(HamburgerOutlineIcon16, 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: "M4.5 5.25a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5zM3.75 10a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75"
-    }));
+    return /*#__PURE__*/React.createElement(HamburgerOutlineIcon20, 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: "M5 6a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1"
-    }));
+    return /*#__PURE__*/React.createElement(HamburgerOutlineIcon24, 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: "M5 8a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2z"
-  }));
+  return /*#__PURE__*/React.createElement(HamburgerOutlineIcon28, mainProps);
 });
+HamburgerOutlineIcon.displayName = 'HamburgerOutlineIcon';
 HamburgerOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-HamburgerOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default HamburgerOutlineIcon;
 //# sourceMappingURL=hamburger-outline.js.map

package/lib/hamburger-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"hamburger-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HamburgerOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["hamburger-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 HamburgerOutlineIcon = 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=\"M3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z\" /></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=\"M4.5 5.25a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5zM3.75 10a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75\" /></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=\"M5 6a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5 8a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2z\" /></svg>);}\n);\n\nHamburgerOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nHamburgerOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default HamburgerOutlineIcon;"],"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,oBAAoB,gBAAGV,KAAK,CAACW,UAAN,CAC3B,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;EAAmT;;EAChY,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;EAA4V;;EACtX,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;EAAgS;;EAC1T,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;AAA8R,CAJjQ,CAA7B;AAOAF,oBAAoB,CAACQ,SAArB,GAAiC;EAC/BH,SAAS,EAAEd,SAAS,CAACkB,MADU;EAE/BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFwB;EAG/BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHyB,CAAjC;AAMAV,oBAAoB,CAACW,YAArB,GAAoC;EAClCP,IAAI,EAAE;AAD4B,CAApC;AAIA,eAAeJ,oBAAf"}
+{"version":3,"file":"hamburger-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HamburgerOutlineIcon16","props","HamburgerOutlineIcon20","HamburgerOutlineIcon24","HamburgerOutlineIcon28","HamburgerOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["hamburger-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 HamburgerOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z\" /></svg>);\nconst HamburgerOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M4.5 5.25a.75.75 0 0 0 0 1.5h11a.75.75 0 0 0 0-1.5zM3.75 10a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h11a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.75-.75\" /></svg>);\nconst HamburgerOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M5 6a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1\" /></svg>);\nconst HamburgerOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M5 8a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2z\" /></svg>);\n\nconst HamburgerOutlineIcon = 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}><HamburgerOutlineIcon16 className={styles.variant16} />\n<HamburgerOutlineIcon20 className={styles.variant20} />\n<HamburgerOutlineIcon24 className={styles.variant24} />\n<HamburgerOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<HamburgerOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<HamburgerOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<HamburgerOutlineIcon24 {...mainProps} />); }\nreturn (<HamburgerOutlineIcon28 {...mainProps} />);\n  }\n);\nHamburgerOutlineIcon.displayName = 'HamburgerOutlineIcon';\nHamburgerOutlineIcon.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 HamburgerOutlineIcon;"],"mappings":"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"}

package/lib/hamburger.d.ts

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

package/lib/hamburger.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const HamburgerIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M2.75 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 5m0 3a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 8m.75 2.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z"
+}));
+
+const HamburgerIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M4 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z"
+}));
+
+const HamburgerIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 5a1.5 1.5 0 1 0 0 3h13a1.5 1.5 0 0 0 0-3zM4 11.5A1.5 1.5 0 0 1 5.5 10h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 11.5m0 5A1.5 1.5 0 0 1 5.5 15h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 16.5"
+}));
+
+const HamburgerIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5 7.5A1.5 1.5 0 0 1 6.5 6h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 7.5m0 6A1.5 1.5 0 0 1 6.5 12h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 13.5M6.5 18a1.5 1.5 0 0 0 0 3h15a1.5 1.5 0 0 0 0-3z"
+}));
+
 const HamburgerIcon = /*#__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: "M2.75 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 5m0 3a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 8m.75 2.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(HamburgerIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(HamburgerIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(HamburgerIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(HamburgerIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(HamburgerIcon16, 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: "M4 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z"
-    }));
+    return /*#__PURE__*/React.createElement(HamburgerIcon20, 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: "M5.5 5a1.5 1.5 0 1 0 0 3h13a1.5 1.5 0 0 0 0-3zM4 11.5A1.5 1.5 0 0 1 5.5 10h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 11.5m0 5A1.5 1.5 0 0 1 5.5 15h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 16.5"
-    }));
+    return /*#__PURE__*/React.createElement(HamburgerIcon24, 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: "M5 7.5A1.5 1.5 0 0 1 6.5 6h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 7.5m0 6A1.5 1.5 0 0 1 6.5 12h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 13.5M6.5 18a1.5 1.5 0 0 0 0 3h15a1.5 1.5 0 0 0 0-3z"
-  }));
+  return /*#__PURE__*/React.createElement(HamburgerIcon28, mainProps);
 });
+HamburgerIcon.displayName = 'HamburgerIcon';
 HamburgerIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-HamburgerIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default HamburgerIcon;
 //# sourceMappingURL=hamburger.js.map

package/lib/hamburger.js.map

@@ -1 +1 @@
-{"version":3,"file":"hamburger.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HamburgerIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["hamburger.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 HamburgerIcon = 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=\"M2.75 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 5m0 3a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 8m.75 2.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z\" /></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=\"M4 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z\" /></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=\"M5.5 5a1.5 1.5 0 1 0 0 3h13a1.5 1.5 0 0 0 0-3zM4 11.5A1.5 1.5 0 0 1 5.5 10h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 11.5m0 5A1.5 1.5 0 0 1 5.5 15h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 16.5\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5 7.5A1.5 1.5 0 0 1 6.5 6h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 7.5m0 6A1.5 1.5 0 0 1 6.5 12h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 13.5M6.5 18a1.5 1.5 0 0 0 0 3h15a1.5 1.5 0 0 0 0-3z\" /></svg>);}\n);\n\nHamburgerIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nHamburgerIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default HamburgerIcon;"],"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,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,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;EAAoV;;EACja,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;EAA+R;;EACzT,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;EAAoV;;EAC9W,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;AAAiV,CAJ3T,CAAtB;AAOAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"hamburger.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HamburgerIcon16","props","HamburgerIcon20","HamburgerIcon24","HamburgerIcon28","HamburgerIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["hamburger.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 HamburgerIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M2.75 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 5m0 3a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 2.75 8m.75 2.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z\" /></svg>);\nconst HamburgerIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M4 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z\" /></svg>);\nconst HamburgerIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M5.5 5a1.5 1.5 0 1 0 0 3h13a1.5 1.5 0 0 0 0-3zM4 11.5A1.5 1.5 0 0 1 5.5 10h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 11.5m0 5A1.5 1.5 0 0 1 5.5 15h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 4 16.5\" /></svg>);\nconst HamburgerIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M5 7.5A1.5 1.5 0 0 1 6.5 6h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 7.5m0 6A1.5 1.5 0 0 1 6.5 12h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 5 13.5M6.5 18a1.5 1.5 0 0 0 0 3h15a1.5 1.5 0 0 0 0-3z\" /></svg>);\n\nconst HamburgerIcon = 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}><HamburgerIcon16 className={styles.variant16} />\n<HamburgerIcon20 className={styles.variant20} />\n<HamburgerIcon24 className={styles.variant24} />\n<HamburgerIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<HamburgerIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<HamburgerIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<HamburgerIcon24 {...mainProps} />); }\nreturn (<HamburgerIcon28 {...mainProps} />);\n  }\n);\nHamburgerIcon.displayName = 'HamburgerIcon';\nHamburgerIcon.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 HamburgerIcon;"],"mappings":"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"}

package/lib/help-outline.d.ts

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