@rescui/icons 0.16.16 → 1.0.0

package/lib/globus.js.map

@@ -1 +1 @@
-{"version":3,"file":"globus.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GlobusIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["globus.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 GlobusIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 21a9 9 0 10-9-9 9.01 9.01 0 009 9zm-7-9a7.008 7.008 0 017-7 6.9 6.9 0 011 .082v1.991L11 9h-1v3h4l3.81 3.9a7.033 7.033 0 01-3.3 2.627L10.5 14.6H5.507A6.95 6.95 0 015 12z\" /></svg>)}\n);\n\nGlobusIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGlobusIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GlobusIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,UAAU,gBAAGV,KAAK,CAACW,UAAN,CACjB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+T,CAD9V,CAAnB;AAIAF,UAAU,CAACQ,SAAX,GAAuB;EACrBH,SAAS,EAAEd,SAAS,CAACkB,MADA;EAErBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHe,CAAvB;AAMAV,UAAU,CAACW,YAAX,GAA0B;EACxBP,IAAI,EAAE;AADkB,CAA1B;AAIA,eAAeJ,UAAf"}
+{"version":3,"file":"globus.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GlobusIcon16","forwardRef","props","ref","displayName","GlobusIcon20","GlobusIcon24","GlobusIcon28","GlobusIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["globus.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst GlobusIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.42 14.708C8.17 14.99 8.025 15 8 15s-.17-.01-.42-.292c-.248-.28-.518-.744-.765-1.402A12 12 0 0 1 6.23 11h3.54c-.142.88-.343 1.662-.585 2.306-.247.658-.517 1.121-.766 1.402m1.148.116A7.01 7.01 0 0 0 14.327 11h-3.545c-.242 1.595-.671 2.934-1.215 3.824M14.71 10A7 7 0 0 0 15 8a7 7 0 0 0-.29-2h-3.805c.062.64.095 1.31.095 2s-.033 1.36-.095 2zm-.383-5a7.01 7.01 0 0 0-4.76-3.824c.543.89.973 2.23 1.215 3.824zm-7.894 9.824c-.543-.89-.973-2.23-1.215-3.824H1.674a7.01 7.01 0 0 0 4.76 3.824M1.29 10h3.804a21 21 0 0 1 0-4H1.29A7 7 0 0 0 1 8c0 .695.101 1.366.29 2m.384-5h3.544c.242-1.595.672-2.934 1.215-3.824A7.01 7.01 0 0 0 1.673 5M9.9 10H6.1C6.034 9.367 6 8.697 6 8s.035-1.367.1-2h3.8c.065.633.1 1.303.1 2s-.035 1.367-.1 2M6.815 2.694A12 12 0 0 0 6.23 5h3.54a12 12 0 0 0-.585-2.306c-.247-.658-.517-1.121-.766-1.402C8.17 1.01 8.026 1 8 1s-.17.01-.42.292c-.248.28-.518.744-.765 1.402\" /></svg>));\nGlobusIcon16.displayName = 'GlobusIcon16';\nconst GlobusIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M6.473 14.25c.285 1.195.686 2.227 1.17 3.022a7.66 7.66 0 0 1-3.996-3.021zm1.547 0c.15.559.326 1.064.522 1.505.311.7.643 1.173.935 1.452.285.27.459.293.523.293s.238-.023.523-.293c.292-.279.624-.752.935-1.452.196-.441.372-.946.521-1.504zm-.313-1.5A18 18 0 0 1 7.5 10c0-.976.074-1.901.207-2.75h4.586c.133.849.207 1.774.207 2.75 0 .977-.075 1.903-.207 2.75zM6 10c0-.959.067-1.883.19-2.75H2.866A7.6 7.6 0 0 0 2.357 10c0 .97.18 1.897.51 2.75H6.19A20 20 0 0 1 6 10m5.458-5.754c.196.441.372.947.522 1.505H8.02c.15-.558.326-1.064.522-1.505.311-.7.643-1.174.935-1.452.285-.27.459-.294.523-.294s.238.023.523.294c.292.278.624.752.935 1.452M14 10c0-.959-.067-1.883-.19-2.75h3.324c.328.854.509 1.78.509 2.75s-.18 1.897-.51 2.75H13.81c.123-.866.19-1.79.19-2.75m-.473-4.25h2.827a7.66 7.66 0 0 0-3.998-3.023c.484.795.886 1.829 1.17 3.024m-9.88-.001h2.827c.285-1.194.687-2.228 1.17-3.023a7.66 7.66 0 0 0-3.997 3.024m9.881 8.499c-.285 1.195-.686 2.227-1.17 3.022a7.66 7.66 0 0 0 3.995-3.021z\" /></svg>));\nGlobusIcon20.displayName = 'GlobusIcon20';\nconst GlobusIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14.83 15c.11-.944.17-1.95.17-3 0-1.43-.112-2.778-.308-4H9.308A25 25 0 0 0 9 12c0 1.05.06 2.056.17 3zM17 12c0-1.402-.1-2.749-.285-4h3.826c.57 1.214.888 2.57.888 4a9.4 9.4 0 0 1-.488 3h-4.099A28 28 0 0 0 17 12m-.669-6h2.943A9.45 9.45 0 0 0 15.4 3.202c.365.814.68 1.756.931 2.798m-13.76 6c0-1.43.319-2.786.888-4h3.825A27.6 27.6 0 0 0 7 12c0 1.036.055 2.041.157 3H3.06a9.4 9.4 0 0 1-.488-3m5.097-6H4.726A9.45 9.45 0 0 1 8.6 3.202 16 16 0 0 0 7.669 6m2.641-1.716A14 14 0 0 0 9.734 6h4.534q-.257-.947-.578-1.716c-.313-.752-.642-1.306-.945-1.684a9.6 9.6 0 0 0-1.489 0c-.303.378-.631.932-.945 1.684M9.493 17a15.4 15.4 0 0 0 .817 2.716c.313.75.641 1.304.944 1.683a9.6 9.6 0 0 0 1.492 0c.303-.379.63-.932.943-1.683.322-.771.6-1.687.818-2.716zm-5.487 0h3.447c.276 1.442.667 2.73 1.145 3.796A9.46 9.46 0 0 1 4.006 17m12.541 0h3.447a9.46 9.46 0 0 1-4.593 3.796c.479-1.066.87-2.354 1.146-3.796\" /></svg>));\nGlobusIcon24.displayName = 'GlobusIcon24';\nconst GlobusIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M17.687 18c.2-1.234.313-2.58.313-4 0-1.813-.184-3.506-.5-5h-7a24.3 24.3 0 0 0-.5 5c0 1.42.113 2.766.313 4zM20 14c0-1.772-.164-3.46-.46-5h3.777c.8 1.489 1.254 3.19 1.254 4.999a10.5 10.5 0 0 1-.783 4H19.71A27 27 0 0 0 20 14m-.943-7h2.866a10.6 10.6 0 0 0-3.99-2.817A15.2 15.2 0 0 1 19.057 7M3.428 13.999c0-1.808.454-3.51 1.255-4.999H8.46A26.6 26.6 0 0 0 8 14c0 1.396.101 2.74.29 4H4.211a10.5 10.5 0 0 1-.784-4.001M8.943 7H6.077a10.6 10.6 0 0 1 3.99-2.817A15.2 15.2 0 0 0 8.942 7m2.631-1.354Q11.285 6.27 11.04 7h5.92a14 14 0 0 0-.533-1.354c-.52-1.128-1.038-1.794-1.473-2.176a10.7 10.7 0 0 0-1.908 0c-.435.382-.952 1.048-1.473 2.176M10.74 20c.234.876.516 1.668.833 2.355.52 1.124 1.035 1.79 1.469 2.172a10.7 10.7 0 0 0 1.916 0c.434-.382.95-1.048 1.469-2.172.317-.687.599-1.479.834-2.355zm-5.444 0h3.38c.35 1.454.822 2.747 1.389 3.813A10.6 10.6 0 0 1 5.295 20m14.029 0h3.38a10.6 10.6 0 0 1-4.768 3.813c.566-1.066 1.038-2.36 1.388-3.813\" /></svg>));\nGlobusIcon28.displayName = 'GlobusIcon28';\n\nconst GlobusIcon = 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}><GlobusIcon16 className={styles.variant16} />\n<GlobusIcon20 className={styles.variant20} />\n<GlobusIcon24 className={styles.variant24} />\n<GlobusIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GlobusIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GlobusIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GlobusIcon24 {...mainProps} />); }\nreturn (<GlobusIcon28 {...mainProps} />);\n  }\n);\nGlobusIcon.displayName = 'GlobusIcon';\nGlobusIcon.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 GlobusIcon;"],"mappings":"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"}

package/lib/google-app.d.ts

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

package/lib/google-app.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GoogleAppIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3 13.177V2.822A.91.91 0 0 1 3.512 2L9.51 8l-6 5.999a.92.92 0 0 1-.51-.822M11.412 9.9l-6.554 3.788 5.171-5.171zM4.858 2.31l5.171 5.172 1.383-1.383zm7.212 4.167 1.382.798a.926.926 0 0 1 .27 1.125.9.9 0 0 1-.258.318l-1.395.804L10.547 8z"
+})));
+GoogleAppIcon16.displayName = 'GoogleAppIcon16';
+const GoogleAppIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4 16.19V3.738a1.1 1.1 0 0 1 .615-.989l7.214 7.214-7.214 7.214A1.1 1.1 0 0 1 4 16.189m10.115-3.94-7.88 4.556 6.217-6.219zM6.234 3.123l6.218 6.219 1.662-1.663zm8.671 5.01 1.663.96a1.114 1.114 0 0 1 .325 1.352 1.1 1.1 0 0 1-.31.383l-1.678.967-1.83-1.83z"
+})));
+GoogleAppIcon20.displayName = 'GoogleAppIcon20';
+const GoogleAppIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4 19.767V4.234A1.37 1.37 0 0 1 4.767 3l9 9-9 9A1.38 1.38 0 0 1 4 19.767m12.619-4.917-9.832 5.684 7.757-7.758zM6.787 3.465l7.757 7.759 2.075-2.075zm10.818 6.251 2.075 1.197a1.39 1.39 0 0 1 .405 1.688c-.09.187-.223.35-.387.477l-2.093 1.207L15.321 12z"
+})));
+GoogleAppIcon24.displayName = 'GoogleAppIcon24';
+const GoogleAppIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 22.63V5.37A1.52 1.52 0 0 1 5.853 4l10 10-10 10A1.53 1.53 0 0 1 5 22.63m14.02-5.463L8.098 23.483l8.62-8.62zM8.097 4.517l8.62 8.62 2.304-2.304zm12.02 6.945 2.305 1.33A1.54 1.54 0 0 1 23.02 14a1.5 1.5 0 0 1-.579 1.198l-2.325 1.34L17.58 14z"
+})));
+GoogleAppIcon28.displayName = 'GoogleAppIcon28';
 const GoogleAppIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.985 20.105V3.795A1.436 1.436 0 014.791 2.5l9.45 9.45-9.45 9.45a1.447 1.447 0 01-.806-1.295zm13.25-5.162L6.912 20.911l8.145-8.146 2.178 2.178zM6.912 2.99l8.145 8.146 2.178-2.178L6.912 2.989zm11.359 6.563l2.178 1.257a1.459 1.459 0 01.566 1.141 1.412 1.412 0 01-.547 1.132l-2.197 1.267-2.398-2.399 2.398-2.398z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(GoogleAppIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GoogleAppIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GoogleAppIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GoogleAppIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GoogleAppIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GoogleAppIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GoogleAppIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GoogleAppIcon28, mainProps);
 });
+GoogleAppIcon.displayName = 'GoogleAppIcon';
 GoogleAppIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GoogleAppIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GoogleAppIcon;
 //# sourceMappingURL=google-app.js.map

package/lib/google-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-app.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GoogleAppIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["google-app.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 GoogleAppIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M3.985 20.105V3.795A1.436 1.436 0 014.791 2.5l9.45 9.45-9.45 9.45a1.447 1.447 0 01-.806-1.295zm13.25-5.162L6.912 20.911l8.145-8.146 2.178 2.178zM6.912 2.99l8.145 8.146 2.178-2.178L6.912 2.989zm11.359 6.563l2.178 1.257a1.459 1.459 0 01.566 1.141 1.412 1.412 0 01-.547 1.132l-2.197 1.267-2.398-2.399 2.398-2.398z\" /></svg>)}\n);\n\nGoogleAppIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGoogleAppIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GoogleAppIcon;"],"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,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAyc,CADre,CAAtB;AAIAF,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":"google-app.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GoogleAppIcon16","forwardRef","props","ref","displayName","GoogleAppIcon20","GoogleAppIcon24","GoogleAppIcon28","GoogleAppIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["google-app.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst GoogleAppIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3 13.177V2.822A.91.91 0 0 1 3.512 2L9.51 8l-6 5.999a.92.92 0 0 1-.51-.822M11.412 9.9l-6.554 3.788 5.171-5.171zM4.858 2.31l5.171 5.172 1.383-1.383zm7.212 4.167 1.382.798a.926.926 0 0 1 .27 1.125.9.9 0 0 1-.258.318l-1.395.804L10.547 8z\" /></svg>));\nGoogleAppIcon16.displayName = 'GoogleAppIcon16';\nconst GoogleAppIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4 16.19V3.738a1.1 1.1 0 0 1 .615-.989l7.214 7.214-7.214 7.214A1.1 1.1 0 0 1 4 16.189m10.115-3.94-7.88 4.556 6.217-6.219zM6.234 3.123l6.218 6.219 1.662-1.663zm8.671 5.01 1.663.96a1.114 1.114 0 0 1 .325 1.352 1.1 1.1 0 0 1-.31.383l-1.678.967-1.83-1.83z\" /></svg>));\nGoogleAppIcon20.displayName = 'GoogleAppIcon20';\nconst GoogleAppIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4 19.767V4.234A1.37 1.37 0 0 1 4.767 3l9 9-9 9A1.38 1.38 0 0 1 4 19.767m12.619-4.917-9.832 5.684 7.757-7.758zM6.787 3.465l7.757 7.759 2.075-2.075zm10.818 6.251 2.075 1.197a1.39 1.39 0 0 1 .405 1.688c-.09.187-.223.35-.387.477l-2.093 1.207L15.321 12z\" /></svg>));\nGoogleAppIcon24.displayName = 'GoogleAppIcon24';\nconst GoogleAppIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5 22.63V5.37A1.52 1.52 0 0 1 5.853 4l10 10-10 10A1.53 1.53 0 0 1 5 22.63m14.02-5.463L8.098 23.483l8.62-8.62zM8.097 4.517l8.62 8.62 2.304-2.304zm12.02 6.945 2.305 1.33A1.54 1.54 0 0 1 23.02 14a1.5 1.5 0 0 1-.579 1.198l-2.325 1.34L17.58 14z\" /></svg>));\nGoogleAppIcon28.displayName = 'GoogleAppIcon28';\n\nconst GoogleAppIcon = 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}><GoogleAppIcon16 className={styles.variant16} />\n<GoogleAppIcon20 className={styles.variant20} />\n<GoogleAppIcon24 className={styles.variant24} />\n<GoogleAppIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GoogleAppIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GoogleAppIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GoogleAppIcon24 {...mainProps} />); }\nreturn (<GoogleAppIcon28 {...mainProps} />);\n  }\n);\nGoogleAppIcon.displayName = 'GoogleAppIcon';\nGoogleAppIcon.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 GoogleAppIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAGA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,eAAe,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAH,eAAe,CAACI,WAAhB,GAA8B,iBAA9B;AACA,MAAMC,eAAe,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAE,eAAe,CAACD,WAAhB,GAA8B,iBAA9B;AACA,MAAME,eAAe,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAG,eAAe,CAACF,WAAhB,GAA8B,iBAA9B;AACA,MAAMG,eAAe,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAI,eAAe,CAACH,WAAhB,GAA8B,iBAA9B;AAEA,MAAMI,aAAa,gBAAGlB,KAAK,CAACW,UAAN,CACpB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,eAAD;MAAiB,SAAS,EAAEtB,MAAM,CAACyB;IAAnC,EAAxC,eAClB,oBAAC,eAAD;MAAiB,SAAS,EAAEzB,MAAM,CAAC0B;IAAnC,EADkB,eAElB,oBAAC,eAAD;MAAiB,SAAS,EAAE1B,MAAM,CAAC2B;IAAnC,EAFkB,eAGlB,oBAAC,eAAD;MAAiB,SAAS,EAAE3B,MAAM,CAAC4B;IAAnC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACnF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACxE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACxE,oBAAQ,oBAAC,eAAD,EAAqBA,SAArB,CAAR;AACG,CA3BmB,CAAtB;AA6BAP,aAAa,CAACJ,WAAd,GAA4B,eAA5B;AACAI,aAAa,CAACc,SAAd,GAA0B;EACxBV,SAAS,EAAErB,SAAS,CAACgC,MADG;EAExBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHkB;EAIxB,yBAAyBjC,SAAS,CAACkC,IAJX;EAKxBZ,KAAK,EAAEtB,SAAS,CAACmC;AALO,CAA1B;AAQA,eAAelB,aAAf"}

package/lib/google.d.ts

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

package/lib/google.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GoogleIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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"
+})));
+GoogleIcon16.displayName = 'GoogleIcon16';
+const GoogleIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+GoogleIcon20.displayName = 'GoogleIcon20';
+const GoogleIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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"
+})));
+GoogleIcon24.displayName = 'GoogleIcon24';
+const GoogleIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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"
+})));
+GoogleIcon28.displayName = 'GoogleIcon28';
 const GoogleIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15.452 7.911A4.89 4.89 0 0012 6.562a5.44 5.44 0 00-5.053 7.163h.003a5.459 5.459 0 008.112 2.856v-.002a4.167 4.167 0 001.799-2.735H12v-3.466h8.489c.104.604.156 1.216.155 1.83a8.789 8.789 0 01-2.68 6.618l.001.002A8.615 8.615 0 0112 21a9 9 0 110-18 8.65 8.65 0 016.022 2.342l-2.57 2.57z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(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(GoogleIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GoogleIcon24, mainProps);
+  }
+
+  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) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M15.452 7.911A4.89 4.89 0 0012 6.562a5.44 5.44 0 00-5.053 7.163h.003a5.459 5.459 0 008.112 2.856v-.002a4.167 4.167 0 001.799-2.735H12v-3.466h8.489c.104.604.156 1.216.155 1.83a8.789 8.789 0 01-2.68 6.618l.001.002A8.615 8.615 0 0112 21a9 9 0 110-18 8.65 8.65 0 016.022 2.342l-2.57 2.57z\" /></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,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+a,CAD9c,CAAnB;AAIAF,UAAU,CAACQ,SAAX,GAAuB;EACrBH,SAAS,EAAEd,SAAS,CAACkB,MADA;EAErBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHe,CAAvB;AAMAV,UAAU,CAACW,YAAX,GAA0B;EACxBP,IAAI,EAAE;AADkB,CAA1B;AAIA,eAAeJ,UAAf"}
+{"version":3,"file":"google.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GoogleIcon16","forwardRef","props","ref","displayName","GoogleIcon20","GoogleIcon24","GoogleIcon28","GoogleIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst GoogleIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} 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>));\nGoogleIcon16.displayName = 'GoogleIcon16';\nconst GoogleIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} 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>));\nGoogleIcon20.displayName = 'GoogleIcon20';\nconst GoogleIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} 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>));\nGoogleIcon24.displayName = 'GoogleIcon24';\nconst GoogleIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} 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>));\nGoogleIcon28.displayName = 'GoogleIcon28';\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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type THamburgerOutlineIconSize = "xs" | "s" | "m" | "l";
+
+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 const HamburgerOutlineIcon: React.ForwardRefExoticComponent<IHamburgerOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default HamburgerOutlineIcon;

package/lib/hamburger-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const HamburgerOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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"
+})));
+HamburgerOutlineIcon16.displayName = 'HamburgerOutlineIcon16';
+const HamburgerOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+HamburgerOutlineIcon20.displayName = 'HamburgerOutlineIcon20';
+const HamburgerOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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"
+})));
+HamburgerOutlineIcon24.displayName = 'HamburgerOutlineIcon24';
+const HamburgerOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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"
+})));
+HamburgerOutlineIcon28.displayName = 'HamburgerOutlineIcon28';
+const HamburgerOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(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(HamburgerOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(HamburgerOutlineIcon24, mainProps);
+  }
+
+  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"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default HamburgerOutlineIcon;
+//# sourceMappingURL=hamburger-outline.js.map

package/lib/hamburger-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hamburger-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HamburgerOutlineIcon16","forwardRef","props","ref","displayName","HamburgerOutlineIcon20","HamburgerOutlineIcon24","HamburgerOutlineIcon28","HamburgerOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst HamburgerOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} 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>));\nHamburgerOutlineIcon16.displayName = 'HamburgerOutlineIcon16';\nconst HamburgerOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} 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>));\nHamburgerOutlineIcon20.displayName = 'HamburgerOutlineIcon20';\nconst HamburgerOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} 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>));\nHamburgerOutlineIcon24.displayName = 'HamburgerOutlineIcon24';\nconst HamburgerOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} 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>));\nHamburgerOutlineIcon28.displayName = 'HamburgerOutlineIcon28';\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,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const HamburgerIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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"
+})));
+HamburgerIcon16.displayName = 'HamburgerIcon16';
+const HamburgerIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+HamburgerIcon20.displayName = 'HamburgerIcon20';
+const HamburgerIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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"
+})));
+HamburgerIcon24.displayName = 'HamburgerIcon24';
+const HamburgerIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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"
+})));
+HamburgerIcon28.displayName = 'HamburgerIcon28';
 const HamburgerIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20.004 5h-16v2h16V5zm0 6h-16v2h16v-2zm-16 6h16v2h-16v-2z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(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(HamburgerIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(HamburgerIcon24, mainProps);
+  }
+
+  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