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

package/lib/add-person-outline.js

@@ -16,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddPersonOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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"
+})));
+AddPersonOutlineIcon16.displayName = 'AddPersonOutlineIcon16';
+const AddPersonOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+AddPersonOutlineIcon20.displayName = 'AddPersonOutlineIcon20';
+const AddPersonOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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"
+})));
+AddPersonOutlineIcon24.displayName = 'AddPersonOutlineIcon24';
+const AddPersonOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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"
+})));
+AddPersonOutlineIcon28.displayName = 'AddPersonOutlineIcon28';
 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

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

@@ -1 +1 @@
-{"version":3,"file":"add-person-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddPersonOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["add-person-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 AddPersonOutlineIcon = 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=\"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\" /></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=\"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\" /></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=\"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\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><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\" /></svg>);}\n);\n\nAddPersonOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddPersonOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddPersonOutlineIcon;"],"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;EAAwe;;EACrjB,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;EAAoe;;EAC9f,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;EAAunB;;EACjpB,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;AAAugB,CAJ1e,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-person-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddPersonOutlineIcon16","forwardRef","props","ref","displayName","AddPersonOutlineIcon20","AddPersonOutlineIcon24","AddPersonOutlineIcon28","AddPersonOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["add-person-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 AddPersonOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><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\" /></svg>));\nAddPersonOutlineIcon16.displayName = 'AddPersonOutlineIcon16';\nconst AddPersonOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><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\" /></svg>));\nAddPersonOutlineIcon20.displayName = 'AddPersonOutlineIcon20';\nconst AddPersonOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><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\" /></svg>));\nAddPersonOutlineIcon24.displayName = 'AddPersonOutlineIcon24';\nconst AddPersonOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><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\" /></svg>));\nAddPersonOutlineIcon28.displayName = 'AddPersonOutlineIcon28';\n\nconst AddPersonOutlineIcon = 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}><AddPersonOutlineIcon16 className={styles.variant16} />\n<AddPersonOutlineIcon20 className={styles.variant20} />\n<AddPersonOutlineIcon24 className={styles.variant24} />\n<AddPersonOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddPersonOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddPersonOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddPersonOutlineIcon24 {...mainProps} />); }\nreturn (<AddPersonOutlineIcon28 {...mainProps} />);\n  }\n);\nAddPersonOutlineIcon.displayName = 'AddPersonOutlineIcon';\nAddPersonOutlineIcon.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 AddPersonOutlineIcon;"],"mappings":"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"}

package/lib/add-person.d.ts

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

package/lib/add-person.js

@@ -16,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddPersonIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-8.64 8.466a5.793 5.793 0 0 1 11.28 0l.052.225A1.065 1.065 0 0 1 11.655 14h-9.31c-.687 0-1.194-.64-1.037-1.309zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z"
+})));
+AddPersonIcon16.displayName = 'AddPersonIcon16';
+const AddPersonIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.38 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-9.959 9.71a6.759 6.759 0 0 1 13.158 0l.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692zM16 5.5h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z"
+})));
+AddPersonIcon20.displayName = 'AddPersonIcon20';
+const AddPersonIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.92 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0M3.09 18.345a8.103 8.103 0 0 1 15.82 0l.03.137A2.07 2.07 0 0 1 16.92 21H5.08a2.07 2.07 0 0 1-2.02-2.518zM19.25 6h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z"
+})));
+AddPersonIcon24.displayName = 'AddPersonIcon24';
+const AddPersonIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17 8A5 5 0 1 1 7 8a5 5 0 0 1 10 0M2.825 20.702A8.85 8.85 0 0 1 11.408 14h1.184a8.85 8.85 0 0 1 8.583 6.702A2.654 2.654 0 0 1 18.6 24H5.4a2.654 2.654 0 0 1-2.575-3.298M22 9h2v3h3v2h-3v3h-2v-3h-3v-2h3z"
+})));
+AddPersonIcon28.displayName = 'AddPersonIcon28';
 const AddPersonIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-8.64 8.466a5.793 5.793 0 0 1 11.28 0l.052.225A1.065 1.065 0 0 1 11.655 14h-9.31c-.687 0-1.194-.64-1.037-1.309zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(AddPersonIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddPersonIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddPersonIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddPersonIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddPersonIcon16, 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: "M12.38 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-9.959 9.71a6.759 6.759 0 0 1 13.158 0l.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692zM16 5.5h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z"
-    }));
+    return /*#__PURE__*/React.createElement(AddPersonIcon20, 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: "M14.92 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0M3.09 18.345a8.103 8.103 0 0 1 15.82 0l.03.137A2.07 2.07 0 0 1 16.92 21H5.08a2.07 2.07 0 0 1-2.02-2.518zM19.25 6h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z"
-    }));
+    return /*#__PURE__*/React.createElement(AddPersonIcon24, 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: "M17 8A5 5 0 1 1 7 8a5 5 0 0 1 10 0M2.825 20.702A8.85 8.85 0 0 1 11.408 14h1.184a8.85 8.85 0 0 1 8.583 6.702A2.654 2.654 0 0 1 18.6 24H5.4a2.654 2.654 0 0 1-2.575-3.298M22 9h2v3h3v2h-3v3h-2v-3h-3v-2h3z"
-  }));
+  return /*#__PURE__*/React.createElement(AddPersonIcon28, mainProps);
 });
+AddPersonIcon.displayName = 'AddPersonIcon';
 AddPersonIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-AddPersonIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default AddPersonIcon;
 //# sourceMappingURL=add-person.js.map

package/lib/add-person.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-person.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddPersonIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["add-person.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 AddPersonIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M10 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-8.64 8.466a5.793 5.793 0 0 1 11.28 0l.052.225A1.065 1.065 0 0 1 11.655 14h-9.31c-.687 0-1.194-.64-1.037-1.309zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z\" /></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=\"M12.38 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-9.959 9.71a6.759 6.759 0 0 1 13.158 0l.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692zM16 5.5h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z\" /></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=\"M14.92 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0M3.09 18.345a8.103 8.103 0 0 1 15.82 0l.03.137A2.07 2.07 0 0 1 16.92 21H5.08a2.07 2.07 0 0 1-2.02-2.518zM19.25 6h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M17 8A5 5 0 1 1 7 8a5 5 0 0 1 10 0M2.825 20.702A8.85 8.85 0 0 1 11.408 14h1.184a8.85 8.85 0 0 1 8.583 6.702A2.654 2.654 0 0 1 18.6 24H5.4a2.654 2.654 0 0 1-2.575-3.298M22 9h2v3h3v2h-3v3h-2v-3h-3v-2h3z\" /></svg>);}\n);\n\nAddPersonIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddPersonIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddPersonIcon;"],"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;EAA8U;;EAC3Z,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;EAA2V;;EACrX,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;EAA0V;;EACpX,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;AAA4V,CAJtU,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-person.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddPersonIcon16","forwardRef","props","ref","displayName","AddPersonIcon20","AddPersonIcon24","AddPersonIcon28","AddPersonIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["add-person.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 AddPersonIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-8.64 8.466a5.793 5.793 0 0 1 11.28 0l.052.225A1.065 1.065 0 0 1 11.655 14h-9.31c-.687 0-1.194-.64-1.037-1.309zM13 4.5h1V6h1.5v1H14v1.5h-1V7h-1.5V6H13z\" /></svg>));\nAddPersonIcon16.displayName = 'AddPersonIcon16';\nconst AddPersonIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M12.38 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-9.959 9.71a6.759 6.759 0 0 1 13.158 0l.023.098A1.377 1.377 0 0 1 14.262 17H3.738a1.377 1.377 0 0 1-1.34-1.692zM16 5.5h1V7h1.5v1H17v1.5h-1V8h-1.5V7H16z\" /></svg>));\nAddPersonIcon20.displayName = 'AddPersonIcon20';\nconst AddPersonIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14.92 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0M3.09 18.345a8.103 8.103 0 0 1 15.82 0l.03.137A2.07 2.07 0 0 1 16.92 21H5.08a2.07 2.07 0 0 1-2.02-2.518zM19.25 6h1.5v2.25H23v1.5h-2.25V12h-1.5V9.75H17v-1.5h2.25z\" /></svg>));\nAddPersonIcon24.displayName = 'AddPersonIcon24';\nconst AddPersonIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M17 8A5 5 0 1 1 7 8a5 5 0 0 1 10 0M2.825 20.702A8.85 8.85 0 0 1 11.408 14h1.184a8.85 8.85 0 0 1 8.583 6.702A2.654 2.654 0 0 1 18.6 24H5.4a2.654 2.654 0 0 1-2.575-3.298M22 9h2v3h3v2h-3v3h-2v-3h-3v-2h3z\" /></svg>));\nAddPersonIcon28.displayName = 'AddPersonIcon28';\n\nconst AddPersonIcon = 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}><AddPersonIcon16 className={styles.variant16} />\n<AddPersonIcon20 className={styles.variant20} />\n<AddPersonIcon24 className={styles.variant24} />\n<AddPersonIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddPersonIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddPersonIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddPersonIcon24 {...mainProps} />); }\nreturn (<AddPersonIcon28 {...mainProps} />);\n  }\n);\nAddPersonIcon.displayName = 'AddPersonIcon';\nAddPersonIcon.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 AddPersonIcon;"],"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,eAAe,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAH,eAAe,CAACI,WAAhB,GAA8B,iBAA9B;AACA,MAAMC,eAAe,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAE,eAAe,CAACD,WAAhB,GAA8B,iBAA9B;AACA,MAAME,eAAe,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAG,eAAe,CAACF,WAAhB,GAA8B,iBAA9B;AACA,MAAMG,eAAe,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAxB;AACAI,eAAe,CAACH,WAAhB,GAA8B,iBAA9B;AAEA,MAAMI,aAAa,gBAAGlB,KAAK,CAACW,UAAN,CACpB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,eAAD;MAAiB,SAAS,EAAEtB,MAAM,CAACyB;IAAnC,EAAxC,eAClB,oBAAC,eAAD;MAAiB,SAAS,EAAEzB,MAAM,CAAC0B;IAAnC,EADkB,eAElB,oBAAC,eAAD;MAAiB,SAAS,EAAE1B,MAAM,CAAC2B;IAAnC,EAFkB,eAGlB,oBAAC,eAAD;MAAiB,SAAS,EAAE3B,MAAM,CAAC4B;IAAnC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACnF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACxE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,eAAD,EAAqBgB,SAArB,CAAR;EAA8C;;EACxE,oBAAQ,oBAAC,eAAD,EAAqBA,SAArB,CAAR;AACG,CA3BmB,CAAtB;AA6BAP,aAAa,CAACJ,WAAd,GAA4B,eAA5B;AACAI,aAAa,CAACc,SAAd,GAA0B;EACxBV,SAAS,EAAErB,SAAS,CAACgC,MADG;EAExBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHkB;EAIxB,yBAAyBjC,SAAS,CAACkC,IAJX;EAKxBZ,KAAK,EAAEtB,SAAS,CAACmC;AALO,CAA1B;AAQA,eAAelB,aAAf"}

package/lib/add.d.ts

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

package/lib/add.js

@@ -16,63 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AddIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25v-8.5A1.75 1.75 0 0 0 12.25 2zM8.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0"
+})));
+AddIcon16.displayName = 'AddIcon16';
+const AddIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm5.75 3v3.25H14a.75.75 0 0 1 0 1.5h-3.25V14a.75.75 0 0 1-1.5 0v-3.25H6a.75.75 0 0 1 0-1.5h3.25V6a.75.75 0 0 1 1.5 0"
+})));
+AddIcon20.displayName = 'AddIcon20';
+const AddIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 3A2.5 2.5 0 0 0 3 5.5v13A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 18.5 3zM13 8v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 1 1 2 0"
+})));
+AddIcon24.displayName = 'AddIcon24';
+const AddIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7 4a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm8 5v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a1 1 0 1 1 0-2h4V9a1 1 0 1 1 2 0"
+})));
+AddIcon28.displayName = 'AddIcon28';
 const AddIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25v-8.5A1.75 1.75 0 0 0 12.25 2zM8.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(AddIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AddIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AddIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AddIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AddIcon16, 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: "M5 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm5.75 3v3.25H14a.75.75 0 0 1 0 1.5h-3.25V14a.75.75 0 0 1-1.5 0v-3.25H6a.75.75 0 0 1 0-1.5h3.25V6a.75.75 0 0 1 1.5 0"
-    }));
+    return /*#__PURE__*/React.createElement(AddIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M5.5 3A2.5 2.5 0 0 0 3 5.5v13A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 18.5 3zM13 8v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 1 1 2 0"
-    }));
+    return /*#__PURE__*/React.createElement(AddIcon24, 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: "M7 4a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm8 5v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a1 1 0 1 1 0-2h4V9a1 1 0 1 1 2 0"
-  }));
+  return /*#__PURE__*/React.createElement(AddIcon28, mainProps);
 });
+AddIcon.displayName = 'AddIcon';
 AddIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-AddIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default AddIcon;
 //# sourceMappingURL=add.js.map

package/lib/add.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["add.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 AddIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25v-8.5A1.75 1.75 0 0 0 12.25 2zM8.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.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=\"M5 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm5.75 3v3.25H14a.75.75 0 0 1 0 1.5h-3.25V14a.75.75 0 0 1-1.5 0v-3.25H6a.75.75 0 0 1 0-1.5h3.25V6a.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=\"M5.5 3A2.5 2.5 0 0 0 3 5.5v13A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 18.5 3zM13 8v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 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=\"M7 4a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm8 5v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a1 1 0 1 1 0-2h4V9a1 1 0 1 1 2 0\" /></svg>);}\n);\n\nAddIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAddIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AddIcon;"],"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,OAAO,gBAAGV,KAAK,CAACW,UAAN,CACd,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;EAAoW;;EACjb,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;EAA6U;;EACvW,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;EAAyU;;EACnW,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;AAAuS,CAJvR,CAAhB;AAOAF,OAAO,CAACQ,SAAR,GAAoB;EAClBH,SAAS,EAAEd,SAAS,CAACkB,MADH;EAElBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFW;EAGlBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHY,CAApB;AAMAV,OAAO,CAACW,YAAR,GAAuB;EACrBP,IAAI,EAAE;AADe,CAAvB;AAIA,eAAeJ,OAAf"}
+{"version":3,"file":"add.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AddIcon16","forwardRef","props","ref","displayName","AddIcon20","AddIcon24","AddIcon28","AddIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["add.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 AddIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 12.25v-8.5A1.75 1.75 0 0 0 12.25 2zM8.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0\" /></svg>));\nAddIcon16.displayName = 'AddIcon16';\nconst AddIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm5.75 3v3.25H14a.75.75 0 0 1 0 1.5h-3.25V14a.75.75 0 0 1-1.5 0v-3.25H6a.75.75 0 0 1 0-1.5h3.25V6a.75.75 0 0 1 1.5 0\" /></svg>));\nAddIcon20.displayName = 'AddIcon20';\nconst AddIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M5.5 3A2.5 2.5 0 0 0 3 5.5v13A2.5 2.5 0 0 0 5.5 21h13a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 18.5 3zM13 8v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 1 1 2 0\" /></svg>));\nAddIcon24.displayName = 'AddIcon24';\nconst AddIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M7 4a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm8 5v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a1 1 0 1 1 0-2h4V9a1 1 0 1 1 2 0\" /></svg>));\nAddIcon28.displayName = 'AddIcon28';\n\nconst AddIcon = 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}><AddIcon16 className={styles.variant16} />\n<AddIcon20 className={styles.variant20} />\n<AddIcon24 className={styles.variant24} />\n<AddIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AddIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AddIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AddIcon24 {...mainProps} />); }\nreturn (<AddIcon28 {...mainProps} />);\n  }\n);\nAddIcon.displayName = 'AddIcon';\nAddIcon.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 AddIcon;"],"mappings":"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"}

package/lib/ai.d.ts

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