@rescui/icons 0.16.17 → 1.0.0

package/lib/full-screen-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 FullScreenOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M2.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0V3h3.5a.5.5 0 0 0 0-1zM13 6.5V3H9.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0m.854 7.354A.5.5 0 0 1 13.5 14h-4a.5.5 0 0 1 0-1H13V9.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.146.354M2 13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H3V9.5a.5.5 0 0 0-1 0z"
+})));
+FullScreenOutlineIcon16.displayName = 'FullScreenOutlineIcon16';
+const FullScreenOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4 3.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V4.75H8a.75.75 0 0 0 0-1.5zM15.25 8V4.75H12a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0m0 7.25H12a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 .75-.75v-4a.75.75 0 0 0-1.5 0zm-12 .75c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5H4.75V12a.75.75 0 0 0-1.5 0z"
+})));
+FullScreenOutlineIcon20.displayName = 'FullScreenOutlineIcon20';
+const FullScreenOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4 3a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0V5h4a1 1 0 0 0 0-2zm17 1a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0zm-.293 16.707A1 1 0 0 1 20 21h-5a1 1 0 1 1 0-2h4v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-.293.707M3 20a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2H5v-4a1 1 0 1 0-2 0z"
+})));
+FullScreenOutlineIcon24.displayName = 'FullScreenOutlineIcon24';
+const FullScreenOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 4a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V6h5a1 1 0 1 0 0-2zm17 7V6h-5a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0m0 11h-5a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1v-6a1 1 0 1 0-2 0zM4 23a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H6v-5a1 1 0 1 0-2 0z"
+})));
+FullScreenOutlineIcon28.displayName = 'FullScreenOutlineIcon28';
+const FullScreenOutlineIcon = /*#__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(FullScreenOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(FullScreenOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(FullScreenOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(FullScreenOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(FullScreenOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(FullScreenOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(FullScreenOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(FullScreenOutlineIcon28, mainProps);
+});
+FullScreenOutlineIcon.displayName = 'FullScreenOutlineIcon';
+FullScreenOutlineIcon.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 FullScreenOutlineIcon;
+//# sourceMappingURL=full-screen-outline.js.map

package/lib/full-screen-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FullScreenOutlineIcon16","forwardRef","props","ref","displayName","FullScreenOutlineIcon20","FullScreenOutlineIcon24","FullScreenOutlineIcon28","FullScreenOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["full-screen-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 FullScreenOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M2.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0V3h3.5a.5.5 0 0 0 0-1zM13 6.5V3H9.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0m.854 7.354A.5.5 0 0 1 13.5 14h-4a.5.5 0 0 1 0-1H13V9.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.146.354M2 13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H3V9.5a.5.5 0 0 0-1 0z\" /></svg>));\nFullScreenOutlineIcon16.displayName = 'FullScreenOutlineIcon16';\nconst FullScreenOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4 3.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V4.75H8a.75.75 0 0 0 0-1.5zM15.25 8V4.75H12a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0m0 7.25H12a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 .75-.75v-4a.75.75 0 0 0-1.5 0zm-12 .75c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5H4.75V12a.75.75 0 0 0-1.5 0z\" /></svg>));\nFullScreenOutlineIcon20.displayName = 'FullScreenOutlineIcon20';\nconst FullScreenOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4 3a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0V5h4a1 1 0 0 0 0-2zm17 1a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0zm-.293 16.707A1 1 0 0 1 20 21h-5a1 1 0 1 1 0-2h4v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-.293.707M3 20a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2H5v-4a1 1 0 1 0-2 0z\" /></svg>));\nFullScreenOutlineIcon24.displayName = 'FullScreenOutlineIcon24';\nconst FullScreenOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5 4a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V6h5a1 1 0 1 0 0-2zm17 7V6h-5a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0m0 11h-5a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1v-6a1 1 0 1 0-2 0zM4 23a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H6v-5a1 1 0 1 0-2 0z\" /></svg>));\nFullScreenOutlineIcon28.displayName = 'FullScreenOutlineIcon28';\n\nconst FullScreenOutlineIcon = 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}><FullScreenOutlineIcon16 className={styles.variant16} />\n<FullScreenOutlineIcon20 className={styles.variant20} />\n<FullScreenOutlineIcon24 className={styles.variant24} />\n<FullScreenOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<FullScreenOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<FullScreenOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<FullScreenOutlineIcon24 {...mainProps} />); }\nreturn (<FullScreenOutlineIcon28 {...mainProps} />);\n  }\n);\nFullScreenOutlineIcon.displayName = 'FullScreenOutlineIcon';\nFullScreenOutlineIcon.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 FullScreenOutlineIcon;"],"mappings":"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"}

package/lib/full-screen.d.ts

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

package/lib/full-screen.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const FullScreenIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3 2.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0V3.75H6a.75.75 0 0 0 0-1.5zM12.25 6V3.75H10a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0m1.28 7.53a.75.75 0 0 1-.53.22h-3a.75.75 0 0 1 0-1.5h2.25V10a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.22.53M2.25 13a.75.75 0 0 0 .75.75h3a.75.75 0 0 0 0-1.5H3.75V10a.75.75 0 0 0-1.5 0z"
+})));
+FullScreenIcon16.displayName = 'FullScreenIcon16';
+const FullScreenIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4 3a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V5h3a1 1 0 0 0 0-2zm11 5V5h-3a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0m0 7h-3a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0zM3 16a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H5v-3a1 1 0 1 0-2 0z"
+})));
+FullScreenIcon20.displayName = 'FullScreenIcon20';
+const FullScreenIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.5 3A1.5 1.5 0 0 0 3 4.5v4a1.5 1.5 0 1 0 3 0V6h2.5a1.5 1.5 0 1 0 0-3zM18 8.5V6h-2.5a1.5 1.5 0 0 1 0-3h4A1.5 1.5 0 0 1 21 4.5v4a1.5 1.5 0 0 1-3 0m2.56 12.06a1.5 1.5 0 0 1-1.06.44h-4a1.5 1.5 0 0 1 0-3H18v-2.5a1.5 1.5 0 0 1 3 0v4a1.5 1.5 0 0 1-.44 1.06M3 19.5A1.5 1.5 0 0 0 4.5 21h4a1.5 1.5 0 0 0 0-3H6v-2.5a1.5 1.5 0 0 0-3 0z"
+})));
+FullScreenIcon24.displayName = 'FullScreenIcon24';
+const FullScreenIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 4A1.5 1.5 0 0 0 4 5.5v5a1.5 1.5 0 0 0 3 0V7h3.5a1.5 1.5 0 0 0 0-3zM24 5.5A1.5 1.5 0 0 0 22.5 4h-5a1.5 1.5 0 0 0 0 3H21v3.5a1.5 1.5 0 0 0 3 0zm-.44 18.06a1.5 1.5 0 0 1-1.06.44h-5a1.5 1.5 0 0 1 0-3H21v-3.5a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-.44 1.06M4 22.5A1.5 1.5 0 0 0 5.5 24h5a1.5 1.5 0 0 0 0-3H7v-3.5a1.5 1.5 0 0 0-3 0z"
+})));
+FullScreenIcon28.displayName = 'FullScreenIcon28';
 const FullScreenIcon = /*#__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: "M6.004 10h-2V4h6v2h-4v4zm4 10h-6v-6h2v4h4v2zm10-6h-2v4h-4v2h6v-6zm-6-10h6v6h-2V6h-4V4z"
-  }));
+  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(FullScreenIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(FullScreenIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(FullScreenIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(FullScreenIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(FullScreenIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(FullScreenIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(FullScreenIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(FullScreenIcon28, mainProps);
 });
+FullScreenIcon.displayName = 'FullScreenIcon';
 FullScreenIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-FullScreenIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default FullScreenIcon;
 //# sourceMappingURL=full-screen.js.map

package/lib/full-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-screen.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FullScreenIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["full-screen.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 FullScreenIcon = 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=\"M6.004 10h-2V4h6v2h-4v4zm4 10h-6v-6h2v4h4v2zm10-6h-2v4h-4v2h6v-6zm-6-10h6v6h-2V6h-4V4z\" /></svg>)}\n);\n\nFullScreenIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nFullScreenIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default FullScreenIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CACrB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,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;AAAyO,CADpQ,CAAvB;AAIAF,cAAc,CAACQ,SAAf,GAA2B;EACzBH,SAAS,EAAEd,SAAS,CAACkB,MADI;EAEzBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHmB,CAA3B;AAMAV,cAAc,CAACW,YAAf,GAA8B;EAC5BP,IAAI,EAAE;AADsB,CAA9B;AAIA,eAAeJ,cAAf"}
+{"version":3,"file":"full-screen.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","FullScreenIcon16","forwardRef","props","ref","displayName","FullScreenIcon20","FullScreenIcon24","FullScreenIcon28","FullScreenIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["full-screen.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 FullScreenIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3 2.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0V3.75H6a.75.75 0 0 0 0-1.5zM12.25 6V3.75H10a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0m1.28 7.53a.75.75 0 0 1-.53.22h-3a.75.75 0 0 1 0-1.5h2.25V10a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.22.53M2.25 13a.75.75 0 0 0 .75.75h3a.75.75 0 0 0 0-1.5H3.75V10a.75.75 0 0 0-1.5 0z\" /></svg>));\nFullScreenIcon16.displayName = 'FullScreenIcon16';\nconst FullScreenIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4 3a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V5h3a1 1 0 0 0 0-2zm11 5V5h-3a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0m0 7h-3a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0zM3 16a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H5v-3a1 1 0 1 0-2 0z\" /></svg>));\nFullScreenIcon20.displayName = 'FullScreenIcon20';\nconst FullScreenIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4.5 3A1.5 1.5 0 0 0 3 4.5v4a1.5 1.5 0 1 0 3 0V6h2.5a1.5 1.5 0 1 0 0-3zM18 8.5V6h-2.5a1.5 1.5 0 0 1 0-3h4A1.5 1.5 0 0 1 21 4.5v4a1.5 1.5 0 0 1-3 0m2.56 12.06a1.5 1.5 0 0 1-1.06.44h-4a1.5 1.5 0 0 1 0-3H18v-2.5a1.5 1.5 0 0 1 3 0v4a1.5 1.5 0 0 1-.44 1.06M3 19.5A1.5 1.5 0 0 0 4.5 21h4a1.5 1.5 0 0 0 0-3H6v-2.5a1.5 1.5 0 0 0-3 0z\" /></svg>));\nFullScreenIcon24.displayName = 'FullScreenIcon24';\nconst FullScreenIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5.5 4A1.5 1.5 0 0 0 4 5.5v5a1.5 1.5 0 0 0 3 0V7h3.5a1.5 1.5 0 0 0 0-3zM24 5.5A1.5 1.5 0 0 0 22.5 4h-5a1.5 1.5 0 0 0 0 3H21v3.5a1.5 1.5 0 0 0 3 0zm-.44 18.06a1.5 1.5 0 0 1-1.06.44h-5a1.5 1.5 0 0 1 0-3H21v-3.5a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-.44 1.06M4 22.5A1.5 1.5 0 0 0 5.5 24h5a1.5 1.5 0 0 0 0-3H7v-3.5a1.5 1.5 0 0 0-3 0z\" /></svg>));\nFullScreenIcon28.displayName = 'FullScreenIcon28';\n\nconst FullScreenIcon = 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}><FullScreenIcon16 className={styles.variant16} />\n<FullScreenIcon20 className={styles.variant20} />\n<FullScreenIcon24 className={styles.variant24} />\n<FullScreenIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<FullScreenIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<FullScreenIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<FullScreenIcon24 {...mainProps} />); }\nreturn (<FullScreenIcon28 {...mainProps} />);\n  }\n);\nFullScreenIcon.displayName = 'FullScreenIcon';\nFullScreenIcon.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 FullScreenIcon;"],"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,gBAAgB,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,CAAzB;AACAH,gBAAgB,CAACI,WAAjB,GAA+B,kBAA/B;AACA,MAAMC,gBAAgB,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,CAAzB;AACAE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AACA,MAAME,gBAAgB,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,CAAzB;AACAG,gBAAgB,CAACF,WAAjB,GAA+B,kBAA/B;AACA,MAAMG,gBAAgB,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,CAAzB;AACAI,gBAAgB,CAACH,WAAjB,GAA+B,kBAA/B;AAEA,MAAMI,cAAc,gBAAGlB,KAAK,CAACW,UAAN,CACrB,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,gBAAD;MAAkB,SAAS,EAAEtB,MAAM,CAACyB;IAApC,EAAxC,eAClB,oBAAC,gBAAD;MAAkB,SAAS,EAAEzB,MAAM,CAAC0B;IAApC,EADkB,eAElB,oBAAC,gBAAD;MAAkB,SAAS,EAAE1B,MAAM,CAAC2B;IAApC,EAFkB,eAGlB,oBAAC,gBAAD;MAAkB,SAAS,EAAE3B,MAAM,CAAC4B;IAApC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBgB,SAAtB,CAAR;EAA+C;;EACpF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBgB,SAAtB,CAAR;EAA+C;;EACzE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBgB,SAAtB,CAAR;EAA+C;;EACzE,oBAAQ,oBAAC,gBAAD,EAAsBA,SAAtB,CAAR;AACG,CA3BoB,CAAvB;AA6BAP,cAAc,CAACJ,WAAf,GAA6B,gBAA7B;AACAI,cAAc,CAACc,SAAf,GAA2B;EACzBV,SAAS,EAAErB,SAAS,CAACgC,MADI;EAEzBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHmB;EAIzB,yBAAyBjC,SAAS,CAACkC,IAJV;EAKzBZ,KAAK,EAAEtB,SAAS,CAACmC;AALQ,CAA3B;AAQA,eAAelB,cAAf"}

package/lib/gear-outline.d.ts

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

package/lib/gear-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 GearOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m8.372 2.364 4.25 2.427a.75.75 0 0 1 .378.651v5.076a.75.75 0 0 1-.374.65l-4.25 2.46a.75.75 0 0 1-.752 0l-4.25-2.46a.75.75 0 0 1-.374-.65V5.442a.75.75 0 0 1 .378-.651l4.25-2.427a.75.75 0 0 1 .744 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8.868 1.496a1.75 1.75 0 0 0-1.736 0l-4.25 2.426A1.75 1.75 0 0 0 2 5.442v5.076c0 .625.333 1.202.873 1.515l4.25 2.46a1.75 1.75 0 0 0 1.754 0l4.25-2.46c.54-.313.873-.89.873-1.515V5.442a1.75 1.75 0 0 0-.882-1.52zM10 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+})));
+GearOutlineIcon16.displayName = 'GearOutlineIcon16';
+const GearOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.248 3.702a.5.5 0 0 0-.496 0l-5 2.855a.5.5 0 0 0-.252.435v5.97a.5.5 0 0 0 .25.433l5 2.894a.5.5 0 0 0 .5 0l.752 1.298a2 2 0 0 1-2.004 0l-5-2.894A2 2 0 0 1 3 12.962v-5.97a2 2 0 0 1 1.008-1.737l5-2.855a2 2 0 0 1 1.984 0l5 2.855A2 2 0 0 1 17 6.992v5.97a2 2 0 0 1-.998 1.731l-5 2.894-.751-1.298 5-2.894a.5.5 0 0 0 .249-.433v-5.97a.5.5 0 0 0-.252-.435zM13.5 10a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0M12 10a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+})));
+GearOutlineIcon20.displayName = 'GearOutlineIcon20';
+const GearOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.248 5.145a.5.5 0 0 0-.496 0l-5.5 3.14A.5.5 0 0 0 6 8.72v6.575a.5.5 0 0 0 .25.433l5.5 3.183a.5.5 0 0 0 .5 0l5.5-3.183a.5.5 0 0 0 .25-.433V8.72a.5.5 0 0 0-.252-.434zM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2.76-8.592 5.5 3.14A2.5 2.5 0 0 1 20 8.72v6.575a2.5 2.5 0 0 1-1.248 2.164l-5.5 3.183a2.5 2.5 0 0 1-2.504 0l-5.5-3.183A2.5 2.5 0 0 1 4 15.295V8.72a2.5 2.5 0 0 1 1.26-2.171l5.5-3.14a2.5 2.5 0 0 1 2.48 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0"
+})));
+GearOutlineIcon24.displayName = 'GearOutlineIcon24';
+const GearOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m14.496 6.086 6 3.426a1 1 0 0 1 .504.869v7.18a1 1 0 0 1-.5.865L14.502 21.9a1 1 0 0 1-1.002 0l-6-3.473a1 1 0 0 1-.5-.866v-7.18a1 1 0 0 1 .504-.869l6-3.426a1 1 0 0 1 .992 0M19 14a5 5 0 1 1-10 0 5 5 0 0 1 10 0m-3.512-9.65a3 3 0 0 0-2.976 0l-6 3.426A3 3 0 0 0 5 10.38v7.18a3 3 0 0 0 1.497 2.596l6 3.473a3 3 0 0 0 3.006 0l6-3.473A3 3 0 0 0 23 17.561v-7.18a3 3 0 0 0-1.512-2.605zM17 14a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+})));
+GearOutlineIcon28.displayName = 'GearOutlineIcon28';
+const GearOutlineIcon = /*#__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(GearOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GearOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GearOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GearOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GearOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GearOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GearOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GearOutlineIcon28, mainProps);
+});
+GearOutlineIcon.displayName = 'GearOutlineIcon';
+GearOutlineIcon.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 GearOutlineIcon;
+//# sourceMappingURL=gear-outline.js.map

package/lib/gear-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gear-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GearOutlineIcon16","forwardRef","props","ref","displayName","GearOutlineIcon20","GearOutlineIcon24","GearOutlineIcon28","GearOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["gear-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 GearOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m8.372 2.364 4.25 2.427a.75.75 0 0 1 .378.651v5.076a.75.75 0 0 1-.374.65l-4.25 2.46a.75.75 0 0 1-.752 0l-4.25-2.46a.75.75 0 0 1-.374-.65V5.442a.75.75 0 0 1 .378-.651l4.25-2.427a.75.75 0 0 1 .744 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8.868 1.496a1.75 1.75 0 0 0-1.736 0l-4.25 2.426A1.75 1.75 0 0 0 2 5.442v5.076c0 .625.333 1.202.873 1.515l4.25 2.46a1.75 1.75 0 0 0 1.754 0l4.25-2.46c.54-.313.873-.89.873-1.515V5.442a1.75 1.75 0 0 0-.882-1.52zM10 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0\" /></svg>));\nGearOutlineIcon16.displayName = 'GearOutlineIcon16';\nconst GearOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10.248 3.702a.5.5 0 0 0-.496 0l-5 2.855a.5.5 0 0 0-.252.435v5.97a.5.5 0 0 0 .25.433l5 2.894a.5.5 0 0 0 .5 0l.752 1.298a2 2 0 0 1-2.004 0l-5-2.894A2 2 0 0 1 3 12.962v-5.97a2 2 0 0 1 1.008-1.737l5-2.855a2 2 0 0 1 1.984 0l5 2.855A2 2 0 0 1 17 6.992v5.97a2 2 0 0 1-.998 1.731l-5 2.894-.751-1.298 5-2.894a.5.5 0 0 0 .249-.433v-5.97a.5.5 0 0 0-.252-.435zM13.5 10a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0M12 10a2 2 0 1 0-4 0 2 2 0 0 0 4 0\" /></svg>));\nGearOutlineIcon20.displayName = 'GearOutlineIcon20';\nconst GearOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12.248 5.145a.5.5 0 0 0-.496 0l-5.5 3.14A.5.5 0 0 0 6 8.72v6.575a.5.5 0 0 0 .25.433l5.5 3.183a.5.5 0 0 0 .5 0l5.5-3.183a.5.5 0 0 0 .25-.433V8.72a.5.5 0 0 0-.252-.434zM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2.76-8.592 5.5 3.14A2.5 2.5 0 0 1 20 8.72v6.575a2.5 2.5 0 0 1-1.248 2.164l-5.5 3.183a2.5 2.5 0 0 1-2.504 0l-5.5-3.183A2.5 2.5 0 0 1 4 15.295V8.72a2.5 2.5 0 0 1 1.26-2.171l5.5-3.14a2.5 2.5 0 0 1 2.48 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0\" /></svg>));\nGearOutlineIcon24.displayName = 'GearOutlineIcon24';\nconst GearOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m14.496 6.086 6 3.426a1 1 0 0 1 .504.869v7.18a1 1 0 0 1-.5.865L14.502 21.9a1 1 0 0 1-1.002 0l-6-3.473a1 1 0 0 1-.5-.866v-7.18a1 1 0 0 1 .504-.869l6-3.426a1 1 0 0 1 .992 0M19 14a5 5 0 1 1-10 0 5 5 0 0 1 10 0m-3.512-9.65a3 3 0 0 0-2.976 0l-6 3.426A3 3 0 0 0 5 10.38v7.18a3 3 0 0 0 1.497 2.596l6 3.473a3 3 0 0 0 3.006 0l6-3.473A3 3 0 0 0 23 17.561v-7.18a3 3 0 0 0-1.512-2.605zM17 14a3 3 0 1 0-6 0 3 3 0 0 0 6 0\" /></svg>));\nGearOutlineIcon28.displayName = 'GearOutlineIcon28';\n\nconst GearOutlineIcon = 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}><GearOutlineIcon16 className={styles.variant16} />\n<GearOutlineIcon20 className={styles.variant20} />\n<GearOutlineIcon24 className={styles.variant24} />\n<GearOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GearOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GearOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GearOutlineIcon24 {...mainProps} />); }\nreturn (<GearOutlineIcon28 {...mainProps} />);\n  }\n);\nGearOutlineIcon.displayName = 'GearOutlineIcon';\nGearOutlineIcon.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 GearOutlineIcon;"],"mappings":"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"}

package/lib/gear.d.ts

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

package/lib/gear.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GearIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.132 1.496a1.75 1.75 0 0 1 1.736 0l4.25 2.426c.545.312.882.892.882 1.52v5.076a1.75 1.75 0 0 1-.873 1.515l-4.25 2.46a1.75 1.75 0 0 1-1.754 0l-4.25-2.46A1.75 1.75 0 0 1 2 10.518V5.442c0-.628.337-1.208.882-1.52zM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+})));
+GearIcon16.displayName = 'GearIcon16';
+const GearIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.008 2.4a2 2 0 0 1 1.984 0l5 2.855A2 2 0 0 1 17 6.992v5.97a2 2 0 0 1-.998 1.731l-5 2.894a2 2 0 0 1-2.004 0l-5-2.894A2 2 0 0 1 3 12.962v-5.97a2 2 0 0 1 1.008-1.737zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
+})));
+GearIcon20.displayName = 'GearIcon20';
+const GearIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.76 3.408a2.5 2.5 0 0 1 2.48 0l5.5 3.14A2.5 2.5 0 0 1 20 8.72v6.575a2.5 2.5 0 0 1-1.248 2.164l-5.5 3.183a2.5 2.5 0 0 1-2.504 0l-5.5-3.183A2.5 2.5 0 0 1 4 15.295V8.72a2.5 2.5 0 0 1 1.26-2.171zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+})));
+GearIcon24.displayName = 'GearIcon24';
+const GearIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.512 4.35a3 3 0 0 1 2.976 0l6 3.426A3 3 0 0 1 23 10.38v7.18a3 3 0 0 1-1.497 2.596l-6 3.473a3 3 0 0 1-3.006 0l-6-3.473A3 3 0 0 1 5 17.561v-7.18a3 3 0 0 1 1.512-2.605zM14 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+})));
+GearIcon28.displayName = 'GearIcon28';
 const GearIcon = /*#__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: "M12 3L4 7.405v9.13L12 21l8-4.465v-9.13L12 3zm3.858 10.02a4 4 0 11-7.718-2.11 4 4 0 017.718 2.11z"
-  }));
+  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(GearIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GearIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GearIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GearIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GearIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GearIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GearIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GearIcon28, mainProps);
 });
+GearIcon.displayName = 'GearIcon';
 GearIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GearIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GearIcon;
 //# sourceMappingURL=gear.js.map

package/lib/gear.js.map

@@ -1 +1 @@
-{"version":3,"file":"gear.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GearIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["gear.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 GearIcon = 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 3L4 7.405v9.13L12 21l8-4.465v-9.13L12 3zm3.858 10.02a4 4 0 11-7.718-2.11 4 4 0 017.718 2.11z\" /></svg>)}\n);\n\nGearIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGearIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GearIcon;"],"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,QAAQ,gBAAGV,KAAK,CAACW,UAAN,CACf,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;AAAmP,CADpR,CAAjB;AAIAF,QAAQ,CAACQ,SAAT,GAAqB;EACnBH,SAAS,EAAEd,SAAS,CAACkB,MADF;EAEnBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFY;EAGnBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHa,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBP,IAAI,EAAE;AADgB,CAAxB;AAIA,eAAeJ,QAAf"}
+{"version":3,"file":"gear.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GearIcon16","forwardRef","props","ref","displayName","GearIcon20","GearIcon24","GearIcon28","GearIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["gear.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 GearIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M7.132 1.496a1.75 1.75 0 0 1 1.736 0l4.25 2.426c.545.312.882.892.882 1.52v5.076a1.75 1.75 0 0 1-.873 1.515l-4.25 2.46a1.75 1.75 0 0 1-1.754 0l-4.25-2.46A1.75 1.75 0 0 1 2 10.518V5.442c0-.628.337-1.208.882-1.52zM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" /></svg>));\nGearIcon16.displayName = 'GearIcon16';\nconst GearIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M9.008 2.4a2 2 0 0 1 1.984 0l5 2.855A2 2 0 0 1 17 6.992v5.97a2 2 0 0 1-.998 1.731l-5 2.894a2 2 0 0 1-2.004 0l-5-2.894A2 2 0 0 1 3 12.962v-5.97a2 2 0 0 1 1.008-1.737zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" /></svg>));\nGearIcon20.displayName = 'GearIcon20';\nconst GearIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M10.76 3.408a2.5 2.5 0 0 1 2.48 0l5.5 3.14A2.5 2.5 0 0 1 20 8.72v6.575a2.5 2.5 0 0 1-1.248 2.164l-5.5 3.183a2.5 2.5 0 0 1-2.504 0l-5.5-3.183A2.5 2.5 0 0 1 4 15.295V8.72a2.5 2.5 0 0 1 1.26-2.171zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8\" /></svg>));\nGearIcon24.displayName = 'GearIcon24';\nconst GearIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M12.512 4.35a3 3 0 0 1 2.976 0l6 3.426A3 3 0 0 1 23 10.38v7.18a3 3 0 0 1-1.497 2.596l-6 3.473a3 3 0 0 1-3.006 0l-6-3.473A3 3 0 0 1 5 17.561v-7.18a3 3 0 0 1 1.512-2.605zM14 18a4 4 0 1 0 0-8 4 4 0 0 0 0 8\" /></svg>));\nGearIcon28.displayName = 'GearIcon28';\n\nconst GearIcon = 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}><GearIcon16 className={styles.variant16} />\n<GearIcon20 className={styles.variant20} />\n<GearIcon24 className={styles.variant24} />\n<GearIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GearIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GearIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GearIcon24 {...mainProps} />); }\nreturn (<GearIcon28 {...mainProps} />);\n  }\n);\nGearIcon.displayName = 'GearIcon';\nGearIcon.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 GearIcon;"],"mappings":"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"}

package/lib/git-hub.d.ts

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