@rescui/icons 0.16.16 → 1.0.0

package/lib/theme-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ThemeOutlineIcon16 = /*#__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 1 8 1a7 7 0 0 1 0 14m6-7a6 6 0 0 0-5.5-5.98v11.96A6 6 0 0 0 14 8m-6.5 5v-1H3.528c.34.38.728.717 1.154 1zm-4.697-2H7.5v-1H2.341q.187.525.462 1m-.72-2H7.5V8H2q0 .511.083 1m0-2H7.5V6H2.341q-.17.484-.258 1m.72-2H7.5V4H3.528a6 6 0 0 0-.725 1m1.88-2H7.5v-.98A6 6 0 0 0 4.682 3"
+})));
+ThemeOutlineIcon16.displayName = 'ThemeOutlineIcon16';
+const ThemeOutlineIcon20 = /*#__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 1 0-16 8 8 0 0 1 0 16m-.75-2.75H6.167a6.47 6.47 0 0 0 3.083 1.207zm0-1.5v-1.5H3.9a6.5 6.5 0 0 0 .79 1.5zm-5.707-3H9.25v-1.5H3.543a6.6 6.6 0 0 0 0 1.5m.357-3h5.35v-1.5H4.69a6.5 6.5 0 0 0-.79 1.5m2.267-3H9.25V3.543A6.47 6.47 0 0 0 6.167 4.75m4.583 11.707a6.501 6.501 0 0 0 0-12.914z"
+})));
+ThemeOutlineIcon20.displayName = 'ThemeOutlineIcon20';
+const ThemeOutlineIcon24 = /*#__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-10a8 8 0 0 1-7 7.938V4.062c3.946.492 7 3.858 7 7.938m-9-3v2H4.062c.087-.699.264-1.37.52-2zm-6.938 4H11v2H4.582a8 8 0 0 1-.52-2m1.693 4H11v2H8.124a8 8 0 0 1-2.37-2M11 7H5.755a8 8 0 0 1 2.369-2H11z"
+})));
+ThemeOutlineIcon24.displayName = 'ThemeOutlineIcon24';
+const ThemeOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M25 14c0 6.075-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3s11 4.925 11 11m-12 8.945V21H8.343A8.96 8.96 0 0 0 13 22.945M13 9H6.516a9 9 0 0 0-1.004 2H13zm-8 5q0 .508.055 1H13v-2H5.055A9 9 0 0 0 5 14m.512 3c.252.712.59 1.383 1.004 2H13v-2zM13 5.055A8.96 8.96 0 0 0 8.343 7H13zM23 14a9 9 0 0 0-8-8.945v17.89A9 9 0 0 0 23 14"
+})));
+ThemeOutlineIcon28.displayName = 'ThemeOutlineIcon28';
+const ThemeOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ThemeOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ThemeOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ThemeOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ThemeOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ThemeOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ThemeOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ThemeOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ThemeOutlineIcon28, mainProps);
+});
+ThemeOutlineIcon.displayName = 'ThemeOutlineIcon';
+ThemeOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ThemeOutlineIcon;
+//# sourceMappingURL=theme-outline.js.map

package/lib/theme-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThemeOutlineIcon16","forwardRef","props","ref","displayName","ThemeOutlineIcon20","ThemeOutlineIcon24","ThemeOutlineIcon28","ThemeOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["theme-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 ThemeOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m6-7a6 6 0 0 0-5.5-5.98v11.96A6 6 0 0 0 14 8m-6.5 5v-1H3.528c.34.38.728.717 1.154 1zm-4.697-2H7.5v-1H2.341q.187.525.462 1m-.72-2H7.5V8H2q0 .511.083 1m0-2H7.5V6H2.341q-.17.484-.258 1m.72-2H7.5V4H3.528a6 6 0 0 0-.725 1m1.88-2H7.5v-.98A6 6 0 0 0 4.682 3\" /></svg>));\nThemeOutlineIcon16.displayName = 'ThemeOutlineIcon16';\nconst ThemeOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m-.75-2.75H6.167a6.47 6.47 0 0 0 3.083 1.207zm0-1.5v-1.5H3.9a6.5 6.5 0 0 0 .79 1.5zm-5.707-3H9.25v-1.5H3.543a6.6 6.6 0 0 0 0 1.5m.357-3h5.35v-1.5H4.69a6.5 6.5 0 0 0-.79 1.5m2.267-3H9.25V3.543A6.47 6.47 0 0 0 6.167 4.75m4.583 11.707a6.501 6.501 0 0 0 0-12.914z\" /></svg>));\nThemeOutlineIcon20.displayName = 'ThemeOutlineIcon20';\nconst ThemeOutlineIcon24 = 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-10a8 8 0 0 1-7 7.938V4.062c3.946.492 7 3.858 7 7.938m-9-3v2H4.062c.087-.699.264-1.37.52-2zm-6.938 4H11v2H4.582a8 8 0 0 1-.52-2m1.693 4H11v2H8.124a8 8 0 0 1-2.37-2M11 7H5.755a8 8 0 0 1 2.369-2H11z\" /></svg>));\nThemeOutlineIcon24.displayName = 'ThemeOutlineIcon24';\nconst ThemeOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M25 14c0 6.075-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3s11 4.925 11 11m-12 8.945V21H8.343A8.96 8.96 0 0 0 13 22.945M13 9H6.516a9 9 0 0 0-1.004 2H13zm-8 5q0 .508.055 1H13v-2H5.055A9 9 0 0 0 5 14m.512 3c.252.712.59 1.383 1.004 2H13v-2zM13 5.055A8.96 8.96 0 0 0 8.343 7H13zM23 14a9 9 0 0 0-8-8.945v17.89A9 9 0 0 0 23 14\" /></svg>));\nThemeOutlineIcon28.displayName = 'ThemeOutlineIcon28';\n\nconst ThemeOutlineIcon = 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}><ThemeOutlineIcon16 className={styles.variant16} />\n<ThemeOutlineIcon20 className={styles.variant20} />\n<ThemeOutlineIcon24 className={styles.variant24} />\n<ThemeOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ThemeOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ThemeOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ThemeOutlineIcon24 {...mainProps} />); }\nreturn (<ThemeOutlineIcon28 {...mainProps} />);\n  }\n);\nThemeOutlineIcon.displayName = 'ThemeOutlineIcon';\nThemeOutlineIcon.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 ThemeOutlineIcon;"],"mappings":"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"}

package/lib/theme.d.ts

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

package/lib/theme.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ThemeIcon16 = /*#__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-7a6 6 0 0 1-6 6V2a6 6 0 0 1 6 6"
+})));
+ThemeIcon16.displayName = 'ThemeIcon16';
+const ThemeIcon20 = /*#__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 16m6.5-8a6.5 6.5 0 0 1-6.5 6.5v-13a6.5 6.5 0 0 1 6.5 6.5"
+})));
+ThemeIcon20.displayName = 'ThemeIcon20';
+const ThemeIcon24 = /*#__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-10a8 8 0 0 1-8 8V4a8 8 0 0 1 8 8"
+})));
+ThemeIcon24.displayName = 'ThemeIcon24';
+const ThemeIcon28 = /*#__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 11m9-11a9 9 0 0 1-9 9V5a9 9 0 0 1 9 9"
+})));
+ThemeIcon28.displayName = 'ThemeIcon28';
 const ThemeIcon = /*#__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: "M11.982 21.008a9 9 0 10-9-9 9.01 9.01 0 009 9zm0-16a7 7 0 010 14v-14z"
-  }));
+  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(ThemeIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ThemeIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ThemeIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ThemeIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ThemeIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ThemeIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ThemeIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ThemeIcon28, mainProps);
 });
+ThemeIcon.displayName = 'ThemeIcon';
 ThemeIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ThemeIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ThemeIcon;
 //# sourceMappingURL=theme.js.map

package/lib/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThemeIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["theme.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 ThemeIcon = 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=\"M11.982 21.008a9 9 0 10-9-9 9.01 9.01 0 009 9zm0-16a7 7 0 010 14v-14z\" /></svg>)}\n);\n\nThemeIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nThemeIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ThemeIcon;"],"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;AAAwN,CADxP,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":"theme.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThemeIcon16","forwardRef","props","ref","displayName","ThemeIcon20","ThemeIcon24","ThemeIcon28","ThemeIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["theme.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 ThemeIcon16 = 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-7a6 6 0 0 1-6 6V2a6 6 0 0 1 6 6\" /></svg>));\nThemeIcon16.displayName = 'ThemeIcon16';\nconst ThemeIcon20 = 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 16m6.5-8a6.5 6.5 0 0 1-6.5 6.5v-13a6.5 6.5 0 0 1 6.5 6.5\" /></svg>));\nThemeIcon20.displayName = 'ThemeIcon20';\nconst ThemeIcon24 = 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-10a8 8 0 0 1-8 8V4a8 8 0 0 1 8 8\" /></svg>));\nThemeIcon24.displayName = 'ThemeIcon24';\nconst ThemeIcon28 = 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 11m9-11a9 9 0 0 1-9 9V5a9 9 0 0 1 9 9\" /></svg>));\nThemeIcon28.displayName = 'ThemeIcon28';\n\nconst ThemeIcon = 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}><ThemeIcon16 className={styles.variant16} />\n<ThemeIcon20 className={styles.variant20} />\n<ThemeIcon24 className={styles.variant24} />\n<ThemeIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ThemeIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ThemeIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ThemeIcon24 {...mainProps} />); }\nreturn (<ThemeIcon28 {...mainProps} />);\n  }\n);\nThemeIcon.displayName = 'ThemeIcon';\nThemeIcon.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 ThemeIcon;"],"mappings":"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"}

package/lib/thumbs-down-outline.d.ts

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

package/lib/thumbs-down-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ThumbsDownOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m10.386 11-1.604 3.062c-.302.577-.91.938-1.56.938a1.764 1.764 0 0 1-1.767-1.75V11H2.75A1.75 1.75 0 0 1 1 9.25V7.596c0-.422.152-.83.43-1.149l2.473-2.845A1.75 1.75 0 0 1 5.224 3h8.026c.967 0 1.75.784 1.75 1.75v4.5A1.75 1.75 0 0 1 13.25 11zm-3.931 0v2.25c0 .402.34.75.766.75.286 0 .548-.16.675-.402L9.5 10.536a1 1 0 0 1 .886-.536H11V4H5.224a.75.75 0 0 0-.566.258L2.184 7.104A.75.75 0 0 0 2 7.596V9.25c0 .414.336.75.75.75h2.705a1 1 0 0 1 1 1M12 4v6h1.25a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75z"
+})));
+ThumbsDownOutlineIcon16.displayName = 'ThumbsDownOutlineIcon16';
+const ThumbsDownOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m13 13.5-1.716 3.4A2 2 0 0 1 9.5 18H9a2 2 0 0 1-2-2v-2.5H4a2 2 0 0 1-2-2V9.622a2 2 0 0 1 .45-1.263L5.4 4.737A2 2 0 0 1 6.95 4H16a2 2 0 0 1 2 2v5.5a2 2 0 0 1-2 2zm-4.5 0V16a.5.5 0 0 0 .5.5h.499a.5.5 0 0 0 .446-.275l1.716-3.4A1.5 1.5 0 0 1 13 12h.5V5.5H6.95a.5.5 0 0 0-.387.184l-2.95 3.622a.5.5 0 0 0-.113.316V11.5a.5.5 0 0 0 .5.5h3a1.5 1.5 0 0 1 1.5 1.5m6.5-8V12h1a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5z"
+})));
+ThumbsDownOutlineIcon20.displayName = 'ThumbsDownOutlineIcon20';
+const ThumbsDownOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.5 16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 19.5 5H7.358a2.5 2.5 0 0 0-1.535.526l-2.9 2.255a2.5 2.5 0 0 0-.966 1.974V13.5a2.5 2.5 0 0 0 2.5 2.5h3.422v3.5a2.5 2.5 0 0 0 2.5 2.5h1.031a2.5 2.5 0 0 0 2.264-1.44L15.811 16zm-9.621 0a2 2 0 0 0-2-2H4.457a.5.5 0 0 1-.5-.5V9.755a.5.5 0 0 1 .193-.395l2.9-2.255A.5.5 0 0 1 7.359 7H16v7h-.19A2 2 0 0 0 14 15.15l-2.137 4.561a.5.5 0 0 1-.453.288h-1.03a.5.5 0 0 1-.5-.5zM18 7h1.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H18z"
+})));
+ThumbsDownOutlineIcon24.displayName = 'ThumbsDownOutlineIcon24';
+const ThumbsDownOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M22 18a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H9.74a3 3 0 0 0-2.118.877L3.838 9.653a3 3 0 0 0-.881 2.123V15a3 3 0 0 0 3 3h3.922v4a3 3 0 0 0 3 3h.338a3 3 0 0 0 2.635-1.566L18.811 18zm-10.121 0a2 2 0 0 0-2-2H5.957a1 1 0 0 1-1-1v-3.224a1 1 0 0 1 .294-.707l3.784-3.777A1 1 0 0 1 9.74 7H19v9h-.19a2 2 0 0 0-1.756 1.044l-2.958 5.434a1 1 0 0 1-.879.522h-.338a1 1 0 0 1-1-1zM21 7h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1z"
+})));
+ThumbsDownOutlineIcon28.displayName = 'ThumbsDownOutlineIcon28';
+const ThumbsDownOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ThumbsDownOutlineIcon28, mainProps);
+});
+ThumbsDownOutlineIcon.displayName = 'ThumbsDownOutlineIcon';
+ThumbsDownOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ThumbsDownOutlineIcon;
+//# sourceMappingURL=thumbs-down-outline.js.map

package/lib/thumbs-down-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbs-down-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThumbsDownOutlineIcon16","forwardRef","props","ref","displayName","ThumbsDownOutlineIcon20","ThumbsDownOutlineIcon24","ThumbsDownOutlineIcon28","ThumbsDownOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["thumbs-down-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 ThumbsDownOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m10.386 11-1.604 3.062c-.302.577-.91.938-1.56.938a1.764 1.764 0 0 1-1.767-1.75V11H2.75A1.75 1.75 0 0 1 1 9.25V7.596c0-.422.152-.83.43-1.149l2.473-2.845A1.75 1.75 0 0 1 5.224 3h8.026c.967 0 1.75.784 1.75 1.75v4.5A1.75 1.75 0 0 1 13.25 11zm-3.931 0v2.25c0 .402.34.75.766.75.286 0 .548-.16.675-.402L9.5 10.536a1 1 0 0 1 .886-.536H11V4H5.224a.75.75 0 0 0-.566.258L2.184 7.104A.75.75 0 0 0 2 7.596V9.25c0 .414.336.75.75.75h2.705a1 1 0 0 1 1 1M12 4v6h1.25a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75z\" /></svg>));\nThumbsDownOutlineIcon16.displayName = 'ThumbsDownOutlineIcon16';\nconst ThumbsDownOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"m13 13.5-1.716 3.4A2 2 0 0 1 9.5 18H9a2 2 0 0 1-2-2v-2.5H4a2 2 0 0 1-2-2V9.622a2 2 0 0 1 .45-1.263L5.4 4.737A2 2 0 0 1 6.95 4H16a2 2 0 0 1 2 2v5.5a2 2 0 0 1-2 2zm-4.5 0V16a.5.5 0 0 0 .5.5h.499a.5.5 0 0 0 .446-.275l1.716-3.4A1.5 1.5 0 0 1 13 12h.5V5.5H6.95a.5.5 0 0 0-.387.184l-2.95 3.622a.5.5 0 0 0-.113.316V11.5a.5.5 0 0 0 .5.5h3a1.5 1.5 0 0 1 1.5 1.5m6.5-8V12h1a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5z\" /></svg>));\nThumbsDownOutlineIcon20.displayName = 'ThumbsDownOutlineIcon20';\nconst ThumbsDownOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M19.5 16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 19.5 5H7.358a2.5 2.5 0 0 0-1.535.526l-2.9 2.255a2.5 2.5 0 0 0-.966 1.974V13.5a2.5 2.5 0 0 0 2.5 2.5h3.422v3.5a2.5 2.5 0 0 0 2.5 2.5h1.031a2.5 2.5 0 0 0 2.264-1.44L15.811 16zm-9.621 0a2 2 0 0 0-2-2H4.457a.5.5 0 0 1-.5-.5V9.755a.5.5 0 0 1 .193-.395l2.9-2.255A.5.5 0 0 1 7.359 7H16v7h-.19A2 2 0 0 0 14 15.15l-2.137 4.561a.5.5 0 0 1-.453.288h-1.03a.5.5 0 0 1-.5-.5zM18 7h1.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H18z\" /></svg>));\nThumbsDownOutlineIcon24.displayName = 'ThumbsDownOutlineIcon24';\nconst ThumbsDownOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M22 18a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H9.74a3 3 0 0 0-2.118.877L3.838 9.653a3 3 0 0 0-.881 2.123V15a3 3 0 0 0 3 3h3.922v4a3 3 0 0 0 3 3h.338a3 3 0 0 0 2.635-1.566L18.811 18zm-10.121 0a2 2 0 0 0-2-2H5.957a1 1 0 0 1-1-1v-3.224a1 1 0 0 1 .294-.707l3.784-3.777A1 1 0 0 1 9.74 7H19v9h-.19a2 2 0 0 0-1.756 1.044l-2.958 5.434a1 1 0 0 1-.879.522h-.338a1 1 0 0 1-1-1zM21 7h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1z\" /></svg>));\nThumbsDownOutlineIcon28.displayName = 'ThumbsDownOutlineIcon28';\n\nconst ThumbsDownOutlineIcon = 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}><ThumbsDownOutlineIcon16 className={styles.variant16} />\n<ThumbsDownOutlineIcon20 className={styles.variant20} />\n<ThumbsDownOutlineIcon24 className={styles.variant24} />\n<ThumbsDownOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ThumbsDownOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ThumbsDownOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ThumbsDownOutlineIcon24 {...mainProps} />); }\nreturn (<ThumbsDownOutlineIcon28 {...mainProps} />);\n  }\n);\nThumbsDownOutlineIcon.displayName = 'ThumbsDownOutlineIcon';\nThumbsDownOutlineIcon.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 ThumbsDownOutlineIcon;"],"mappings":"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"}

package/lib/thumbs-down.d.ts

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

package/lib/thumbs-down.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ThumbsDownIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11 3H5.224c-.507 0-.988.22-1.32.602L1.428 6.447A1.75 1.75 0 0 0 1 7.596V9.25c0 .967.784 1.75 1.75 1.75h2.705v2.25c0 .966.8 1.75 1.766 1.75.651 0 1.259-.361 1.56-.938L10.387 11H11zm1 0v8h1.25A1.75 1.75 0 0 0 15 9.25v-4.5A1.75 1.75 0 0 0 13.25 3z"
+})));
+ThumbsDownIcon16.displayName = 'ThumbsDownIcon16';
+const ThumbsDownIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.5 4H6.95a2 2 0 0 0-1.55.737L2.45 8.359A2 2 0 0 0 2 9.622V11.5a2 2 0 0 0 2 2h3V16a2 2 0 0 0 2 2h.499a2 2 0 0 0 1.785-1.1L13 13.5h.5zM15 4v9.5h1a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"
+})));
+ThumbsDownIcon20.displayName = 'ThumbsDownIcon20';
+const ThumbsDownIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16 5H7.358a2.5 2.5 0 0 0-1.535.526l-2.9 2.255a2.5 2.5 0 0 0-.966 1.974V13.5a2.5 2.5 0 0 0 2.5 2.5h3.422v3.5a2.5 2.5 0 0 0 2.5 2.5h1.031a2.5 2.5 0 0 0 2.264-1.44L15.811 16H16zm2 0v11h1.5a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 19.5 5z"
+})));
+ThumbsDownIcon24.displayName = 'ThumbsDownIcon24';
+const ThumbsDownIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 5H9.74a3 3 0 0 0-2.118.877L3.838 9.653a3 3 0 0 0-.881 2.123V15a3 3 0 0 0 3 3h3.922v4a3 3 0 0 0 3 3h.338a3 3 0 0 0 2.635-1.566L18.811 18H19zm2 0v13h1a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z"
+})));
+ThumbsDownIcon28.displayName = 'ThumbsDownIcon28';
 const ThumbsDownIcon = /*#__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: "M8.21 19.753a2.839 2.839 0 01.135-2.159l.07-.154 1.586-3.432-4.504-.01A1.505 1.505 0 014 12.499V10.92c0-.276.058-.548.17-.8l3.422-5.15A2.014 2.014 0 019.312 4H20v10h-4l-2.775 2.775L9 21a2.997 2.997 0 01-.495-.605l-.002-.004c-.04-.074-.08-.146-.117-.222a3.013 3.013 0 01-.162-.377l-.014-.04z"
-  }));
+  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(ThumbsDownIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ThumbsDownIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ThumbsDownIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ThumbsDownIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ThumbsDownIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ThumbsDownIcon28, mainProps);
 });
+ThumbsDownIcon.displayName = 'ThumbsDownIcon';
 ThumbsDownIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ThumbsDownIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ThumbsDownIcon;
 //# sourceMappingURL=thumbs-down.js.map

package/lib/thumbs-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"thumbs-down.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThumbsDownIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["thumbs-down.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 ThumbsDownIcon = 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=\"M8.21 19.753a2.839 2.839 0 01.135-2.159l.07-.154 1.586-3.432-4.504-.01A1.505 1.505 0 014 12.499V10.92c0-.276.058-.548.17-.8l3.422-5.15A2.014 2.014 0 019.312 4H20v10h-4l-2.775 2.775L9 21a2.997 2.997 0 01-.495-.605l-.002-.004c-.04-.074-.08-.146-.117-.222a3.013 3.013 0 01-.162-.377l-.014-.04z\" /></svg>)}\n);\n\nThumbsDownIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nThumbsDownIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ThumbsDownIcon;"],"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;AAAqb,CADhd,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":"thumbs-down.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ThumbsDownIcon16","forwardRef","props","ref","displayName","ThumbsDownIcon20","ThumbsDownIcon24","ThumbsDownIcon28","ThumbsDownIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["thumbs-down.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 ThumbsDownIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11 3H5.224c-.507 0-.988.22-1.32.602L1.428 6.447A1.75 1.75 0 0 0 1 7.596V9.25c0 .967.784 1.75 1.75 1.75h2.705v2.25c0 .966.8 1.75 1.766 1.75.651 0 1.259-.361 1.56-.938L10.387 11H11zm1 0v8h1.25A1.75 1.75 0 0 0 15 9.25v-4.5A1.75 1.75 0 0 0 13.25 3z\" /></svg>));\nThumbsDownIcon16.displayName = 'ThumbsDownIcon16';\nconst ThumbsDownIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13.5 4H6.95a2 2 0 0 0-1.55.737L2.45 8.359A2 2 0 0 0 2 9.622V11.5a2 2 0 0 0 2 2h3V16a2 2 0 0 0 2 2h.499a2 2 0 0 0 1.785-1.1L13 13.5h.5zM15 4v9.5h1a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\" /></svg>));\nThumbsDownIcon20.displayName = 'ThumbsDownIcon20';\nconst ThumbsDownIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16 5H7.358a2.5 2.5 0 0 0-1.535.526l-2.9 2.255a2.5 2.5 0 0 0-.966 1.974V13.5a2.5 2.5 0 0 0 2.5 2.5h3.422v3.5a2.5 2.5 0 0 0 2.5 2.5h1.031a2.5 2.5 0 0 0 2.264-1.44L15.811 16H16zm2 0v11h1.5a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 19.5 5z\" /></svg>));\nThumbsDownIcon24.displayName = 'ThumbsDownIcon24';\nconst ThumbsDownIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19 5H9.74a3 3 0 0 0-2.118.877L3.838 9.653a3 3 0 0 0-.881 2.123V15a3 3 0 0 0 3 3h3.922v4a3 3 0 0 0 3 3h.338a3 3 0 0 0 2.635-1.566L18.811 18H19zm2 0v13h1a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z\" /></svg>));\nThumbsDownIcon28.displayName = 'ThumbsDownIcon28';\n\nconst ThumbsDownIcon = 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}><ThumbsDownIcon16 className={styles.variant16} />\n<ThumbsDownIcon20 className={styles.variant20} />\n<ThumbsDownIcon24 className={styles.variant24} />\n<ThumbsDownIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ThumbsDownIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ThumbsDownIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ThumbsDownIcon24 {...mainProps} />); }\nreturn (<ThumbsDownIcon28 {...mainProps} />);\n  }\n);\nThumbsDownIcon.displayName = 'ThumbsDownIcon';\nThumbsDownIcon.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 ThumbsDownIcon;"],"mappings":"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"}

package/lib/thumbs-up-outline.d.ts

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