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

package/README.md

@@ -1,3 +1,38 @@
 # Icons
 
 * [Usage examples](./docs/usage.md)
+
+## SVG files
+
+For source svg, please follow these rules:
+
+- file name should follow this format: `{component_name}_{size_number}.svg` 
+  - If component is called `SomeIcon`, the svg files show be called `some_16.svg`, `some_20.svg`, etc.
+  - If component is called `CoolAssetOutlineIcon`, the svg files show be called `cool-asset-outline_16.svg`, `cool-asset-outline_20.svg`, etc.
+- svg content should not contain `fill`, `view-box`, `even-odd` or `stroke` attributes
+  - remove `fill` and `view-box` attributes manually or use a [script](#optimize-script)
+  - ask designer to export source svg without `even-odd` and `stroke` attributes
+- svg root element should contain only `xmlns`, `width` and `height` attributes
+- paths should be merged in most cases - except when you have to animate or apply certain styles to different parts. You may use [svgo service](https://jakearchibald.github.io/svgomg/) or use a [script](#optimize-script)
+
+### Optimize script
+
+To automatically convert svg files from Figma to the right format, you may use `optimize-icons-svg` script from `rescui-scripts` package:
+
+```bash
+yarn run rescui-scripts optimize-icons-svg --src-glob "./svg-to-optimize/*"
+```
+
+Other default parameters:
+- `--src`: `./svg`
+- `--clean-out`: `false`
+
+This script cleans up the attributes, merges paths and converts file names to the right format.
+
+### Example svg
+
+`jet-brains-outline_20.svg`:
+
+```svg
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6 13.75h5v-1.5H6zM3 3v14h14V3zm1.5 1.5h11v11h-11z"/></svg>
+```

package/lib/add-circle-outline.d.ts

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

package/lib/add-circle-outline.js

@@ -0,0 +1,101 @@
+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 AddCircleOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8.5 4a.5.5 0 0 0-1 0v3.5H4a.5.5 0 0 0 0 1h3.5V12a.5.5 0 0 0 1 0V8.5H12a.5.5 0 0 0 0-1H8.5zM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-1 0A6 6 0 1 0 2 8a6 6 0 0 0 12 0"
+}));
+
+const AddCircleOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M10.75 5.5a.75.75 0 0 0-1.5 0v3.75H5.5a.75.75 0 0 0 0 1.5h3.75v3.75a.75.75 0 0 0 1.5 0v-3.75h3.75a.75.75 0 0 0 0-1.5h-3.75zM18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0"
+}));
+
+const AddCircleOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13 7a1 1 0 1 0-2 0v4H7a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4zm9 5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
+}));
+
+const AddCircleOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15 8a1 1 0 1 0-2 0v5H8a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5zm10 6c0 6.075-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3s11 4.925 11 11m-2 0a9 9 0 1 0-18 0 9 9 0 0 0 18 0"
+}));
+
+const AddCircleOutlineIcon = /*#__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(AddCircleOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddCircleOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddCircleOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddCircleOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddCircleOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(AddCircleOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(AddCircleOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(AddCircleOutlineIcon28, mainProps);
+});
+AddCircleOutlineIcon.displayName = 'AddCircleOutlineIcon';
+AddCircleOutlineIcon.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 AddCircleOutlineIcon;
+//# sourceMappingURL=add-circle-outline.js.map

package/lib/add-circle-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-circle-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleOutlineIcon16","props","AddCircleOutlineIcon20","AddCircleOutlineIcon24","AddCircleOutlineIcon28","AddCircleOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["add-circle-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst AddCircleOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8.5 4a.5.5 0 0 0-1 0v3.5H4a.5.5 0 0 0 0 1h3.5V12a.5.5 0 0 0 1 0V8.5H12a.5.5 0 0 0 0-1H8.5zM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-1 0A6 6 0 1 0 2 8a6 6 0 0 0 12 0\" /></svg>);\nconst AddCircleOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M10.75 5.5a.75.75 0 0 0-1.5 0v3.75H5.5a.75.75 0 0 0 0 1.5h3.75v3.75a.75.75 0 0 0 1.5 0v-3.75h3.75a.75.75 0 0 0 0-1.5h-3.75zM18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0\" /></svg>);\nconst AddCircleOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M13 7a1 1 0 1 0-2 0v4H7a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4zm9 5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0\" /></svg>);\nconst AddCircleOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M15 8a1 1 0 1 0-2 0v5H8a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5zm10 6c0 6.075-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3s11 4.925 11 11m-2 0a9 9 0 1 0-18 0 9 9 0 0 0 18 0\" /></svg>);\n\nconst AddCircleOutlineIcon = 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}><AddCircleOutlineIcon16 className={styles.variant16} />\n<AddCircleOutlineIcon20 className={styles.variant20} />\n<AddCircleOutlineIcon24 className={styles.variant24} />\n<AddCircleOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddCircleOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddCircleOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddCircleOutlineIcon24 {...mainProps} />); }\nreturn (<AddCircleOutlineIcon28 {...mainProps} />);\n  }\n);\nAddCircleOutlineIcon.displayName = 'AddCircleOutlineIcon';\nAddCircleOutlineIcon.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 AddCircleOutlineIcon;"],"mappings":"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"}

package/lib/add-circle.d.ts

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

package/lib/add-circle.js

@@ -0,0 +1,101 @@
+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 AddCircleIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m.5-11v3.5H12a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 1 0"
+}));
+
+const AddCircleIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m.75-12.5v3.75h3.75a.75.75 0 0 1 0 1.5h-3.75v3.75a.75.75 0 0 1-1.5 0v-3.75H5.5a.75.75 0 0 1 0-1.5h3.75V5.5a.75.75 0 0 1 1.5 0"
+}));
+
+const AddCircleIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m1-15v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 1 1 2 0"
+}));
+
+const AddCircleIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M14 25c6.075 0 11-4.925 11-11S20.075 3 14 3 3 7.925 3 14s4.925 11 11 11m1-17v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H8a1 1 0 1 1 0-2h5V8a1 1 0 1 1 2 0"
+}));
+
+const AddCircleIcon = /*#__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(AddCircleIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddCircleIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddCircleIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddCircleIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddCircleIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(AddCircleIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(AddCircleIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(AddCircleIcon28, mainProps);
+});
+AddCircleIcon.displayName = 'AddCircleIcon';
+AddCircleIcon.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 AddCircleIcon;
+//# sourceMappingURL=add-circle.js.map

package/lib/add-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-circle.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleIcon16","props","AddCircleIcon20","AddCircleIcon24","AddCircleIcon28","AddCircleIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["add-circle.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 AddCircleIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m.5-11v3.5H12a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 1 0\" /></svg>);\nconst AddCircleIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m.75-12.5v3.75h3.75a.75.75 0 0 1 0 1.5h-3.75v3.75a.75.75 0 0 1-1.5 0v-3.75H5.5a.75.75 0 0 1 0-1.5h3.75V5.5a.75.75 0 0 1 1.5 0\" /></svg>);\nconst AddCircleIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m1-15v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 1 1 2 0\" /></svg>);\nconst AddCircleIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M14 25c6.075 0 11-4.925 11-11S20.075 3 14 3 3 7.925 3 14s4.925 11 11 11m1-17v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H8a1 1 0 1 1 0-2h5V8a1 1 0 1 1 2 0\" /></svg>);\n\nconst AddCircleIcon = 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}><AddCircleIcon16 className={styles.variant16} />\n<AddCircleIcon20 className={styles.variant20} />\n<AddCircleIcon24 className={styles.variant24} />\n<AddCircleIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddCircleIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddCircleIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddCircleIcon24 {...mainProps} />); }\nreturn (<AddCircleIcon28 {...mainProps} />);\n  }\n);\nAddCircleIcon.displayName = 'AddCircleIcon';\nAddCircleIcon.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 AddCircleIcon;"],"mappings":"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"}

package/lib/add-outline.d.ts

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

package/lib/add-outline.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const AddOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3zM2 3.75C2 2.784 2.784 2 3.75 2h8.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25zM3.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z"
+}));
+
+const AddOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M10.75 6a.75.75 0 0 0-1.5 0v3.25H6a.75.75 0 0 0 0 1.5h3.25V14a.75.75 0 0 0 1.5 0v-3.25H14a.75.75 0 0 0 0-1.5h-3.25zM3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z"
+}));
+
+const AddOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13 8a1 1 0 1 0-2 0v3H8a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3zM3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5z"
+}));
+
+const AddOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15 9a1 1 0 1 0-2 0v4H9a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4zM4 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
+}));
+
 const AddOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M2 3.75C2 2.784 2.784 2 3.75 2h8.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25zM3.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(AddOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10.75 6a.75.75 0 0 0-1.5 0v3.25H6a.75.75 0 0 0 0 1.5h3.25V14a.75.75 0 0 0 1.5 0v-3.25H14a.75.75 0 0 0 0-1.5h-3.25z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z"
-    }));
+    return /*#__PURE__*/React.createElement(AddOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M13 8a1 1 0 1 0-2 0v3H8a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5z"
-    }));
+    return /*#__PURE__*/React.createElement(AddOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 9a1 1 0 1 0-2 0v4H9a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M4 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
-  }));
+  return /*#__PURE__*/React.createElement(AddOutlineIcon28, mainProps);
 });
+AddOutlineIcon.displayName = 'AddOutlineIcon';
 AddOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-AddOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default AddOutlineIcon;
 //# sourceMappingURL=add-outline.js.map

package/lib/add-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["add-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst AddOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z\" /><path d=\"M2 3.75C2 2.784 2.784 2 3.75 2h8.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25zM3.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M10.75 6a.75.75 0 0 0-1.5 0v3.25H6a.75.75 0 0 0 0 1.5h3.25V14a.75.75 0 0 0 1.5 0v-3.25H14a.75.75 0 0 0 0-1.5h-3.25z\" /><path d=\"M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M13 8a1 1 0 1 0-2 0v3H8a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3z\" /><path d=\"M3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M15 9a1 1 0 1 0-2 0v4H9a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4z\" /><path d=\"M4 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z\" /></svg>);}\n);\n\nAddOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"add-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddOutlineIcon16","props","AddOutlineIcon20","AddOutlineIcon24","AddOutlineIcon28","AddOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["add-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst AddOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3zM2 3.75C2 2.784 2.784 2 3.75 2h8.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25zM3.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75z\" /></svg>);\nconst AddOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M10.75 6a.75.75 0 0 0-1.5 0v3.25H6a.75.75 0 0 0 0 1.5h3.25V14a.75.75 0 0 0 1.5 0v-3.25H14a.75.75 0 0 0 0-1.5h-3.25zM3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z\" /></svg>);\nconst AddOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M13 8a1 1 0 1 0-2 0v3H8a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3zM3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5z\" /></svg>);\nconst AddOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M15 9a1 1 0 1 0-2 0v4H9a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4zM4 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z\" /></svg>);\n\nconst AddOutlineIcon = 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}><AddOutlineIcon16 className={styles.variant16} />\n<AddOutlineIcon20 className={styles.variant20} />\n<AddOutlineIcon24 className={styles.variant24} />\n<AddOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddOutlineIcon24 {...mainProps} />); }\nreturn (<AddOutlineIcon28 {...mainProps} />);\n  }\n);\nAddOutlineIcon.displayName = 'AddOutlineIcon';\nAddOutlineIcon.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 AddOutlineIcon;"],"mappings":"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"}

package/lib/add-person-outline.d.ts

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

package/lib/add-person-outline.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const AddPersonOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M7 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0M7 8a5.79 5.79 0 0 0-5.64 4.466l-.052.225A1.065 1.065 0 0 0 2.345 14h9.31c.687 0 1.194-.64 1.037-1.309l-.053-.225A5.79 5.79 0 0 0 7 8m-4.666 4.695a4.793 4.793 0 0 1 9.332 0l.053.225a.065.065 0 0 1-.063.08H2.345a.065.065 0 0 1-.064-.08zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z"
+}));
+
+const AddPersonOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m15.579 15.21.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692l.023-.097a6.76 6.76 0 0 1 8.187-5.018 6.76 6.76 0 0 1 4.971 5.018M9 11.5a5.26 5.26 0 0 0-5.106 4h10.212A5.26 5.26 0 0 0 9 11.5M8.88 9a3.5 3.5 0 1 1 0-6.999A3.5 3.5 0 0 1 8.88 9m2-3.5a2 2 0 1 0-4 0 2 2 0 0 0 4 0m5.12 0h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z"
+}));
+
+const AddPersonOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m18.94 18.482-.03-.137a8.105 8.105 0 0 0-10.534-5.91 8.1 8.1 0 0 0-5.286 5.91l-.03.137A2.07 2.07 0 0 0 5.08 21h11.84a2.07 2.07 0 0 0 2.02-2.518m-1.952.434a.1.1 0 0 1 .001.03.1.1 0 0 1-.015.028.1.1 0 0 1-.024.02.1.1 0 0 1-.03.006H5.08a.1.1 0 0 1-.03-.005.1.1 0 0 1-.024-.021.1.1 0 0 1-.015-.028.1.1 0 0 1 .001-.03l.03-.137a6.103 6.103 0 0 1 11.916 0zM10.92 11a3.996 3.996 0 0 1-4-4 4 4 0 1 1 4 4m2-4a2 2 0 1 0-4 0 2 2 0 0 0 4 0m6.33-1h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z"
+}));
+
+const AddPersonOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M11.408 14a8.84 8.84 0 0 0-8.583 6.702A2.654 2.654 0 0 0 5.4 24h13.2a2.654 2.654 0 0 0 2.575-3.298A8.85 8.85 0 0 0 12.593 14zm-6.643 7.187A6.85 6.85 0 0 1 11.408 16h1.184a6.85 6.85 0 0 1 6.643 5.187.654.654 0 0 1-.635.813H5.4a.654.654 0 0 1-.635-.813m6.643-8.222A4.996 4.996 0 0 1 7 8a5 5 0 1 1 4.408 4.965M15 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0m7 1h2v3h3v2h-3v3h-2v-3h-3v-2h3z"
+}));
+
 const AddPersonOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M7 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0M7 8a5.79 5.79 0 0 0-5.64 4.466l-.052.225A1.065 1.065 0 0 0 2.345 14h9.31c.687 0 1.194-.64 1.037-1.309l-.053-.225A5.79 5.79 0 0 0 7 8m-4.666 4.695a4.793 4.793 0 0 1 9.332 0l.053.225a.065.065 0 0 1-.063.08H2.345a.065.065 0 0 1-.064-.08zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(AddPersonOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddPersonOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddPersonOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddPersonOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddPersonOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m15.579 15.21.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692l.023-.097a6.76 6.76 0 0 1 8.187-5.018 6.76 6.76 0 0 1 4.971 5.018M9 11.5a5.26 5.26 0 0 0-5.106 4h10.212A5.26 5.26 0 0 0 9 11.5M8.88 9a3.5 3.5 0 1 1 0-6.999A3.5 3.5 0 0 1 8.88 9m2-3.5a2 2 0 1 0-4 0 2 2 0 0 0 4 0m5.12 0h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z"
-    }));
+    return /*#__PURE__*/React.createElement(AddPersonOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m18.94 18.482-.03-.137a8.105 8.105 0 0 0-10.534-5.91 8.1 8.1 0 0 0-5.286 5.91l-.03.137A2.07 2.07 0 0 0 5.08 21h11.84a2.07 2.07 0 0 0 2.02-2.518m-1.952.434a.1.1 0 0 1 .001.03.1.1 0 0 1-.015.028.1.1 0 0 1-.024.02.1.1 0 0 1-.03.006H5.08a.1.1 0 0 1-.03-.005.1.1 0 0 1-.024-.021.1.1 0 0 1-.015-.028.1.1 0 0 1 .001-.03l.03-.137a6.103 6.103 0 0 1 11.916 0zM10.92 11a3.996 3.996 0 0 1-4-4 4 4 0 1 1 4 4m2-4a2 2 0 1 0-4 0 2 2 0 0 0 4 0m6.33-1h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z"
-    }));
+    return /*#__PURE__*/React.createElement(AddPersonOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.408 14a8.84 8.84 0 0 0-8.583 6.702A2.654 2.654 0 0 0 5.4 24h13.2a2.654 2.654 0 0 0 2.575-3.298A8.85 8.85 0 0 0 12.593 14zm-6.643 7.187A6.85 6.85 0 0 1 11.408 16h1.184a6.85 6.85 0 0 1 6.643 5.187.654.654 0 0 1-.635.813H5.4a.654.654 0 0 1-.635-.813m6.643-8.222A4.996 4.996 0 0 1 7 8a5 5 0 1 1 4.408 4.965M15 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0m7 1h2v3h3v2h-3v3h-2v-3h-3v-2h3z"
-  }));
+  return /*#__PURE__*/React.createElement(AddPersonOutlineIcon28, mainProps);
 });
+AddPersonOutlineIcon.displayName = 'AddPersonOutlineIcon';
 AddPersonOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-AddPersonOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default AddPersonOutlineIcon;
 //# sourceMappingURL=add-person-outline.js.map