@rescui/icons 0.16.17 → 1.0.0

package/lib/subtitles.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SubtitlesIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z"
+})));
+SubtitlesIcon16.displayName = 'SubtitlesIcon16';
+const SubtitlesIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z"
+})));
+SubtitlesIcon20.displayName = 'SubtitlesIcon20';
+const SubtitlesIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
+})));
+SubtitlesIcon24.displayName = 'SubtitlesIcon24';
+const SubtitlesIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
+})));
+SubtitlesIcon28.displayName = 'SubtitlesIcon28';
 const SubtitlesIcon = /*#__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 4H5a2 2 0 00-2 2v12a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z"
-  }));
+  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(SubtitlesIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SubtitlesIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SubtitlesIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SubtitlesIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SubtitlesIcon28, mainProps);
 });
+SubtitlesIcon.displayName = 'SubtitlesIcon';
 SubtitlesIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SubtitlesIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SubtitlesIcon;
 //# sourceMappingURL=subtitles.js.map

package/lib/subtitles.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitles.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["subtitles.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 SubtitlesIcon = 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=\"M19 4H5a2 2 0 00-2 2v12a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z\" /></svg>)}\n);\n\nSubtitlesIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSubtitlesIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SubtitlesIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,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;AAAua,CADnc,CAAtB;AAIAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"subtitles.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesIcon16","forwardRef","props","ref","displayName","SubtitlesIcon20","SubtitlesIcon24","SubtitlesIcon28","SubtitlesIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["subtitles.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 SubtitlesIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z\" /></svg>));\nSubtitlesIcon16.displayName = 'SubtitlesIcon16';\nconst SubtitlesIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z\" /></svg>));\nSubtitlesIcon20.displayName = 'SubtitlesIcon20';\nconst SubtitlesIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>));\nSubtitlesIcon24.displayName = 'SubtitlesIcon24';\nconst SubtitlesIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>));\nSubtitlesIcon28.displayName = 'SubtitlesIcon28';\n\nconst SubtitlesIcon = 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}><SubtitlesIcon16 className={styles.variant16} />\n<SubtitlesIcon20 className={styles.variant20} />\n<SubtitlesIcon24 className={styles.variant24} />\n<SubtitlesIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SubtitlesIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SubtitlesIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SubtitlesIcon24 {...mainProps} />); }\nreturn (<SubtitlesIcon28 {...mainProps} />);\n  }\n);\nSubtitlesIcon.displayName = 'SubtitlesIcon';\nSubtitlesIcon.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 SubtitlesIcon;"],"mappings":"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"}

package/lib/success-outline.d.ts

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

package/lib/success-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 SuccessOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.854 5.967a.5.5 0 0 0-.708-.707L6.727 9.679 4.854 7.805a.5.5 0 1 0-.708.707l2.228 2.228a.5.5 0 0 0 .707 0zM15 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"
+})));
+SuccessOutlineIcon16.displayName = 'SuccessOutlineIcon16';
+const SuccessOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.03 8.144a.75.75 0 0 0-1.06-1.061l-4.243 4.242L7.03 9.628a.75.75 0 1 0-1.06 1.061l2.227 2.227a.75.75 0 0 0 1.06 0zM18 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"
+})));
+SuccessOutlineIcon20.displayName = 'SuccessOutlineIcon20';
+const SuccessOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.207 9.568a1 1 0 0 0-1.414-1.414l-5.43 5.429-2.156-2.156a1 1 0 1 0-1.414 1.414l2.864 2.863a1 1 0 0 0 1.414 0zM22 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"
+})));
+SuccessOutlineIcon24.displayName = 'SuccessOutlineIcon24';
+const SuccessOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.707 11.289a1 1 0 0 0-1.414-1.415l-6.111 6.112-2.475-2.475a1 1 0 1 0-1.414 1.414l3.182 3.182a1 1 0 0 0 1.414 0zM25 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"
+})));
+SuccessOutlineIcon28.displayName = 'SuccessOutlineIcon28';
+const SuccessOutlineIcon = /*#__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(SuccessOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SuccessOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SuccessOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SuccessOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SuccessOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SuccessOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SuccessOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SuccessOutlineIcon28, mainProps);
+});
+SuccessOutlineIcon.displayName = 'SuccessOutlineIcon';
+SuccessOutlineIcon.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 SuccessOutlineIcon;
+//# sourceMappingURL=success-outline.js.map

package/lib/success-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SuccessOutlineIcon16","forwardRef","props","ref","displayName","SuccessOutlineIcon20","SuccessOutlineIcon24","SuccessOutlineIcon28","SuccessOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["success-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 SuccessOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11.854 5.967a.5.5 0 0 0-.708-.707L6.727 9.679 4.854 7.805a.5.5 0 1 0-.708.707l2.228 2.228a.5.5 0 0 0 .707 0zM15 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>));\nSuccessOutlineIcon16.displayName = 'SuccessOutlineIcon16';\nconst SuccessOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M14.03 8.144a.75.75 0 0 0-1.06-1.061l-4.243 4.242L7.03 9.628a.75.75 0 1 0-1.06 1.061l2.227 2.227a.75.75 0 0 0 1.06 0zM18 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>));\nSuccessOutlineIcon20.displayName = 'SuccessOutlineIcon20';\nconst SuccessOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M17.207 9.568a1 1 0 0 0-1.414-1.414l-5.43 5.429-2.156-2.156a1 1 0 1 0-1.414 1.414l2.864 2.863a1 1 0 0 0 1.414 0zM22 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>));\nSuccessOutlineIcon24.displayName = 'SuccessOutlineIcon24';\nconst SuccessOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19.707 11.289a1 1 0 0 0-1.414-1.415l-6.111 6.112-2.475-2.475a1 1 0 1 0-1.414 1.414l3.182 3.182a1 1 0 0 0 1.414 0zM25 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>));\nSuccessOutlineIcon28.displayName = 'SuccessOutlineIcon28';\n\nconst SuccessOutlineIcon = 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}><SuccessOutlineIcon16 className={styles.variant16} />\n<SuccessOutlineIcon20 className={styles.variant20} />\n<SuccessOutlineIcon24 className={styles.variant24} />\n<SuccessOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SuccessOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SuccessOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SuccessOutlineIcon24 {...mainProps} />); }\nreturn (<SuccessOutlineIcon28 {...mainProps} />);\n  }\n);\nSuccessOutlineIcon.displayName = 'SuccessOutlineIcon';\nSuccessOutlineIcon.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 SuccessOutlineIcon;"],"mappings":"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"}

package/lib/success.d.ts

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

package/lib/success.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const SuccessIcon16 = /*#__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 14m3.854-9.033L7.08 10.74a.5.5 0 0 1-.707 0L4.146 8.512a.5.5 0 1 1 .708-.707L6.727 9.68l4.42-4.42a.5.5 0 0 1 .707.708"
+})));
+SuccessIcon16.displayName = 'SuccessIcon16';
+const SuccessIcon20 = /*#__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 16m4.03-9.856-4.772 4.772a.75.75 0 0 1-1.061 0L5.97 10.69a.75.75 0 0 1 1.06-1.06l1.697 1.696 4.243-4.242a.75.75 0 1 1 1.06 1.06"
+})));
+SuccessIcon20.displayName = 'SuccessIcon20';
+const SuccessIcon24 = /*#__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 10m5.207-12.432-6.136 6.136a1 1 0 0 1-1.414 0l-2.864-2.863a1 1 0 1 1 1.414-1.414l2.157 2.156 5.429-5.43a1 1 0 1 1 1.414 1.415"
+})));
+SuccessIcon24.displayName = 'SuccessIcon24';
+const SuccessIcon28 = /*#__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 11m5.707-13.711-6.818 6.818a1 1 0 0 1-1.414 0l-3.182-3.182a1 1 0 1 1 1.414-1.414l2.475 2.475 6.11-6.112a1 1 0 1 1 1.415 1.415"
+})));
+SuccessIcon28.displayName = 'SuccessIcon28';
 const SuccessIcon = /*#__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 100-17.999A9 9 0 0012 21zM8.097 10.726l2.475 2.474 5.302-5.302 1.414 1.414-6.719 6.72-1.414-1.415.002-.002-2.474-2.475 1.414-1.414z"
-  }));
+  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(SuccessIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SuccessIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SuccessIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SuccessIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SuccessIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(SuccessIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(SuccessIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(SuccessIcon28, mainProps);
 });
+SuccessIcon.displayName = 'SuccessIcon';
 SuccessIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SuccessIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SuccessIcon;
 //# sourceMappingURL=success.js.map

package/lib/success.js.map

@@ -1 +1 @@
-{"version":3,"file":"success.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SuccessIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["success.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 SuccessIcon = 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 100-17.999A9 9 0 0012 21zM8.097 10.726l2.475 2.474 5.302-5.302 1.414 1.414-6.719 6.72-1.414-1.415.002-.002-2.474-2.475 1.414-1.414z\" /></svg>)}\n);\n\nSuccessIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSuccessIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SuccessIcon;"],"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,WAAW,gBAAGV,KAAK,CAACW,UAAN,CAClB,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;AAAmS,CADjU,CAApB;AAIAF,WAAW,CAACQ,SAAZ,GAAwB;EACtBH,SAAS,EAAEd,SAAS,CAACkB,MADC;EAEtBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFe;EAGtBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHgB,CAAxB;AAMAV,WAAW,CAACW,YAAZ,GAA2B;EACzBP,IAAI,EAAE;AADmB,CAA3B;AAIA,eAAeJ,WAAf"}
+{"version":3,"file":"success.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SuccessIcon16","forwardRef","props","ref","displayName","SuccessIcon20","SuccessIcon24","SuccessIcon28","SuccessIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["success.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 SuccessIcon16 = 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 14m3.854-9.033L7.08 10.74a.5.5 0 0 1-.707 0L4.146 8.512a.5.5 0 1 1 .708-.707L6.727 9.68l4.42-4.42a.5.5 0 0 1 .707.708\" /></svg>));\nSuccessIcon16.displayName = 'SuccessIcon16';\nconst SuccessIcon20 = 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 16m4.03-9.856-4.772 4.772a.75.75 0 0 1-1.061 0L5.97 10.69a.75.75 0 0 1 1.06-1.06l1.697 1.696 4.243-4.242a.75.75 0 1 1 1.06 1.06\" /></svg>));\nSuccessIcon20.displayName = 'SuccessIcon20';\nconst SuccessIcon24 = 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 10m5.207-12.432-6.136 6.136a1 1 0 0 1-1.414 0l-2.864-2.863a1 1 0 1 1 1.414-1.414l2.157 2.156 5.429-5.43a1 1 0 1 1 1.414 1.415\" /></svg>));\nSuccessIcon24.displayName = 'SuccessIcon24';\nconst SuccessIcon28 = 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 11m5.707-13.711-6.818 6.818a1 1 0 0 1-1.414 0l-3.182-3.182a1 1 0 1 1 1.414-1.414l2.475 2.475 6.11-6.112a1 1 0 1 1 1.415 1.415\" /></svg>));\nSuccessIcon28.displayName = 'SuccessIcon28';\n\nconst SuccessIcon = 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}><SuccessIcon16 className={styles.variant16} />\n<SuccessIcon20 className={styles.variant20} />\n<SuccessIcon24 className={styles.variant24} />\n<SuccessIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SuccessIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SuccessIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SuccessIcon24 {...mainProps} />); }\nreturn (<SuccessIcon28 {...mainProps} />);\n  }\n);\nSuccessIcon.displayName = 'SuccessIcon';\nSuccessIcon.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 SuccessIcon;"],"mappings":"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"}

package/lib/tag-outline.d.ts

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

package/lib/tag-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 TagOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0M8.725 2h3.525c.966 0 1.75.784 1.75 1.75v3.525c0 .464-.184.91-.513 1.238l-5.75 5.75a1.75 1.75 0 0 1-2.474 0l-3.526-3.526a1.75 1.75 0 0 1 0-2.474l5.75-5.75A1.75 1.75 0 0 1 8.725 2m0 1a.75.75 0 0 0-.53.22l-5.75 5.75a.75.75 0 0 0 0 1.06l3.525 3.526a.75.75 0 0 0 1.06 0l5.75-5.75a.75.75 0 0 0 .22-.53V3.75a.75.75 0 0 0-.75-.75z"
+})));
+TagOutlineIcon16.displayName = 'TagOutlineIcon16';
+const TagOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.692 7.615a2.308 2.308 0 1 0-4.615 0 2.308 2.308 0 0 0 4.615 0m-1.5 0a.808.808 0 1 1-1.615 0 .808.808 0 0 1 1.615 0M10.9 3a2 2 0 0 0-1.408.58l-6.565 6.506a2 2 0 0 0-.006 2.835l4.094 4.094a2 2 0 0 0 2.822.007l6.57-6.512A2 2 0 0 0 17 9.09V5a2 2 0 0 0-2-2zm0 1.5H15a.5.5 0 0 1 .5.5v4.09a.5.5 0 0 1-.148.355l-6.57 6.511a.5.5 0 0 1-.706-.001L3.98 11.86a.5.5 0 0 1 .002-.709l6.565-6.506A.5.5 0 0 1 10.9 4.5"
+})));
+TagOutlineIcon20.displayName = 'TagOutlineIcon20';
+const TagOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-2 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0m-2.94-6h5.44A2.5 2.5 0 0 1 21 5.5v5.444a2.5 2.5 0 0 1-.73 1.766l-8.002 8.018a2.5 2.5 0 0 1-3.538.002l-5.442-5.442a2.5 2.5 0 0 1-.002-3.533l8.004-8.02A2.5 2.5 0 0 1 13.06 3m0 2a.5.5 0 0 0-.354.147l-8.004 8.02a.5.5 0 0 0 0 .707l5.443 5.442a.5.5 0 0 0 .707 0l8.002-8.02a.5.5 0 0 0 .146-.352V5.5a.5.5 0 0 0-.5-.5z"
+})));
+TagOutlineIcon24.displayName = 'TagOutlineIcon24';
+const TagOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M20.5 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-2 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0M15.104 4a3 3 0 0 0-2.123.88l-8.864 8.884a3 3 0 0 0 .002 4.24l5.898 5.898a3 3 0 0 0 4.245-.003l8.862-8.88a3 3 0 0 0 .876-2.12V7a3 3 0 0 0-3-3zm0 2H21a1 1 0 0 1 1 1v5.9a1 1 0 0 1-.292.706l-8.862 8.88a1 1 0 0 1-1.415.002L5.533 16.59a1 1 0 0 1 0-1.414l8.863-8.882A1 1 0 0 1 15.104 6"
+})));
+TagOutlineIcon28.displayName = 'TagOutlineIcon28';
+const TagOutlineIcon = /*#__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(TagOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(TagOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(TagOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(TagOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(TagOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(TagOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(TagOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(TagOutlineIcon28, mainProps);
+});
+TagOutlineIcon.displayName = 'TagOutlineIcon';
+TagOutlineIcon.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 TagOutlineIcon;
+//# sourceMappingURL=tag-outline.js.map

package/lib/tag-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","TagOutlineIcon16","forwardRef","props","ref","displayName","TagOutlineIcon20","TagOutlineIcon24","TagOutlineIcon28","TagOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["tag-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 TagOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0M8.725 2h3.525c.966 0 1.75.784 1.75 1.75v3.525c0 .464-.184.91-.513 1.238l-5.75 5.75a1.75 1.75 0 0 1-2.474 0l-3.526-3.526a1.75 1.75 0 0 1 0-2.474l5.75-5.75A1.75 1.75 0 0 1 8.725 2m0 1a.75.75 0 0 0-.53.22l-5.75 5.75a.75.75 0 0 0 0 1.06l3.525 3.526a.75.75 0 0 0 1.06 0l5.75-5.75a.75.75 0 0 0 .22-.53V3.75a.75.75 0 0 0-.75-.75z\" /></svg>));\nTagOutlineIcon16.displayName = 'TagOutlineIcon16';\nconst TagOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M14.692 7.615a2.308 2.308 0 1 0-4.615 0 2.308 2.308 0 0 0 4.615 0m-1.5 0a.808.808 0 1 1-1.615 0 .808.808 0 0 1 1.615 0M10.9 3a2 2 0 0 0-1.408.58l-6.565 6.506a2 2 0 0 0-.006 2.835l4.094 4.094a2 2 0 0 0 2.822.007l6.57-6.512A2 2 0 0 0 17 9.09V5a2 2 0 0 0-2-2zm0 1.5H15a.5.5 0 0 1 .5.5v4.09a.5.5 0 0 1-.148.355l-6.57 6.511a.5.5 0 0 1-.706-.001L3.98 11.86a.5.5 0 0 1 .002-.709l6.565-6.506A.5.5 0 0 1 10.9 4.5\" /></svg>));\nTagOutlineIcon20.displayName = 'TagOutlineIcon20';\nconst TagOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-2 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0m-2.94-6h5.44A2.5 2.5 0 0 1 21 5.5v5.444a2.5 2.5 0 0 1-.73 1.766l-8.002 8.018a2.5 2.5 0 0 1-3.538.002l-5.442-5.442a2.5 2.5 0 0 1-.002-3.533l8.004-8.02A2.5 2.5 0 0 1 13.06 3m0 2a.5.5 0 0 0-.354.147l-8.004 8.02a.5.5 0 0 0 0 .707l5.443 5.442a.5.5 0 0 0 .707 0l8.002-8.02a.5.5 0 0 0 .146-.352V5.5a.5.5 0 0 0-.5-.5z\" /></svg>));\nTagOutlineIcon24.displayName = 'TagOutlineIcon24';\nconst TagOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M20.5 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-2 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0M15.104 4a3 3 0 0 0-2.123.88l-8.864 8.884a3 3 0 0 0 .002 4.24l5.898 5.898a3 3 0 0 0 4.245-.003l8.862-8.88a3 3 0 0 0 .876-2.12V7a3 3 0 0 0-3-3zm0 2H21a1 1 0 0 1 1 1v5.9a1 1 0 0 1-.292.706l-8.862 8.88a1 1 0 0 1-1.415.002L5.533 16.59a1 1 0 0 1 0-1.414l8.863-8.882A1 1 0 0 1 15.104 6\" /></svg>));\nTagOutlineIcon28.displayName = 'TagOutlineIcon28';\n\nconst TagOutlineIcon = 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}><TagOutlineIcon16 className={styles.variant16} />\n<TagOutlineIcon20 className={styles.variant20} />\n<TagOutlineIcon24 className={styles.variant24} />\n<TagOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<TagOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<TagOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<TagOutlineIcon24 {...mainProps} />); }\nreturn (<TagOutlineIcon28 {...mainProps} />);\n  }\n);\nTagOutlineIcon.displayName = 'TagOutlineIcon';\nTagOutlineIcon.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 TagOutlineIcon;"],"mappings":"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"}

package/lib/tag.d.ts

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