@rescui/icons 0.16.17 → 1.0.1-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0

package/lib/quote-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 QuoteOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.598 7.425A10.4 10.4 0 0 0 7 4.56V4.5a1.5 1.5 0 1 0-3 .005c0 .834.676 1.516 1.51 1.516H6l-1.824 6.366a.48.48 0 1 0 .924.265zm5 0c.266-.932.402-1.896.402-2.865V4.5a1.5 1.5 0 1 0-3 .005c0 .834.676 1.516 1.51 1.516H11l-1.824 6.366a.48.48 0 0 0 .924.265z"
+})));
+QuoteOutlineIcon16.displayName = 'QuoteOutlineIcon16';
+const QuoteOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.192 9.694c.403-1.238.608-2.533.608-3.835A1.86 1.86 0 0 0 6.941 4H6.9C5.85 4 5 4.857 5 5.906c0 1.056.856 1.919 1.912 1.919H7.5L5.363 14.39a.618.618 0 1 0 1.176.382zm6.2 0C14.795 8.456 15 7.161 15 5.86A1.86 1.86 0 0 0 13.14 4h-.04c-1.05 0-1.9.857-1.9 1.906 0 1.056.856 1.919 1.912 1.919h.588l-2.137 6.566a.618.618 0 0 0 1.176.382z"
+})));
+QuoteOutlineIcon20.displayName = 'QuoteOutlineIcon20';
+const QuoteOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.218 11.433C10.736 9.82 11 8.137 11 6.444A2.445 2.445 0 0 0 8.555 4H8.5a2.5 2.5 0 0 0 0 5h.572l-2.83 8.801a.918.918 0 1 0 1.749.562zm8 0A16.3 16.3 0 0 0 19 6.445 2.445 2.445 0 0 0 16.555 4H16.5a2.5 2.5 0 0 0 0 5h.572l-2.83 8.801a.918.918 0 1 0 1.749.562z"
+})));
+QuoteOutlineIcon24.displayName = 'QuoteOutlineIcon24';
+const QuoteOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 7.882c0 2.065-.333 4.117-.986 6.076l-2.387 7.16a.996.996 0 1 1-1.89-.63L9.9 11H9a3 3 0 0 1 0-6h.118A2.88 2.88 0 0 1 12 7.882m10 0c0 2.065-.333 4.117-.986 6.076l-2.398 7.193a.949.949 0 0 1-1.8-.6L20 11h-1a3 3 0 1 1 0-6h.118A2.88 2.88 0 0 1 22 7.882"
+})));
+QuoteOutlineIcon28.displayName = 'QuoteOutlineIcon28';
+const QuoteOutlineIcon = /*#__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(QuoteOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(QuoteOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(QuoteOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(QuoteOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(QuoteOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(QuoteOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(QuoteOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(QuoteOutlineIcon28, mainProps);
+});
+QuoteOutlineIcon.displayName = 'QuoteOutlineIcon';
+QuoteOutlineIcon.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 QuoteOutlineIcon;
+//# sourceMappingURL=quote-outline.js.map

package/lib/quote-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","QuoteOutlineIcon16","forwardRef","props","ref","displayName","QuoteOutlineIcon20","QuoteOutlineIcon24","QuoteOutlineIcon28","QuoteOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["quote-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 QuoteOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M6.598 7.425A10.4 10.4 0 0 0 7 4.56V4.5a1.5 1.5 0 1 0-3 .005c0 .834.676 1.516 1.51 1.516H6l-1.824 6.366a.48.48 0 1 0 .924.265zm5 0c.266-.932.402-1.896.402-2.865V4.5a1.5 1.5 0 1 0-3 .005c0 .834.676 1.516 1.51 1.516H11l-1.824 6.366a.48.48 0 0 0 .924.265z\" /></svg>));\nQuoteOutlineIcon16.displayName = 'QuoteOutlineIcon16';\nconst QuoteOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M8.192 9.694c.403-1.238.608-2.533.608-3.835A1.86 1.86 0 0 0 6.941 4H6.9C5.85 4 5 4.857 5 5.906c0 1.056.856 1.919 1.912 1.919H7.5L5.363 14.39a.618.618 0 1 0 1.176.382zm6.2 0C14.795 8.456 15 7.161 15 5.86A1.86 1.86 0 0 0 13.14 4h-.04c-1.05 0-1.9.857-1.9 1.906 0 1.056.856 1.919 1.912 1.919h.588l-2.137 6.566a.618.618 0 0 0 1.176.382z\" /></svg>));\nQuoteOutlineIcon20.displayName = 'QuoteOutlineIcon20';\nconst QuoteOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M10.218 11.433C10.736 9.82 11 8.137 11 6.444A2.445 2.445 0 0 0 8.555 4H8.5a2.5 2.5 0 0 0 0 5h.572l-2.83 8.801a.918.918 0 1 0 1.749.562zm8 0A16.3 16.3 0 0 0 19 6.445 2.445 2.445 0 0 0 16.555 4H16.5a2.5 2.5 0 0 0 0 5h.572l-2.83 8.801a.918.918 0 1 0 1.749.562z\" /></svg>));\nQuoteOutlineIcon24.displayName = 'QuoteOutlineIcon24';\nconst QuoteOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M12 7.882c0 2.065-.333 4.117-.986 6.076l-2.387 7.16a.996.996 0 1 1-1.89-.63L9.9 11H9a3 3 0 0 1 0-6h.118A2.88 2.88 0 0 1 12 7.882m10 0c0 2.065-.333 4.117-.986 6.076l-2.398 7.193a.949.949 0 0 1-1.8-.6L20 11h-1a3 3 0 1 1 0-6h.118A2.88 2.88 0 0 1 22 7.882\" /></svg>));\nQuoteOutlineIcon28.displayName = 'QuoteOutlineIcon28';\n\nconst QuoteOutlineIcon = 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}><QuoteOutlineIcon16 className={styles.variant16} />\n<QuoteOutlineIcon20 className={styles.variant20} />\n<QuoteOutlineIcon24 className={styles.variant24} />\n<QuoteOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<QuoteOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<QuoteOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<QuoteOutlineIcon24 {...mainProps} />); }\nreturn (<QuoteOutlineIcon28 {...mainProps} />);\n  }\n);\nQuoteOutlineIcon.displayName = 'QuoteOutlineIcon';\nQuoteOutlineIcon.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 QuoteOutlineIcon;"],"mappings":"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"}

package/lib/quote.d.ts

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

package/lib/quote.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const QuoteIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7 5.212C7 6.41 6.806 7.6 6.426 8.736l-1.24 3.706a.817.817 0 1 1-1.548-.518l1.64-4.903h-.611A1.67 1.67 0 0 1 3 5.354v-.687C3 3.747 3.746 3 4.667 3h.666C6.253 3 7 3.746 7 4.667zm6 0c0 1.198-.194 2.388-.574 3.524l-1.245 3.724a.79.79 0 1 1-1.5-.501l1.652-4.938h-.666A1.67 1.67 0 0 1 9 5.354v-.687C9 3.747 9.746 3 10.667 3h.666C12.253 3 13 3.746 13 4.667z"
+})));
+QuoteIcon16.displayName = 'QuoteIcon16';
+const QuoteIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.8 6.398c0 1.605-.29 3.196-.855 4.698l-1.31 3.478a.967.967 0 1 1-1.81-.682l1.908-5.067H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h.8a2 2 0 0 1 2 2zm7.2 0c0 1.605-.29 3.196-.855 4.698l-1.317 3.498a.936.936 0 0 1-1.751-.66L14 8.824h-.8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h.8a2 2 0 0 1 2 2z"
+})));
+QuoteIcon20.displayName = 'QuoteIcon20';
+const QuoteIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.429 7.212c0 2.149-.388 4.28-1.145 6.291L7.53 18.161a1.295 1.295 0 0 1-2.424-.913l2.555-6.786h-.982A2.68 2.68 0 0 1 4 7.783V6.68A2.68 2.68 0 0 1 6.679 4H7.75a2.68 2.68 0 0 1 2.679 2.679zm9.642 0c0 2.149-.388 4.28-1.145 6.291l-1.763 4.685a1.254 1.254 0 0 1-2.346-.883l2.576-6.843H16.32a2.68 2.68 0 0 1-2.678-2.679V6.68c0-1.48 1.2-2.679 2.678-2.679h1.072c1.48 0 2.678 1.2 2.678 2.679z"
+})));
+QuoteIcon24.displayName = 'QuoteIcon24';
+const QuoteIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.2 8.597a20 20 0 0 1-1.282 7.047L8.954 20.86a1.45 1.45 0 0 1-2.716-1.022l2.862-7.6H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1.2a3 3 0 0 1 3 3zm10.8 0a20 20 0 0 1-1.282 7.047l-1.976 5.247a1.404 1.404 0 0 1-2.627-.99L20 12.238h-1.2a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3H20a3 3 0 0 1 3 3z"
+})));
+QuoteIcon28.displayName = 'QuoteIcon28';
 const QuoteIcon = /*#__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 12.031L8 20H5l3-7.969H5V6h6v6.031zM14 6h6v6.031L17 20h-3l3-7.969h-3V6z"
-  }));
+  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(QuoteIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(QuoteIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(QuoteIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(QuoteIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(QuoteIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(QuoteIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(QuoteIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(QuoteIcon28, mainProps);
 });
+QuoteIcon.displayName = 'QuoteIcon';
 QuoteIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-QuoteIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default QuoteIcon;
 //# sourceMappingURL=quote.js.map

package/lib/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","QuoteIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["quote.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 QuoteIcon = 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 12.031L8 20H5l3-7.969H5V6h6v6.031zM14 6h6v6.031L17 20h-3l3-7.969h-3V6z\" /></svg>)}\n);\n\nQuoteIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nQuoteIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default QuoteIcon;"],"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;AAA6N,CAD7P,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":"quote.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","QuoteIcon16","forwardRef","props","ref","displayName","QuoteIcon20","QuoteIcon24","QuoteIcon28","QuoteIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["quote.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 QuoteIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M7 5.212C7 6.41 6.806 7.6 6.426 8.736l-1.24 3.706a.817.817 0 1 1-1.548-.518l1.64-4.903h-.611A1.67 1.67 0 0 1 3 5.354v-.687C3 3.747 3.746 3 4.667 3h.666C6.253 3 7 3.746 7 4.667zm6 0c0 1.198-.194 2.388-.574 3.524l-1.245 3.724a.79.79 0 1 1-1.5-.501l1.652-4.938h-.666A1.67 1.67 0 0 1 9 5.354v-.687C9 3.747 9.746 3 10.667 3h.666C12.253 3 13 3.746 13 4.667z\" /></svg>));\nQuoteIcon16.displayName = 'QuoteIcon16';\nconst QuoteIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M8.8 6.398c0 1.605-.29 3.196-.855 4.698l-1.31 3.478a.967.967 0 1 1-1.81-.682l1.908-5.067H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h.8a2 2 0 0 1 2 2zm7.2 0c0 1.605-.29 3.196-.855 4.698l-1.317 3.498a.936.936 0 0 1-1.751-.66L14 8.824h-.8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h.8a2 2 0 0 1 2 2z\" /></svg>));\nQuoteIcon20.displayName = 'QuoteIcon20';\nconst QuoteIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M10.429 7.212c0 2.149-.388 4.28-1.145 6.291L7.53 18.161a1.295 1.295 0 0 1-2.424-.913l2.555-6.786h-.982A2.68 2.68 0 0 1 4 7.783V6.68A2.68 2.68 0 0 1 6.679 4H7.75a2.68 2.68 0 0 1 2.679 2.679zm9.642 0c0 2.149-.388 4.28-1.145 6.291l-1.763 4.685a1.254 1.254 0 0 1-2.346-.883l2.576-6.843H16.32a2.68 2.68 0 0 1-2.678-2.679V6.68c0-1.48 1.2-2.679 2.678-2.679h1.072c1.48 0 2.678 1.2 2.678 2.679z\" /></svg>));\nQuoteIcon24.displayName = 'QuoteIcon24';\nconst QuoteIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M12.2 8.597a20 20 0 0 1-1.282 7.047L8.954 20.86a1.45 1.45 0 0 1-2.716-1.022l2.862-7.6H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1.2a3 3 0 0 1 3 3zm10.8 0a20 20 0 0 1-1.282 7.047l-1.976 5.247a1.404 1.404 0 0 1-2.627-.99L20 12.238h-1.2a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3H20a3 3 0 0 1 3 3z\" /></svg>));\nQuoteIcon28.displayName = 'QuoteIcon28';\n\nconst QuoteIcon = 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}><QuoteIcon16 className={styles.variant16} />\n<QuoteIcon20 className={styles.variant20} />\n<QuoteIcon24 className={styles.variant24} />\n<QuoteIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<QuoteIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<QuoteIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<QuoteIcon24 {...mainProps} />); }\nreturn (<QuoteIcon28 {...mainProps} />);\n  }\n);\nQuoteIcon.displayName = 'QuoteIcon';\nQuoteIcon.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 QuoteIcon;"],"mappings":"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"}

package/lib/read-outline.d.ts

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

package/lib/read-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 ReadOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.5 3.99a1 1 0 0 1-.18-.134c-.795-.738-1.828-.928-2.9-.834-.966.084-1.864.394-2.42.625v8.607c.65-.32 1.476-.616 2.394-.677 1-.066 2.08.151 3.106.855zm1 8.442a4.82 4.82 0 0 1 3.106-.855c.918.061 1.744.357 2.394.677V3.647c-.557-.231-1.455-.54-2.42-.625-1.073-.094-2.106.096-2.9.834a1 1 0 0 1-.18.133zm0 1.281a.64.64 0 0 1-.343.14 1 1 0 0 1-.157 0 1 1 0 0 1-.157 0 .64.64 0 0 1-.367-.16c-1.99-1.846-4.226-1.034-5.481-.301-.407.238-.995-.049-.995-.52V3.473c0-.286.155-.548.417-.663 1.15-.51 4.43-1.686 6.583.313 2.152-1.999 5.432-.823 6.583-.313a.71.71 0 0 1 .417.663v9.4c0 .47-.588.757-.995.519-1.256-.733-3.492-1.545-5.481.3z"
+})));
+ReadOutlineIcon16.displayName = 'ReadOutlineIcon16';
+const ReadOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.25 5.833v8.803a5.85 5.85 0 0 0-3.395-.797 7.4 7.4 0 0 0-2.355.576V5.374c.618-.241 1.503-.518 2.44-.6 1.168-.102 2.233.11 3.04.859q.125.117.27.2m1.5 8.803V5.833a1.5 1.5 0 0 0 .27-.2c.808-.75 1.872-.961 3.04-.86.937.083 1.822.36 2.44.6v9.042a7.4 7.4 0 0 0-2.355-.576 5.85 5.85 0 0 0-3.395.797m0 1.842c2.235-1.933 4.71-1.028 6.113-.208.465.271 1.137-.056 1.137-.594V4.934a.82.82 0 0 0-.476-.759C16.209 3.593 12.46 2.25 10 4.533c-2.46-2.284-6.209-.94-7.524-.358A.82.82 0 0 0 2 4.934v10.742c0 .538.672.865 1.137.594 1.403-.82 3.878-1.725 6.113.207l.151.136a.72.72 0 0 0 .42.184q.09.009.179 0 .09.009.18 0a.72.72 0 0 0 .419-.184q.075-.07.151-.136"
+})));
+ReadOutlineIcon20.displayName = 'ReadOutlineIcon20';
+const ReadOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11 6.837v10.716a7.44 7.44 0 0 0-4.189-.941A9.3 9.3 0 0 0 4 17.27V6.24c.76-.29 1.82-.613 2.935-.71 1.441-.127 2.73.136 3.704 1.04q.17.156.361.267m2 10.716V6.837q.192-.111.361-.267c.973-.904 2.263-1.167 3.704-1.04 1.116.097 2.174.42 2.935.71v11.03a9.3 9.3 0 0 0-2.811-.658 7.44 7.44 0 0 0-4.189.94m0 2.428c2.777-2.346 5.838-1.223 7.579-.207.58.34 1.421-.07 1.421-.742V5.605a1.02 1.02 0 0 0-.595-.948c-1.644-.728-6.33-2.408-9.405.447C8.925 2.25 4.24 3.93 2.595 4.657A1.02 1.02 0 0 0 2 5.605v13.427c0 .673.84 1.082 1.421.742 1.741-1.016 4.802-2.139 7.579.207q.126.106.252.223c.146.136.332.21.524.23q.112.01.224 0 .113.01.224 0a.9.9 0 0 0 .524-.23q.126-.117.252-.223"
+})));
+ReadOutlineIcon24.displayName = 'ReadOutlineIcon24';
+const ReadOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13 7.803v12.25a8 8 0 0 0-4.695-1.124c-1.232.081-2.358.419-3.305.823V7.184c.855-.336 2.096-.73 3.411-.845 1.617-.142 3.101.15 4.228 1.197q.17.157.361.267m2 12.25V7.803q.192-.11.361-.267c1.127-1.046 2.61-1.339 4.228-1.197 1.315.115 2.556.509 3.411.845v12.568c-.947-.404-2.073-.742-3.305-.823A8 8 0 0 0 15 20.053m0 2.468c3.081-2.693 6.5-1.444 8.437-.313.639.373 1.563-.077 1.563-.817V6.621c0-.45-.244-.86-.655-1.043-1.808-.8-6.963-2.648-10.345.493-3.382-3.141-8.537-1.293-10.345-.493C3.243 5.76 3 6.171 3 6.621v14.77c0 .74.924 1.19 1.563.817 1.936-1.13 5.356-2.38 8.437.313q.09.078.177.16c.16.149.365.23.576.252q.123.012.247 0 .123.012.247 0a1 1 0 0 0 .576-.253z"
+})));
+ReadOutlineIcon28.displayName = 'ReadOutlineIcon28';
+const ReadOutlineIcon = /*#__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(ReadOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ReadOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ReadOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ReadOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ReadOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ReadOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ReadOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ReadOutlineIcon28, mainProps);
+});
+ReadOutlineIcon.displayName = 'ReadOutlineIcon';
+ReadOutlineIcon.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 ReadOutlineIcon;
+//# sourceMappingURL=read-outline.js.map

package/lib/read-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ReadOutlineIcon16","forwardRef","props","ref","displayName","ReadOutlineIcon20","ReadOutlineIcon24","ReadOutlineIcon28","ReadOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["read-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 ReadOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M7.5 3.99a1 1 0 0 1-.18-.134c-.795-.738-1.828-.928-2.9-.834-.966.084-1.864.394-2.42.625v8.607c.65-.32 1.476-.616 2.394-.677 1-.066 2.08.151 3.106.855zm1 8.442a4.82 4.82 0 0 1 3.106-.855c.918.061 1.744.357 2.394.677V3.647c-.557-.231-1.455-.54-2.42-.625-1.073-.094-2.106.096-2.9.834a1 1 0 0 1-.18.133zm0 1.281a.64.64 0 0 1-.343.14 1 1 0 0 1-.157 0 1 1 0 0 1-.157 0 .64.64 0 0 1-.367-.16c-1.99-1.846-4.226-1.034-5.481-.301-.407.238-.995-.049-.995-.52V3.473c0-.286.155-.548.417-.663 1.15-.51 4.43-1.686 6.583.313 2.152-1.999 5.432-.823 6.583-.313a.71.71 0 0 1 .417.663v9.4c0 .47-.588.757-.995.519-1.256-.733-3.492-1.545-5.481.3z\" /></svg>));\nReadOutlineIcon16.displayName = 'ReadOutlineIcon16';\nconst ReadOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M9.25 5.833v8.803a5.85 5.85 0 0 0-3.395-.797 7.4 7.4 0 0 0-2.355.576V5.374c.618-.241 1.503-.518 2.44-.6 1.168-.102 2.233.11 3.04.859q.125.117.27.2m1.5 8.803V5.833a1.5 1.5 0 0 0 .27-.2c.808-.75 1.872-.961 3.04-.86.937.083 1.822.36 2.44.6v9.042a7.4 7.4 0 0 0-2.355-.576 5.85 5.85 0 0 0-3.395.797m0 1.842c2.235-1.933 4.71-1.028 6.113-.208.465.271 1.137-.056 1.137-.594V4.934a.82.82 0 0 0-.476-.759C16.209 3.593 12.46 2.25 10 4.533c-2.46-2.284-6.209-.94-7.524-.358A.82.82 0 0 0 2 4.934v10.742c0 .538.672.865 1.137.594 1.403-.82 3.878-1.725 6.113.207l.151.136a.72.72 0 0 0 .42.184q.09.009.179 0 .09.009.18 0a.72.72 0 0 0 .419-.184q.075-.07.151-.136\" /></svg>));\nReadOutlineIcon20.displayName = 'ReadOutlineIcon20';\nconst ReadOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M11 6.837v10.716a7.44 7.44 0 0 0-4.189-.941A9.3 9.3 0 0 0 4 17.27V6.24c.76-.29 1.82-.613 2.935-.71 1.441-.127 2.73.136 3.704 1.04q.17.156.361.267m2 10.716V6.837q.192-.111.361-.267c.973-.904 2.263-1.167 3.704-1.04 1.116.097 2.174.42 2.935.71v11.03a9.3 9.3 0 0 0-2.811-.658 7.44 7.44 0 0 0-4.189.94m0 2.428c2.777-2.346 5.838-1.223 7.579-.207.58.34 1.421-.07 1.421-.742V5.605a1.02 1.02 0 0 0-.595-.948c-1.644-.728-6.33-2.408-9.405.447C8.925 2.25 4.24 3.93 2.595 4.657A1.02 1.02 0 0 0 2 5.605v13.427c0 .673.84 1.082 1.421.742 1.741-1.016 4.802-2.139 7.579.207q.126.106.252.223c.146.136.332.21.524.23q.112.01.224 0 .113.01.224 0a.9.9 0 0 0 .524-.23q.126-.117.252-.223\" /></svg>));\nReadOutlineIcon24.displayName = 'ReadOutlineIcon24';\nconst ReadOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M13 7.803v12.25a8 8 0 0 0-4.695-1.124c-1.232.081-2.358.419-3.305.823V7.184c.855-.336 2.096-.73 3.411-.845 1.617-.142 3.101.15 4.228 1.197q.17.157.361.267m2 12.25V7.803q.192-.11.361-.267c1.127-1.046 2.61-1.339 4.228-1.197 1.315.115 2.556.509 3.411.845v12.568c-.947-.404-2.073-.742-3.305-.823A8 8 0 0 0 15 20.053m0 2.468c3.081-2.693 6.5-1.444 8.437-.313.639.373 1.563-.077 1.563-.817V6.621c0-.45-.244-.86-.655-1.043-1.808-.8-6.963-2.648-10.345.493-3.382-3.141-8.537-1.293-10.345-.493C3.243 5.76 3 6.171 3 6.621v14.77c0 .74.924 1.19 1.563.817 1.936-1.13 5.356-2.38 8.437.313q.09.078.177.16c.16.149.365.23.576.252q.123.012.247 0 .123.012.247 0a1 1 0 0 0 .576-.253z\" /></svg>));\nReadOutlineIcon28.displayName = 'ReadOutlineIcon28';\n\nconst ReadOutlineIcon = 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}><ReadOutlineIcon16 className={styles.variant16} />\n<ReadOutlineIcon20 className={styles.variant20} />\n<ReadOutlineIcon24 className={styles.variant24} />\n<ReadOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ReadOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ReadOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ReadOutlineIcon24 {...mainProps} />); }\nreturn (<ReadOutlineIcon28 {...mainProps} />);\n  }\n);\nReadOutlineIcon.displayName = 'ReadOutlineIcon';\nReadOutlineIcon.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 ReadOutlineIcon;"],"mappings":"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"}

package/lib/read.d.ts

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

package/lib/read.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ReadIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m8.5 13.713.024-.02c1.99-1.846 4.226-1.034 5.481-.301.407.238.995-.049.995-.52V3.473a.71.71 0 0 0-.417-.663c-1.065-.472-3.952-1.514-6.083-.084zm-1-10.986c-2.13-1.43-5.019-.389-6.083.083A.71.71 0 0 0 1 3.473v9.4c0 .47.588.757.995.519 1.255-.733 3.491-1.545 5.481.3l.024.021z"
+})));
+ReadIcon16.displayName = 'ReadIcon16';
+const ReadIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.25 3.966c-2.415-1.463-5.586-.316-6.774.21A.82.82 0 0 0 2 4.933v10.742c0 .538.672.865 1.137.594 1.403-.82 3.878-1.725 6.113.207zm1.5 12.512c2.235-1.933 4.71-1.028 6.113-.208.465.271 1.137-.056 1.137-.594V4.934a.82.82 0 0 0-.476-.759c-1.188-.525-4.359-1.672-6.774-.209z"
+})));
+ReadIcon20.displayName = 'ReadIcon20';
+const ReadIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11 4.358c-3.011-1.772-6.93-.354-8.405.299A1.02 1.02 0 0 0 2 5.605v13.427c0 .673.84 1.082 1.421.742 1.741-1.016 4.802-2.139 7.579.207zm2 15.622c2.777-2.345 5.838-1.222 7.579-.206.58.34 1.421-.07 1.421-.742V5.605a1.02 1.02 0 0 0-.595-.948C19.93 4.004 16.01 2.586 13 4.358z"
+})));
+ReadIcon24.displayName = 'ReadIcon24';
+const ReadIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13 5.31c-3.325-2.041-7.707-.457-9.345.268C3.243 5.76 3 6.171 3 6.621v14.77c0 .74.924 1.19 1.563.817C6.5 21.077 9.92 19.828 13 22.52zm2 17.21c3.081-2.692 6.5-1.443 8.437-.312.639.373 1.563-.077 1.563-.817V6.62c0-.45-.244-.861-.655-1.043-1.638-.725-6.02-2.31-9.345-.268z"
+})));
+ReadIcon28.displayName = 'ReadIcon28';
 const ReadIcon = /*#__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: "M13.999 5a2 2 0 11-4 0 2 2 0 014 0zm4.348 3h2.656l.033 9.967h-2.988A6.624 6.624 0 0012.02 22a6.913 6.913 0 00-6.25-4H3.036V8H5.77a6.912 6.912 0 016.25 4 7.025 7.025 0 016.327-4z"
-  }));
+  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(ReadIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ReadIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ReadIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ReadIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ReadIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ReadIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ReadIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ReadIcon28, mainProps);
 });
+ReadIcon.displayName = 'ReadIcon';
 ReadIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ReadIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ReadIcon;
 //# sourceMappingURL=read.js.map

package/lib/read.js.map

@@ -1 +1 @@
-{"version":3,"file":"read.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ReadIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["read.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 ReadIcon = 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=\"M13.999 5a2 2 0 11-4 0 2 2 0 014 0zm4.348 3h2.656l.033 9.967h-2.988A6.624 6.624 0 0012.02 22a6.913 6.913 0 00-6.25-4H3.036V8H5.77a6.912 6.912 0 016.25 4 7.025 7.025 0 016.327-4z\" /></svg>)}\n);\n\nReadIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nReadIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ReadIcon;"],"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,QAAQ,gBAAGV,KAAK,CAACW,UAAN,CACf,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;AAAoU,CADrW,CAAjB;AAIAF,QAAQ,CAACQ,SAAT,GAAqB;EACnBH,SAAS,EAAEd,SAAS,CAACkB,MADF;EAEnBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFY;EAGnBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHa,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBP,IAAI,EAAE;AADgB,CAAxB;AAIA,eAAeJ,QAAf"}
+{"version":3,"file":"read.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ReadIcon16","forwardRef","props","ref","displayName","ReadIcon20","ReadIcon24","ReadIcon28","ReadIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["read.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 ReadIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m8.5 13.713.024-.02c1.99-1.846 4.226-1.034 5.481-.301.407.238.995-.049.995-.52V3.473a.71.71 0 0 0-.417-.663c-1.065-.472-3.952-1.514-6.083-.084zm-1-10.986c-2.13-1.43-5.019-.389-6.083.083A.71.71 0 0 0 1 3.473v9.4c0 .47.588.757.995.519 1.255-.733 3.491-1.545 5.481.3l.024.021z\" /></svg>));\nReadIcon16.displayName = 'ReadIcon16';\nconst ReadIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M9.25 3.966c-2.415-1.463-5.586-.316-6.774.21A.82.82 0 0 0 2 4.933v10.742c0 .538.672.865 1.137.594 1.403-.82 3.878-1.725 6.113.207zm1.5 12.512c2.235-1.933 4.71-1.028 6.113-.208.465.271 1.137-.056 1.137-.594V4.934a.82.82 0 0 0-.476-.759c-1.188-.525-4.359-1.672-6.774-.209z\" /></svg>));\nReadIcon20.displayName = 'ReadIcon20';\nconst ReadIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M11 4.358c-3.011-1.772-6.93-.354-8.405.299A1.02 1.02 0 0 0 2 5.605v13.427c0 .673.84 1.082 1.421.742 1.741-1.016 4.802-2.139 7.579.207zm2 15.622c2.777-2.345 5.838-1.222 7.579-.206.58.34 1.421-.07 1.421-.742V5.605a1.02 1.02 0 0 0-.595-.948C19.93 4.004 16.01 2.586 13 4.358z\" /></svg>));\nReadIcon24.displayName = 'ReadIcon24';\nconst ReadIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M13 5.31c-3.325-2.041-7.707-.457-9.345.268C3.243 5.76 3 6.171 3 6.621v14.77c0 .74.924 1.19 1.563.817C6.5 21.077 9.92 19.828 13 22.52zm2 17.21c3.081-2.692 6.5-1.443 8.437-.312.639.373 1.563-.077 1.563-.817V6.62c0-.45-.244-.861-.655-1.043-1.638-.725-6.02-2.31-9.345-.268z\" /></svg>));\nReadIcon28.displayName = 'ReadIcon28';\n\nconst ReadIcon = 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}><ReadIcon16 className={styles.variant16} />\n<ReadIcon20 className={styles.variant20} />\n<ReadIcon24 className={styles.variant24} />\n<ReadIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ReadIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ReadIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ReadIcon24 {...mainProps} />); }\nreturn (<ReadIcon28 {...mainProps} />);\n  }\n);\nReadIcon.displayName = 'ReadIcon';\nReadIcon.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 ReadIcon;"],"mappings":"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"}

package/lib/reddit.d.ts

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