@rescui/icons 0.16.17 → 1.0.0

package/lib/slack.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SlackIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.153 3.94c-.81 0-1.47-.661-1.47-1.47 0-.81.66-1.471 1.47-1.471s1.47.661 1.47 1.47v1.47zM2.47 11.317c.81 0 1.47-.661 1.47-1.47V8.376H2.47c-.809 0-1.47.661-1.47 1.47 0 .81.661 1.471 1.47 1.471m3.683-2.941c-.81 0-1.47.661-1.47 1.47v3.682c0 .81.66 1.47 1.47 1.47s1.47-.66 1.47-1.47v-3.68c0-.81-.661-1.47-1.47-1.47m1.47-2.226c0-.81-.661-1.47-1.47-1.47H2.47c-.809 0-1.47.66-1.47 1.47s.661 1.47 1.47 1.47h3.682c.81 0 1.47-.661 1.47-1.47m4.437 0c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47-.66 1.47-1.47 1.47h-1.47zm-2.213 1.47c.81 0 1.47-.661 1.47-1.47V2.468c0-.809-.66-1.47-1.47-1.47s-1.47.661-1.47 1.47V6.15c0 .81.661 1.47 1.47 1.47m.001 4.439c.809 0 1.47.66 1.47 1.47s-.661 1.47-1.47 1.47c-.81 0-1.47-.66-1.47-1.47v-1.47zM8.376 9.847c0 .809.661 1.47 1.47 1.47h3.682c.81 0 1.47-.661 1.47-1.47 0-.81-.66-1.471-1.47-1.471H9.846c-.809 0-1.47.661-1.47 1.47"
+})));
+SlackIcon16.displayName = 'SlackIcon16';
+const SlackIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.89 5.361c-.926 0-1.681-.755-1.681-1.68S6.964 2 7.889 2c.926 0 1.681.756 1.681 1.68v1.681zm-4.209 8.43c.925 0 1.68-.755 1.68-1.68V10.43h-1.68c-.925 0-1.68.755-1.68 1.68 0 .926.755 1.681 1.68 1.681M7.89 10.43c-.926 0-1.681.755-1.681 1.68v4.209c0 .925.755 1.68 1.68 1.68.926 0 1.681-.755 1.681-1.68V12.11c0-.926-.755-1.681-1.68-1.681m1.68-2.541c0-.925-.756-1.68-1.68-1.68H3.68c-.925 0-1.68.755-1.68 1.68S2.755 9.57 3.68 9.57h4.208c.925 0 1.681-.756 1.681-1.68m5.069-.002c0-.925.756-1.68 1.681-1.68S18 6.963 18 7.888s-.755 1.681-1.68 1.681h-1.68zM12.11 9.57c.926 0 1.682-.756 1.682-1.68V3.68c0-.924-.756-1.68-1.681-1.68s-1.68.756-1.68 1.68v4.21c0 .924.755 1.68 1.68 1.68m-.001 5.067c.926 0 1.682.756 1.682 1.681s-.756 1.68-1.681 1.68-1.68-.755-1.68-1.68v-1.68zm-1.68-2.527c0 .926.756 1.681 1.68 1.681h4.21c.924 0 1.68-.755 1.68-1.68 0-.926-.756-1.681-1.68-1.681h-4.21c-.924 0-1.68.755-1.68 1.68"
+})));
+SlackIcon20.displayName = 'SlackIcon20';
+const SlackIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.362 6.202A2.106 2.106 0 0 1 7.26 4.1c0-1.155.945-2.1 2.1-2.1s2.102.945 2.102 2.101v2.1zM4.101 16.739a2.106 2.106 0 0 0 2.101-2.1v-2.102h-2.1A2.106 2.106 0 0 0 2 14.638c0 1.156.945 2.101 2.101 2.101m5.261-4.202a2.106 2.106 0 0 0-2.101 2.101v5.26c0 1.157.944 2.102 2.1 2.102a2.106 2.106 0 0 0 2.102-2.101v-5.26a2.106 2.106 0 0 0-2.101-2.102m2.101-3.176a2.106 2.106 0 0 0-2.101-2.1h-5.26A2.106 2.106 0 0 0 2 9.36c0 1.157.945 2.101 2.101 2.101h5.26a2.106 2.106 0 0 0 2.102-2.1m6.335 0c0-1.156.945-2.1 2.1-2.1 1.157 0 2.102.944 2.102 2.1s-.945 2.101-2.101 2.101h-2.101zm-3.159 2.101c1.156 0 2.1-.944 2.1-2.1V4.1A2.106 2.106 0 0 0 14.64 2a2.106 2.106 0 0 0-2.101 2.101v5.26c0 1.157.944 2.101 2.1 2.101m-.001 6.336c1.157 0 2.101.944 2.101 2.1A2.106 2.106 0 0 1 14.64 22a2.107 2.107 0 0 1-2.102-2.102v-2.1zm-2.1-3.16c0 1.156.944 2.101 2.1 2.101H19.9a2.106 2.106 0 0 0 2.101-2.1 2.106 2.106 0 0 0-2.1-2.102H14.64a2.106 2.106 0 0 0-2.101 2.101"
+})));
+SlackIcon24.displayName = 'SlackIcon24';
+const SlackIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.098 7.622a2.317 2.317 0 0 1-2.311-2.31A2.317 2.317 0 0 1 11.097 3a2.317 2.317 0 0 1 2.312 2.311v2.311zM5.31 19.213a2.317 2.317 0 0 0 2.312-2.311V14.59H5.31A2.317 2.317 0 0 0 3 16.9a2.317 2.317 0 0 0 2.31 2.312m5.787-4.622a2.317 2.317 0 0 0-2.31 2.312v5.787a2.317 2.317 0 0 0 2.31 2.31 2.317 2.317 0 0 0 2.312-2.31v-5.787a2.317 2.317 0 0 0-2.312-2.311m2.312-3.494a2.317 2.317 0 0 0-2.312-2.311H5.312A2.317 2.317 0 0 0 3 11.096a2.317 2.317 0 0 0 2.31 2.312h5.788a2.317 2.317 0 0 0 2.31-2.311m6.97 0a2.317 2.317 0 0 1 2.311-2.311A2.317 2.317 0 0 1 25 11.096a2.317 2.317 0 0 1-2.311 2.312h-2.311zm-3.476 2.312a2.317 2.317 0 0 0 2.311-2.311V5.31A2.317 2.317 0 0 0 16.903 3a2.317 2.317 0 0 0-2.312 2.311v5.787a2.317 2.317 0 0 0 2.311 2.31m0 6.969a2.317 2.317 0 0 1 2.311 2.31A2.317 2.317 0 0 1 16.903 25a2.317 2.317 0 0 1-2.312-2.311v-2.311zm-2.311-3.475a2.317 2.317 0 0 0 2.311 2.311h5.787a2.317 2.317 0 0 0 2.31-2.311 2.317 2.317 0 0 0-2.31-2.311h-5.787a2.317 2.317 0 0 0-2.31 2.31"
+})));
+SlackIcon28.displayName = 'SlackIcon28';
 const SlackIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.586 6.601h1.9v-1.9a1.837 1.837 0 00-1.9-1.9 1.9 1.9 0 000 3.8zm1.9 7.6v4.7a1.837 1.837 0 01-1.9 1.9 1.9 1.9 0 01-1.9-1.9v-4.7a1.899 1.899 0 011.9-1.9 1.837 1.837 0 011.9 1.9zm-5.864 1.773a1.839 1.839 0 01-.737.127 1.9 1.9 0 010-3.8h1.9v1.9a1.839 1.839 0 01-1.163 1.773zm3.963-4.673h-4.7a1.9 1.9 0 010-3.8h4.7a1.838 1.838 0 011.9 1.9 1.9 1.9 0 01-1.9 1.9zm11.4-1.9a1.967 1.967 0 00-1.9-1.9 1.899 1.899 0 00-1.9 1.9v1.9h1.9a1.9 1.9 0 001.9-1.9zm-5.862 1.773a1.839 1.839 0 01-.738.127 1.9 1.9 0 01-1.9-1.9v-4.7a1.839 1.839 0 011.9-1.9 1.898 1.898 0 011.9 1.9v4.7a1.837 1.837 0 01-1.162 1.773zm-.738 9.628a1.839 1.839 0 001.9-1.9 1.9 1.9 0 00-1.9-1.9h-1.9v1.9a1.899 1.899 0 001.9 1.9zm4.7-4.7h-4.7a1.9 1.9 0 110-3.8h4.7a1.836 1.836 0 011.9 1.9 1.9 1.9 0 01-1.9 1.9z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SlackIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SlackIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SlackIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SlackIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SlackIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SlackIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SlackIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SlackIcon28, mainProps);
 });
+SlackIcon.displayName = 'SlackIcon';
 SlackIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SlackIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SlackIcon;
 //# sourceMappingURL=slack.js.map

package/lib/slack.js.map

@@ -1 +1 @@
-{"version":3,"file":"slack.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SlackIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["slack.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 SlackIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M9.586 6.601h1.9v-1.9a1.837 1.837 0 00-1.9-1.9 1.9 1.9 0 000 3.8zm1.9 7.6v4.7a1.837 1.837 0 01-1.9 1.9 1.9 1.9 0 01-1.9-1.9v-4.7a1.899 1.899 0 011.9-1.9 1.837 1.837 0 011.9 1.9zm-5.864 1.773a1.839 1.839 0 01-.737.127 1.9 1.9 0 010-3.8h1.9v1.9a1.839 1.839 0 01-1.163 1.773zm3.963-4.673h-4.7a1.9 1.9 0 010-3.8h4.7a1.838 1.838 0 011.9 1.9 1.9 1.9 0 01-1.9 1.9zm11.4-1.9a1.967 1.967 0 00-1.9-1.9 1.899 1.899 0 00-1.9 1.9v1.9h1.9a1.9 1.9 0 001.9-1.9zm-5.862 1.773a1.839 1.839 0 01-.738.127 1.9 1.9 0 01-1.9-1.9v-4.7a1.839 1.839 0 011.9-1.9 1.898 1.898 0 011.9 1.9v4.7a1.837 1.837 0 01-1.162 1.773zm-.738 9.628a1.839 1.839 0 001.9-1.9 1.9 1.9 0 00-1.9-1.9h-1.9v1.9a1.899 1.899 0 001.9 1.9zm4.7-4.7h-4.7a1.9 1.9 0 110-3.8h4.7a1.836 1.836 0 011.9 1.9 1.9 1.9 0 01-1.9 1.9z\" /></svg>)}\n);\n\nSlackIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSlackIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SlackIcon;"],"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,SAAS,gBAAGV,KAAK,CAACW,UAAN,CAChB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+4B,CAD/6B,CAAlB;AAIAF,SAAS,CAACQ,SAAV,GAAsB;EACpBH,SAAS,EAAEd,SAAS,CAACkB,MADD;EAEpBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFa;EAGpBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHc,CAAtB;AAMAV,SAAS,CAACW,YAAV,GAAyB;EACvBP,IAAI,EAAE;AADiB,CAAzB;AAIA,eAAeJ,SAAf"}
+{"version":3,"file":"slack.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SlackIcon16","forwardRef","props","ref","displayName","SlackIcon20","SlackIcon24","SlackIcon28","SlackIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["slack.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst SlackIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M6.153 3.94c-.81 0-1.47-.661-1.47-1.47 0-.81.66-1.471 1.47-1.471s1.47.661 1.47 1.47v1.47zM2.47 11.317c.81 0 1.47-.661 1.47-1.47V8.376H2.47c-.809 0-1.47.661-1.47 1.47 0 .81.661 1.471 1.47 1.471m3.683-2.941c-.81 0-1.47.661-1.47 1.47v3.682c0 .81.66 1.47 1.47 1.47s1.47-.66 1.47-1.47v-3.68c0-.81-.661-1.47-1.47-1.47m1.47-2.226c0-.81-.661-1.47-1.47-1.47H2.47c-.809 0-1.47.66-1.47 1.47s.661 1.47 1.47 1.47h3.682c.81 0 1.47-.661 1.47-1.47m4.437 0c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47-.66 1.47-1.47 1.47h-1.47zm-2.213 1.47c.81 0 1.47-.661 1.47-1.47V2.468c0-.809-.66-1.47-1.47-1.47s-1.47.661-1.47 1.47V6.15c0 .81.661 1.47 1.47 1.47m.001 4.439c.809 0 1.47.66 1.47 1.47s-.661 1.47-1.47 1.47c-.81 0-1.47-.66-1.47-1.47v-1.47zM8.376 9.847c0 .809.661 1.47 1.47 1.47h3.682c.81 0 1.47-.661 1.47-1.47 0-.81-.66-1.471-1.47-1.471H9.846c-.809 0-1.47.661-1.47 1.47\" /></svg>));\nSlackIcon16.displayName = 'SlackIcon16';\nconst SlackIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M7.89 5.361c-.926 0-1.681-.755-1.681-1.68S6.964 2 7.889 2c.926 0 1.681.756 1.681 1.68v1.681zm-4.209 8.43c.925 0 1.68-.755 1.68-1.68V10.43h-1.68c-.925 0-1.68.755-1.68 1.68 0 .926.755 1.681 1.68 1.681M7.89 10.43c-.926 0-1.681.755-1.681 1.68v4.209c0 .925.755 1.68 1.68 1.68.926 0 1.681-.755 1.681-1.68V12.11c0-.926-.755-1.681-1.68-1.681m1.68-2.541c0-.925-.756-1.68-1.68-1.68H3.68c-.925 0-1.68.755-1.68 1.68S2.755 9.57 3.68 9.57h4.208c.925 0 1.681-.756 1.681-1.68m5.069-.002c0-.925.756-1.68 1.681-1.68S18 6.963 18 7.888s-.755 1.681-1.68 1.681h-1.68zM12.11 9.57c.926 0 1.682-.756 1.682-1.68V3.68c0-.924-.756-1.68-1.681-1.68s-1.68.756-1.68 1.68v4.21c0 .924.755 1.68 1.68 1.68m-.001 5.067c.926 0 1.682.756 1.682 1.681s-.756 1.68-1.681 1.68-1.68-.755-1.68-1.68v-1.68zm-1.68-2.527c0 .926.756 1.681 1.68 1.681h4.21c.924 0 1.68-.755 1.68-1.68 0-.926-.756-1.681-1.68-1.681h-4.21c-.924 0-1.68.755-1.68 1.68\" /></svg>));\nSlackIcon20.displayName = 'SlackIcon20';\nconst SlackIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M9.362 6.202A2.106 2.106 0 0 1 7.26 4.1c0-1.155.945-2.1 2.1-2.1s2.102.945 2.102 2.101v2.1zM4.101 16.739a2.106 2.106 0 0 0 2.101-2.1v-2.102h-2.1A2.106 2.106 0 0 0 2 14.638c0 1.156.945 2.101 2.101 2.101m5.261-4.202a2.106 2.106 0 0 0-2.101 2.101v5.26c0 1.157.944 2.102 2.1 2.102a2.106 2.106 0 0 0 2.102-2.101v-5.26a2.106 2.106 0 0 0-2.101-2.102m2.101-3.176a2.106 2.106 0 0 0-2.101-2.1h-5.26A2.106 2.106 0 0 0 2 9.36c0 1.157.945 2.101 2.101 2.101h5.26a2.106 2.106 0 0 0 2.102-2.1m6.335 0c0-1.156.945-2.1 2.1-2.1 1.157 0 2.102.944 2.102 2.1s-.945 2.101-2.101 2.101h-2.101zm-3.159 2.101c1.156 0 2.1-.944 2.1-2.1V4.1A2.106 2.106 0 0 0 14.64 2a2.106 2.106 0 0 0-2.101 2.101v5.26c0 1.157.944 2.101 2.1 2.101m-.001 6.336c1.157 0 2.101.944 2.101 2.1A2.106 2.106 0 0 1 14.64 22a2.107 2.107 0 0 1-2.102-2.102v-2.1zm-2.1-3.16c0 1.156.944 2.101 2.1 2.101H19.9a2.106 2.106 0 0 0 2.101-2.1 2.106 2.106 0 0 0-2.1-2.102H14.64a2.106 2.106 0 0 0-2.101 2.101\" /></svg>));\nSlackIcon24.displayName = 'SlackIcon24';\nconst SlackIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M11.098 7.622a2.317 2.317 0 0 1-2.311-2.31A2.317 2.317 0 0 1 11.097 3a2.317 2.317 0 0 1 2.312 2.311v2.311zM5.31 19.213a2.317 2.317 0 0 0 2.312-2.311V14.59H5.31A2.317 2.317 0 0 0 3 16.9a2.317 2.317 0 0 0 2.31 2.312m5.787-4.622a2.317 2.317 0 0 0-2.31 2.312v5.787a2.317 2.317 0 0 0 2.31 2.31 2.317 2.317 0 0 0 2.312-2.31v-5.787a2.317 2.317 0 0 0-2.312-2.311m2.312-3.494a2.317 2.317 0 0 0-2.312-2.311H5.312A2.317 2.317 0 0 0 3 11.096a2.317 2.317 0 0 0 2.31 2.312h5.788a2.317 2.317 0 0 0 2.31-2.311m6.97 0a2.317 2.317 0 0 1 2.311-2.311A2.317 2.317 0 0 1 25 11.096a2.317 2.317 0 0 1-2.311 2.312h-2.311zm-3.476 2.312a2.317 2.317 0 0 0 2.311-2.311V5.31A2.317 2.317 0 0 0 16.903 3a2.317 2.317 0 0 0-2.312 2.311v5.787a2.317 2.317 0 0 0 2.311 2.31m0 6.969a2.317 2.317 0 0 1 2.311 2.31A2.317 2.317 0 0 1 16.903 25a2.317 2.317 0 0 1-2.312-2.311v-2.311zm-2.311-3.475a2.317 2.317 0 0 0 2.311 2.311h5.787a2.317 2.317 0 0 0 2.31-2.311 2.317 2.317 0 0 0-2.31-2.311h-5.787a2.317 2.317 0 0 0-2.31 2.31\" /></svg>));\nSlackIcon28.displayName = 'SlackIcon28';\n\nconst SlackIcon = 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}><SlackIcon16 className={styles.variant16} />\n<SlackIcon20 className={styles.variant20} />\n<SlackIcon24 className={styles.variant24} />\n<SlackIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SlackIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SlackIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SlackIcon24 {...mainProps} />); }\nreturn (<SlackIcon28 {...mainProps} />);\n  }\n);\nSlackIcon.displayName = 'SlackIcon';\nSlackIcon.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 SlackIcon;"],"mappings":"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"}

package/lib/smile-happy-outline.d.ts

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

package/lib/smile-happy-outline.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SmileHappyOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.475 3.333c-.444.929-1.451 1.425-2.53 1.42s-2.093-.513-2.541-1.427a.5.5 0 0 0-.898.44c.656 1.34 2.08 1.98 3.435 1.986 1.357.007 2.783-.622 3.436-1.988a.5.5 0 0 0-.902-.431M15 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"
+})));
+SmileHappyOutlineIcon16.displayName = 'SmileHappyOutlineIcon16';
+const SmileHappyOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.276 3.447c-.47.983-1.546 1.526-2.728 1.52-1.185-.006-2.27-.562-2.746-1.53a.75.75 0 1 0-1.347.66c.788 1.606 2.487 2.363 4.085 2.37 1.601.008 3.306-.735 4.09-2.373a.75.75 0 1 0-1.354-.647M18 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"
+})));
+SmileHappyOutlineIcon20.displayName = 'SmileHappyOutlineIcon20';
+const SmileHappyOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M17 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.651 4.282c-.575 1.202-1.894 1.872-3.354 1.865-1.463-.007-2.796-.694-3.376-1.878a1 1 0 1 0-1.796.88c.998 2.035 3.147 2.988 5.162 2.998 2.019.01 4.176-.927 5.168-3.002a1 1 0 1 0-1.804-.863M22 12c0 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"
+})));
+SmileHappyOutlineIcon24.displayName = 'SmileHappyOutlineIcon24';
+const SmileHappyOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.226 4.503c-.653 1.366-2.146 2.117-3.78 2.109-1.637-.008-3.144-.777-3.803-2.122a1 1 0 1 0-1.796.88c1.077 2.196 3.4 3.231 5.59 3.242 2.191.01 4.522-1.007 5.593-3.246a1 1 0 1 0-1.804-.863M25 14c0 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"
+})));
+SmileHappyOutlineIcon28.displayName = 'SmileHappyOutlineIcon28';
 const SmileHappyOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.004 4.517a9 9 0 015-1.517 8.963 8.963 0 019 9 9 9 0 11-14-7.483zm1.11 13.303a7 7 0 003.89 1.18 6.958 6.958 0 007-7 7 7 0 10-10.89 5.82zm6.15-2.383a3.658 3.658 0 01-2.204.761 3.54 3.54 0 01-3.4-2.7h6.9a3.657 3.657 0 01-1.296 1.939zm2.286-5.042a1.5 1.5 0 10-2.893-.79 1.5 1.5 0 002.893.79zM9.5 8.553a1.5 1.5 0 11-.79 2.893 1.5 1.5 0 01.79-2.893z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SmileHappyOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SmileHappyOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SmileHappyOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SmileHappyOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SmileHappyOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SmileHappyOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SmileHappyOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SmileHappyOutlineIcon28, mainProps);
 });
+SmileHappyOutlineIcon.displayName = 'SmileHappyOutlineIcon';
 SmileHappyOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SmileHappyOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SmileHappyOutlineIcon;
 //# sourceMappingURL=smile-happy-outline.js.map

package/lib/smile-happy-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"smile-happy-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SmileHappyOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["smile-happy-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 SmileHappyOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M7.004 4.517a9 9 0 015-1.517 8.963 8.963 0 019 9 9 9 0 11-14-7.483zm1.11 13.303a7 7 0 003.89 1.18 6.958 6.958 0 007-7 7 7 0 10-10.89 5.82zm6.15-2.383a3.658 3.658 0 01-2.204.761 3.54 3.54 0 01-3.4-2.7h6.9a3.657 3.657 0 01-1.296 1.939zm2.286-5.042a1.5 1.5 0 10-2.893-.79 1.5 1.5 0 002.893.79zM9.5 8.553a1.5 1.5 0 11-.79 2.893 1.5 1.5 0 01.79-2.893z\" /></svg>)}\n);\n\nSmileHappyOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSmileHappyOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SmileHappyOutlineIcon;"],"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,qBAAqB,gBAAGV,KAAK,CAACW,UAAN,CAC5B,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA6e,CADjgB,CAA9B;AAIAF,qBAAqB,CAACQ,SAAtB,GAAkC;EAChCH,SAAS,EAAEd,SAAS,CAACkB,MADW;EAEhCN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFyB;EAGhCN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAH0B,CAAlC;AAMAV,qBAAqB,CAACW,YAAtB,GAAqC;EACnCP,IAAI,EAAE;AAD6B,CAArC;AAIA,eAAeJ,qBAAf"}
+{"version":3,"file":"smile-happy-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SmileHappyOutlineIcon16","forwardRef","props","ref","displayName","SmileHappyOutlineIcon20","SmileHappyOutlineIcon24","SmileHappyOutlineIcon28","SmileHappyOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["smile-happy-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst SmileHappyOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.475 3.333c-.444.929-1.451 1.425-2.53 1.42s-2.093-.513-2.541-1.427a.5.5 0 0 0-.898.44c.656 1.34 2.08 1.98 3.435 1.986 1.357.007 2.783-.622 3.436-1.988a.5.5 0 0 0-.902-.431M15 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>));\nSmileHappyOutlineIcon16.displayName = 'SmileHappyOutlineIcon16';\nconst SmileHappyOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.276 3.447c-.47.983-1.546 1.526-2.728 1.52-1.185-.006-2.27-.562-2.746-1.53a.75.75 0 1 0-1.347.66c.788 1.606 2.487 2.363 4.085 2.37 1.601.008 3.306-.735 4.09-2.373a.75.75 0 1 0-1.354-.647M18 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>));\nSmileHappyOutlineIcon20.displayName = 'SmileHappyOutlineIcon20';\nconst SmileHappyOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M8.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M17 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.651 4.282c-.575 1.202-1.894 1.872-3.354 1.865-1.463-.007-2.796-.694-3.376-1.878a1 1 0 1 0-1.796.88c.998 2.035 3.147 2.988 5.162 2.998 2.019.01 4.176-.927 5.168-3.002a1 1 0 1 0-1.804-.863M22 12c0 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>));\nSmileHappyOutlineIcon24.displayName = 'SmileHappyOutlineIcon24';\nconst SmileHappyOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M10.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.226 4.503c-.653 1.366-2.146 2.117-3.78 2.109-1.637-.008-3.144-.777-3.803-2.122a1 1 0 1 0-1.796.88c1.077 2.196 3.4 3.231 5.59 3.242 2.191.01 4.522-1.007 5.593-3.246a1 1 0 1 0-1.804-.863M25 14c0 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>));\nSmileHappyOutlineIcon28.displayName = 'SmileHappyOutlineIcon28';\n\nconst SmileHappyOutlineIcon = 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}><SmileHappyOutlineIcon16 className={styles.variant16} />\n<SmileHappyOutlineIcon20 className={styles.variant20} />\n<SmileHappyOutlineIcon24 className={styles.variant24} />\n<SmileHappyOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SmileHappyOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SmileHappyOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SmileHappyOutlineIcon24 {...mainProps} />); }\nreturn (<SmileHappyOutlineIcon28 {...mainProps} />);\n  }\n);\nSmileHappyOutlineIcon.displayName = 'SmileHappyOutlineIcon';\nSmileHappyOutlineIcon.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 SmileHappyOutlineIcon;"],"mappings":"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"}

package/lib/smile-happy.d.ts

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

package/lib/smile-happy.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SmileHappyIcon16 = /*#__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 14M6 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.475 3.333a.5.5 0 1 1 .902.431c-.653 1.366-2.08 1.995-3.436 1.989s-2.779-.648-3.435-1.987a.5.5 0 1 1 .898-.44c.448.914 1.462 1.421 2.542 1.426 1.078.006 2.085-.49 2.529-1.419"
+})));
+SmileHappyIcon16.displayName = 'SmileHappyIcon16';
+const SmileHappyIcon20 = /*#__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 16M8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.276 3.447a.75.75 0 0 1 1.353.647c-.783 1.638-2.488 2.38-4.089 2.373-1.598-.008-3.297-.764-4.085-2.37a.75.75 0 0 1 1.347-.66c.475.968 1.561 1.524 2.746 1.53 1.182.006 2.258-.537 2.728-1.52"
+})));
+SmileHappyIcon20.displayName = 'SmileHappyIcon20';
+const SmileHappyIcon24 = /*#__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 10M8.5 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M17 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.651 4.282a1 1 0 1 1 1.804.863c-.992 2.075-3.15 3.012-5.168 3.002-2.015-.01-4.164-.963-5.162-2.998a1 1 0 1 1 1.796-.88c.58 1.184 1.913 1.871 3.376 1.878 1.46.007 2.78-.663 3.354-1.865"
+})));
+SmileHappyIcon24.displayName = 'SmileHappyIcon24';
+const SmileHappyIcon28 = /*#__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 11m-3.5-12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.226 4.503a1 1 0 1 1 1.804.863c-1.07 2.24-3.402 3.256-5.594 3.246-2.19-.01-4.512-1.046-5.589-3.242a1 1 0 1 1 1.796-.88c.66 1.345 2.166 2.114 3.803 2.122 1.634.008 3.127-.743 3.78-2.109"
+})));
+SmileHappyIcon28.displayName = 'SmileHappyIcon28';
 const SmileHappyIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 21a9 9 0 10-9-9 8.963 8.963 0 009 9zm1.553-11.395a1.5 1.5 0 112.893.79 1.5 1.5 0 01-2.893-.79zm2.446 3.895a4.084 4.084 0 01-4 3.1 4.171 4.171 0 01-4-3.1h8zM7.553 9.605a1.5 1.5 0 112.893.79 1.5 1.5 0 01-2.893-.79z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SmileHappyIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SmileHappyIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SmileHappyIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SmileHappyIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SmileHappyIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SmileHappyIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SmileHappyIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SmileHappyIcon28, mainProps);
 });
+SmileHappyIcon.displayName = 'SmileHappyIcon';
 SmileHappyIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SmileHappyIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SmileHappyIcon;
 //# sourceMappingURL=smile-happy.js.map

package/lib/smile-happy.js.map

@@ -1 +1 @@
-{"version":3,"file":"smile-happy.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SmileHappyIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["smile-happy.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 SmileHappyIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12 21a9 9 0 10-9-9 8.963 8.963 0 009 9zm1.553-11.395a1.5 1.5 0 112.893.79 1.5 1.5 0 01-2.893-.79zm2.446 3.895a4.084 4.084 0 01-4 3.1 4.171 4.171 0 01-4-3.1h8zM7.553 9.605a1.5 1.5 0 112.893.79 1.5 1.5 0 01-2.893-.79z\" /></svg>)}\n);\n\nSmileHappyIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSmileHappyIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SmileHappyIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CACrB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA2W,CADtY,CAAvB;AAIAF,cAAc,CAACQ,SAAf,GAA2B;EACzBH,SAAS,EAAEd,SAAS,CAACkB,MADI;EAEzBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHmB,CAA3B;AAMAV,cAAc,CAACW,YAAf,GAA8B;EAC5BP,IAAI,EAAE;AADsB,CAA9B;AAIA,eAAeJ,cAAf"}
+{"version":3,"file":"smile-happy.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SmileHappyIcon16","forwardRef","props","ref","displayName","SmileHappyIcon20","SmileHappyIcon24","SmileHappyIcon28","SmileHappyIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["smile-happy.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst SmileHappyIcon16 = 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 14M6 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.475 3.333a.5.5 0 1 1 .902.431c-.653 1.366-2.08 1.995-3.436 1.989s-2.779-.648-3.435-1.987a.5.5 0 1 1 .898-.44c.448.914 1.462 1.421 2.542 1.426 1.078.006 2.085-.49 2.529-1.419\" /></svg>));\nSmileHappyIcon16.displayName = 'SmileHappyIcon16';\nconst SmileHappyIcon20 = 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 16M8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.276 3.447a.75.75 0 0 1 1.353.647c-.783 1.638-2.488 2.38-4.089 2.373-1.598-.008-3.297-.764-4.085-2.37a.75.75 0 0 1 1.347-.66c.475.968 1.561 1.524 2.746 1.53 1.182.006 2.258-.537 2.728-1.52\" /></svg>));\nSmileHappyIcon20.displayName = 'SmileHappyIcon20';\nconst SmileHappyIcon24 = 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 10M8.5 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M17 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.651 4.282a1 1 0 1 1 1.804.863c-.992 2.075-3.15 3.012-5.168 3.002-2.015-.01-4.164-.963-5.162-2.998a1 1 0 1 1 1.796-.88c.58 1.184 1.913 1.871 3.376 1.878 1.46.007 2.78-.663 3.354-1.865\" /></svg>));\nSmileHappyIcon24.displayName = 'SmileHappyIcon24';\nconst SmileHappyIcon28 = 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 11m-3.5-12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.226 4.503a1 1 0 1 1 1.804.863c-1.07 2.24-3.402 3.256-5.594 3.246-2.19-.01-4.512-1.046-5.589-3.242a1 1 0 1 1 1.796-.88c.66 1.345 2.166 2.114 3.803 2.122 1.634.008 3.127-.743 3.78-2.109\" /></svg>));\nSmileHappyIcon28.displayName = 'SmileHappyIcon28';\n\nconst SmileHappyIcon = 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}><SmileHappyIcon16 className={styles.variant16} />\n<SmileHappyIcon20 className={styles.variant20} />\n<SmileHappyIcon24 className={styles.variant24} />\n<SmileHappyIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SmileHappyIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SmileHappyIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SmileHappyIcon24 {...mainProps} />); }\nreturn (<SmileHappyIcon28 {...mainProps} />);\n  }\n);\nSmileHappyIcon.displayName = 'SmileHappyIcon';\nSmileHappyIcon.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 SmileHappyIcon;"],"mappings":"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"}

package/lib/smile-neutral-outline.d.ts

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

package/lib/smile-neutral-outline.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SmileNeutralOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-5.5 4a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM15 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"
+})));
+SmileNeutralOutlineIcon16.displayName = 'SmileNeutralOutlineIcon16';
+const SmileNeutralOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2m5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-6 3.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM18 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"
+})));
+SmileNeutralOutlineIcon20.displayName = 'SmileNeutralOutlineIcon20';
+const SmileNeutralOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M16 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-7 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zM22 12c0 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"
+})));
+SmileNeutralOutlineIcon24.displayName = 'SmileNeutralOutlineIcon24';
+const SmileNeutralOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M10 17a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm15-3c0 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"
+})));
+SmileNeutralOutlineIcon28.displayName = 'SmileNeutralOutlineIcon28';
 const SmileNeutralOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.487 7a9 9 0 011.517 5 8.962 8.962 0 01-9 9 9 9 0 117.483-14zM8.115 17.82A7 7 0 0012.004 19a6.958 6.958 0 007-7 7 7 0 10-10.89 5.82zM9.004 14h6v2h-6v-2zm7.447-3.605a1.5 1.5 0 10-2.894-.79 1.5 1.5 0 002.894.79zM9.399 8.553a1.5 1.5 0 11-.79 2.893 1.5 1.5 0 01.79-2.893z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SmileNeutralOutlineIcon28, mainProps);
 });
+SmileNeutralOutlineIcon.displayName = 'SmileNeutralOutlineIcon';
 SmileNeutralOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SmileNeutralOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SmileNeutralOutlineIcon;
 //# sourceMappingURL=smile-neutral-outline.js.map