@rescui/icons 0.16.15-RUI-230-Update-icons-7e73b1a0.23 → 0.16.15-RUI-230-Update-icons-1bfaa24e.31

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

@@ -7,10 +7,10 @@ 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 class AddCircleOutlineIcon extends React.Component<IAddCircleOutlineIconProps, any> {
-  render(): JSX.Element;
-}
+declare const AddCircleOutlineIcon: React.ForwardRefExoticComponent<IAddCircleOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default AddCircleOutlineIcon;

package/lib/add-circle-outline.js

@@ -16,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddCircleOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleOutlineIcon16.displayName = 'AddCircleOutlineIcon16';
+const AddCircleOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleOutlineIcon20.displayName = 'AddCircleOutlineIcon20';
+const AddCircleOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleOutlineIcon24.displayName = 'AddCircleOutlineIcon24';
+const AddCircleOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleOutlineIcon28.displayName = 'AddCircleOutlineIcon28';
 const AddCircleOutlineIcon = /*#__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 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"
+      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("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 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"
-    }));
+    return /*#__PURE__*/React.createElement(AddCircleOutlineIcon20, 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 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"
-    }));
+    return /*#__PURE__*/React.createElement(AddCircleOutlineIcon24, 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 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"
-  }));
+  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"])
-};
-AddCircleOutlineIcon.defaultProps = {
-  size: "m"
+  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

@@ -1 +1 @@
-{"version":3,"file":"add-circle-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"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 AddCircleOutlineIcon = 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 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>); }\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 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>); }\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 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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><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);\n\nAddCircleOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddCircleOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddCircleOutlineIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,oBAAoB,gBAAGV,KAAK,CAACW,UAAN,CAC3B,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAoT;;EACjY,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAiW;;EAC3X,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA2U;;EACrW,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA2U,CAJ9S,CAA7B;AAOAF,oBAAoB,CAACQ,SAArB,GAAiC;EAC/BH,SAAS,EAAEd,SAAS,CAACkB,MADU;EAE/BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFwB;EAG/BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHyB,CAAjC;AAMAV,oBAAoB,CAACW,YAArB,GAAoC;EAClCP,IAAI,EAAE;AAD4B,CAApC;AAIA,eAAeJ,oBAAf"}
+{"version":3,"file":"add-circle-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleOutlineIcon16","forwardRef","props","ref","displayName","AddCircleOutlineIcon20","AddCircleOutlineIcon24","AddCircleOutlineIcon28","AddCircleOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><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>));\nAddCircleOutlineIcon16.displayName = 'AddCircleOutlineIcon16';\nconst AddCircleOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><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>));\nAddCircleOutlineIcon20.displayName = 'AddCircleOutlineIcon20';\nconst AddCircleOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><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>));\nAddCircleOutlineIcon24.displayName = 'AddCircleOutlineIcon24';\nconst AddCircleOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><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>));\nAddCircleOutlineIcon28.displayName = 'AddCircleOutlineIcon28';\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

@@ -7,10 +7,10 @@ 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 class AddCircleIcon extends React.Component<IAddCircleIconProps, any> {
-  render(): JSX.Element;
-}
+declare const AddCircleIcon: React.ForwardRefExoticComponent<IAddCircleIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default AddCircleIcon;

package/lib/add-circle.js

@@ -16,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddCircleIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleIcon16.displayName = 'AddCircleIcon16';
+const AddCircleIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleIcon20.displayName = 'AddCircleIcon20';
+const AddCircleIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleIcon24.displayName = 'AddCircleIcon24';
+const AddCircleIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__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"
+})));
+AddCircleIcon28.displayName = 'AddCircleIcon28';
 const AddCircleIcon = /*#__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 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"
+      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("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 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"
-    }));
+    return /*#__PURE__*/React.createElement(AddCircleIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 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"
-    }));
+    return /*#__PURE__*/React.createElement(AddCircleIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 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"
-  }));
+  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"])
-};
-AddCircleIcon.defaultProps = {
-  size: "m"
+  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

@@ -1 +1 @@
-{"version":3,"file":"add-circle.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"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 AddCircleIcon = 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 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>); }\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 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>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><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);\n\nAddCircleIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddCircleIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddCircleIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAmR;;EAChW,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAsT;;EAChV,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA2S;;EACrU,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA0S,CAJpR,CAAtB;AAOAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"add-circle.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddCircleIcon16","forwardRef","props","ref","displayName","AddCircleIcon20","AddCircleIcon24","AddCircleIcon28","AddCircleIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><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>));\nAddCircleIcon16.displayName = 'AddCircleIcon16';\nconst AddCircleIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><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>));\nAddCircleIcon20.displayName = 'AddCircleIcon20';\nconst AddCircleIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><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>));\nAddCircleIcon24.displayName = 'AddCircleIcon24';\nconst AddCircleIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><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>));\nAddCircleIcon28.displayName = 'AddCircleIcon28';\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,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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-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"
+})));
+AddOutlineIcon16.displayName = 'AddOutlineIcon16';
+const AddOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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.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"
+})));
+AddOutlineIcon20.displayName = 'AddOutlineIcon20';
+const AddOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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-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"
+})));
+AddOutlineIcon24.displayName = 'AddOutlineIcon24';
+const AddOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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-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"
+})));
+AddOutlineIcon28.displayName = 'AddOutlineIcon28';
 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-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"
+      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.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"
-    }));
+    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-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"
-    }));
+    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-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"
-  }));
+  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-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>); }\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.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>); }\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-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>); }\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-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);\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":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CACrB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAyc;;EACthB,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA6Z;;EACvb,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA2Z;;EACrb,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA4W,CAJrV,CAAvB;AAOAF,cAAc,CAACQ,SAAf,GAA2B;EACzBH,SAAS,EAAEd,SAAS,CAACkB,MADI;EAEzBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHmB,CAA3B;AAMAV,cAAc,CAACW,YAAf,GAA8B;EAC5BP,IAAI,EAAE;AADsB,CAA9B;AAIA,eAAeJ,cAAf"}
+{"version":3,"file":"add-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddOutlineIcon16","forwardRef","props","ref","displayName","AddOutlineIcon20","AddOutlineIcon24","AddOutlineIcon28","AddOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} 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-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>));\nAddOutlineIcon16.displayName = 'AddOutlineIcon16';\nconst AddOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} 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.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>));\nAddOutlineIcon20.displayName = 'AddOutlineIcon20';\nconst AddOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} 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-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>));\nAddOutlineIcon24.displayName = 'AddOutlineIcon24';\nconst AddOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} 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-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>));\nAddOutlineIcon28.displayName = 'AddOutlineIcon28';\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":";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,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/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;