@rescui/icons 0.16.16 → 1.0.0

package/lib/arrow-top-left.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ArrowTopLeftIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M2.75 3.515v5.642a.75.75 0 0 0 1.5 0V5.314l7.11 7.11a.75.75 0 1 0 1.06-1.061L5.308 4.25h3.85a.75.75 0 1 0 0-1.5H3.5a.75.75 0 0 0-.75.765"
+})));
+ArrowTopLeftIcon16.displayName = 'ArrowTopLeftIcon16';
+const ArrowTopLeftIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.207 13.793a1 1 0 0 1-1.414 1.414L6.5 7.914v4.2a1 1 0 1 1-2 0v-6.6A.997.997 0 0 1 5.531 4.5h6.583a1 1 0 1 1 0 2h-4.2z"
+})));
+ArrowTopLeftIcon20.displayName = 'ArrowTopLeftIcon20';
+const ArrowTopLeftIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.06 16.94a1.5 1.5 0 1 1-2.12 2.12L7.5 9.623v4.588a1.5 1.5 0 1 1-3 0V6A1.5 1.5 0 0 1 6 4.5h8.21a1.5 1.5 0 1 1 0 3H9.62z"
+})));
+ArrowTopLeftIcon24.displayName = 'ArrowTopLeftIcon24';
+const ArrowTopLeftIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 7.02v9.103a1.5 1.5 0 1 0 3 0v-5.501l11.44 11.44a1.5 1.5 0 1 0 2.12-2.122L10.623 8.5h5.5a1.5 1.5 0 0 0 0-3h-9.1a1.5 1.5 0 0 0-1.084.44c-.297.297-.444.69-.439 1.08"
+})));
+ArrowTopLeftIcon28.displayName = 'ArrowTopLeftIcon28';
 const ArrowTopLeftIcon = /*#__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: "M10.339 8.919l3.56-3.559L5 5l.284 8.974 3.626-3.625.015-.016 8.804 8.804 1.414-1.414-8.804-8.804z"
-  }));
+  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(ArrowTopLeftIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ArrowTopLeftIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ArrowTopLeftIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ArrowTopLeftIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ArrowTopLeftIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ArrowTopLeftIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ArrowTopLeftIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ArrowTopLeftIcon28, mainProps);
 });
+ArrowTopLeftIcon.displayName = 'ArrowTopLeftIcon';
 ArrowTopLeftIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ArrowTopLeftIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ArrowTopLeftIcon;
 //# sourceMappingURL=arrow-top-left.js.map

package/lib/arrow-top-left.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-top-left.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopLeftIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["arrow-top-left.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 ArrowTopLeftIcon = 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=\"M10.339 8.919l3.56-3.559L5 5l.284 8.974 3.626-3.625.015-.016 8.804 8.804 1.414-1.414-8.804-8.804z\" /></svg>)}\n);\n\nArrowTopLeftIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nArrowTopLeftIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ArrowTopLeftIcon;"],"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,gBAAgB,gBAAGV,KAAK,CAACW,UAAN,CACvB,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;AAAoP,CAD7Q,CAAzB;AAIAF,gBAAgB,CAACQ,SAAjB,GAA6B;EAC3BH,SAAS,EAAEd,SAAS,CAACkB,MADM;EAE3BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFoB;EAG3BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHqB,CAA7B;AAMAV,gBAAgB,CAACW,YAAjB,GAAgC;EAC9BP,IAAI,EAAE;AADwB,CAAhC;AAIA,eAAeJ,gBAAf"}
+{"version":3,"file":"arrow-top-left.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopLeftIcon16","forwardRef","props","ref","displayName","ArrowTopLeftIcon20","ArrowTopLeftIcon24","ArrowTopLeftIcon28","ArrowTopLeftIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["arrow-top-left.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 ArrowTopLeftIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M2.75 3.515v5.642a.75.75 0 0 0 1.5 0V5.314l7.11 7.11a.75.75 0 1 0 1.06-1.061L5.308 4.25h3.85a.75.75 0 1 0 0-1.5H3.5a.75.75 0 0 0-.75.765\" /></svg>));\nArrowTopLeftIcon16.displayName = 'ArrowTopLeftIcon16';\nconst ArrowTopLeftIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.207 13.793a1 1 0 0 1-1.414 1.414L6.5 7.914v4.2a1 1 0 1 1-2 0v-6.6A.997.997 0 0 1 5.531 4.5h6.583a1 1 0 1 1 0 2h-4.2z\" /></svg>));\nArrowTopLeftIcon20.displayName = 'ArrowTopLeftIcon20';\nconst ArrowTopLeftIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M19.06 16.94a1.5 1.5 0 1 1-2.12 2.12L7.5 9.623v4.588a1.5 1.5 0 1 1-3 0V6A1.5 1.5 0 0 1 6 4.5h8.21a1.5 1.5 0 1 1 0 3H9.62z\" /></svg>));\nArrowTopLeftIcon24.displayName = 'ArrowTopLeftIcon24';\nconst ArrowTopLeftIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5.5 7.02v9.103a1.5 1.5 0 1 0 3 0v-5.501l11.44 11.44a1.5 1.5 0 1 0 2.12-2.122L10.623 8.5h5.5a1.5 1.5 0 0 0 0-3h-9.1a1.5 1.5 0 0 0-1.084.44c-.297.297-.444.69-.439 1.08\" /></svg>));\nArrowTopLeftIcon28.displayName = 'ArrowTopLeftIcon28';\n\nconst ArrowTopLeftIcon = 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}><ArrowTopLeftIcon16 className={styles.variant16} />\n<ArrowTopLeftIcon20 className={styles.variant20} />\n<ArrowTopLeftIcon24 className={styles.variant24} />\n<ArrowTopLeftIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ArrowTopLeftIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ArrowTopLeftIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ArrowTopLeftIcon24 {...mainProps} />); }\nreturn (<ArrowTopLeftIcon28 {...mainProps} />);\n  }\n);\nArrowTopLeftIcon.displayName = 'ArrowTopLeftIcon';\nArrowTopLeftIcon.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 ArrowTopLeftIcon;"],"mappings":"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"}

package/lib/arrow-top-outline.d.ts

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

package/lib/arrow-top-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 ArrowTopOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.356 6.144a.5.5 0 1 1-.708.707l-3.15-3.15v9.8a.5.5 0 1 1-1 0V3.709L4.356 6.851a.5.5 0 0 1-.708-.707l3.964-3.963a.5.5 0 0 1 .39-.183.5.5 0 0 1 .354.146z"
+})));
+ArrowTopOutlineIcon16.displayName = 'ArrowTopOutlineIcon16';
+const ArrowTopOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.207 7.642a.75.75 0 0 1-1.06 1.06L10.75 5.307v11.188a.75.75 0 0 1-1.5 0V5.305L5.854 8.702a.75.75 0 0 1-1.06-1.06L9.47 2.965a.75.75 0 0 1 1.08.02z"
+})));
+ArrowTopOutlineIcon20.displayName = 'ArrowTopOutlineIcon20';
+const ArrowTopOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.512 9.098a1 1 0 0 1-1.414 1.414L13 6.413V20a1 1 0 0 1-2 0V6.414l-4.097 4.098a1 1 0 0 1-1.414-1.414l5.784-5.785a.997.997 0 0 1 1.435-.02z"
+})));
+ArrowTopOutlineIcon24.displayName = 'ArrowTopOutlineIcon24';
+const ArrowTopOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.157 10.743a1 1 0 1 1-1.414 1.414L15 7.414V23a1 1 0 1 1-2 0V7.414l-4.743 4.743a1 1 0 1 1-1.414-1.414l6.45-6.45a1 1 0 0 1 1.427.013z"
+})));
+ArrowTopOutlineIcon28.displayName = 'ArrowTopOutlineIcon28';
+const ArrowTopOutlineIcon = /*#__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(ArrowTopOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ArrowTopOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ArrowTopOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ArrowTopOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ArrowTopOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ArrowTopOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ArrowTopOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ArrowTopOutlineIcon28, mainProps);
+});
+ArrowTopOutlineIcon.displayName = 'ArrowTopOutlineIcon';
+ArrowTopOutlineIcon.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 ArrowTopOutlineIcon;
+//# sourceMappingURL=arrow-top-outline.js.map

package/lib/arrow-top-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-top-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopOutlineIcon16","forwardRef","props","ref","displayName","ArrowTopOutlineIcon20","ArrowTopOutlineIcon24","ArrowTopOutlineIcon28","ArrowTopOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["arrow-top-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 ArrowTopOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.356 6.144a.5.5 0 1 1-.708.707l-3.15-3.15v9.8a.5.5 0 1 1-1 0V3.709L4.356 6.851a.5.5 0 0 1-.708-.707l3.964-3.963a.5.5 0 0 1 .39-.183.5.5 0 0 1 .354.146z\" /></svg>));\nArrowTopOutlineIcon16.displayName = 'ArrowTopOutlineIcon16';\nconst ArrowTopOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.207 7.642a.75.75 0 0 1-1.06 1.06L10.75 5.307v11.188a.75.75 0 0 1-1.5 0V5.305L5.854 8.702a.75.75 0 0 1-1.06-1.06L9.47 2.965a.75.75 0 0 1 1.08.02z\" /></svg>));\nArrowTopOutlineIcon20.displayName = 'ArrowTopOutlineIcon20';\nconst ArrowTopOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18.512 9.098a1 1 0 0 1-1.414 1.414L13 6.413V20a1 1 0 0 1-2 0V6.414l-4.097 4.098a1 1 0 0 1-1.414-1.414l5.784-5.785a.997.997 0 0 1 1.435-.02z\" /></svg>));\nArrowTopOutlineIcon24.displayName = 'ArrowTopOutlineIcon24';\nconst ArrowTopOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M21.157 10.743a1 1 0 1 1-1.414 1.414L15 7.414V23a1 1 0 1 1-2 0V7.414l-4.743 4.743a1 1 0 1 1-1.414-1.414l6.45-6.45a1 1 0 0 1 1.427.013z\" /></svg>));\nArrowTopOutlineIcon28.displayName = 'ArrowTopOutlineIcon28';\n\nconst ArrowTopOutlineIcon = 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}><ArrowTopOutlineIcon16 className={styles.variant16} />\n<ArrowTopOutlineIcon20 className={styles.variant20} />\n<ArrowTopOutlineIcon24 className={styles.variant24} />\n<ArrowTopOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ArrowTopOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ArrowTopOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ArrowTopOutlineIcon24 {...mainProps} />); }\nreturn (<ArrowTopOutlineIcon28 {...mainProps} />);\n  }\n);\nArrowTopOutlineIcon.displayName = 'ArrowTopOutlineIcon';\nArrowTopOutlineIcon.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 ArrowTopOutlineIcon;"],"mappings":"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"}

package/lib/arrow-top-right-outline.d.ts

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

package/lib/arrow-top-right-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 ArrowTopRightOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.492 9.664a.5.5 0 0 1-1 0V5.2l-6.646 6.647a.5.5 0 1 1-.707-.708l6.631-6.63H6.335a.5.5 0 1 1 0-1h5.658a.5.5 0 0 1 .5.5z"
+})));
+ArrowTopRightOutlineIcon16.displayName = 'ArrowTopRightOutlineIcon16';
+const ArrowTopRightOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.252 12.112a.75.75 0 0 1-1.5 0v-4.8l-7.72 7.72a.75.75 0 1 1-1.06-1.06l7.723-7.724H7.888a.75.75 0 1 1 0-1.5h6.614a.75.75 0 0 1 .75.764z"
+})));
+ArrowTopRightOutlineIcon20.displayName = 'ArrowTopRightOutlineIcon20';
+const ArrowTopRightOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 14.21a1 1 0 1 1-2 0V8.416L6.706 18.707a1 1 0 1 1-1.414-1.414L15.585 7.001H9.79a1 1 0 0 1 0-2H18a1 1 0 0 1 1 1z"
+})));
+ArrowTopRightOutlineIcon24.displayName = 'ArrowTopRightOutlineIcon24';
+const ArrowTopRightOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M22 16.122a1 1 0 1 1-2 0V9.415L7.708 21.707 7 21.001l.708.706a1 1 0 0 1-1.415-1.413L7 21l-.707-.707L18.586 8h-6.708a1 1 0 1 1 0-2H21a1 1 0 0 1 1 1z"
+})));
+ArrowTopRightOutlineIcon28.displayName = 'ArrowTopRightOutlineIcon28';
+const ArrowTopRightOutlineIcon = /*#__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(ArrowTopRightOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ArrowTopRightOutlineIcon28, mainProps);
+});
+ArrowTopRightOutlineIcon.displayName = 'ArrowTopRightOutlineIcon';
+ArrowTopRightOutlineIcon.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 ArrowTopRightOutlineIcon;
+//# sourceMappingURL=arrow-top-right-outline.js.map

package/lib/arrow-top-right-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-top-right-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopRightOutlineIcon16","forwardRef","props","ref","displayName","ArrowTopRightOutlineIcon20","ArrowTopRightOutlineIcon24","ArrowTopRightOutlineIcon28","ArrowTopRightOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["arrow-top-right-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 ArrowTopRightOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.492 9.664a.5.5 0 0 1-1 0V5.2l-6.646 6.647a.5.5 0 1 1-.707-.708l6.631-6.63H6.335a.5.5 0 1 1 0-1h5.658a.5.5 0 0 1 .5.5z\" /></svg>));\nArrowTopRightOutlineIcon16.displayName = 'ArrowTopRightOutlineIcon16';\nconst ArrowTopRightOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.252 12.112a.75.75 0 0 1-1.5 0v-4.8l-7.72 7.72a.75.75 0 1 1-1.06-1.06l7.723-7.724H7.888a.75.75 0 1 1 0-1.5h6.614a.75.75 0 0 1 .75.764z\" /></svg>));\nArrowTopRightOutlineIcon20.displayName = 'ArrowTopRightOutlineIcon20';\nconst ArrowTopRightOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M19 14.21a1 1 0 1 1-2 0V8.416L6.706 18.707a1 1 0 1 1-1.414-1.414L15.585 7.001H9.79a1 1 0 0 1 0-2H18a1 1 0 0 1 1 1z\" /></svg>));\nArrowTopRightOutlineIcon24.displayName = 'ArrowTopRightOutlineIcon24';\nconst ArrowTopRightOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M22 16.122a1 1 0 1 1-2 0V9.415L7.708 21.707 7 21.001l.708.706a1 1 0 0 1-1.415-1.413L7 21l-.707-.707L18.586 8h-6.708a1 1 0 1 1 0-2H21a1 1 0 0 1 1 1z\" /></svg>));\nArrowTopRightOutlineIcon28.displayName = 'ArrowTopRightOutlineIcon28';\n\nconst ArrowTopRightOutlineIcon = 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}><ArrowTopRightOutlineIcon16 className={styles.variant16} />\n<ArrowTopRightOutlineIcon20 className={styles.variant20} />\n<ArrowTopRightOutlineIcon24 className={styles.variant24} />\n<ArrowTopRightOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ArrowTopRightOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ArrowTopRightOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ArrowTopRightOutlineIcon24 {...mainProps} />); }\nreturn (<ArrowTopRightOutlineIcon28 {...mainProps} />);\n  }\n);\nArrowTopRightOutlineIcon.displayName = 'ArrowTopRightOutlineIcon';\nArrowTopRightOutlineIcon.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 ArrowTopRightOutlineIcon;"],"mappings":"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"}

package/lib/arrow-top-right.d.ts

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

package/lib/arrow-top-right.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ArrowTopRightIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.743 9.664a.75.75 0 1 1-1.5 0V5.803l-6.22 6.22a.75.75 0 1 1-1.06-1.061l6.204-6.205H6.336a.75.75 0 1 1 0-1.5h5.66a.75.75 0 0 1 .746.75z"
+})));
+ArrowTopRightIcon16.displayName = 'ArrowTopRightIcon16';
+const ArrowTopRightIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.502 12.112a1 1 0 1 1-2 0V7.916L6.21 15.209a1 1 0 1 1-1.415-1.414l7.296-7.297H7.89a1 1 0 1 1 0-2h6.613a1 1 0 0 1 1 1.016z"
+})));
+ArrowTopRightIcon20.displayName = 'ArrowTopRightIcon20';
+const ArrowTopRightIcon24 = /*#__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 14.21a1.5 1.5 0 1 1-3 0V9.622L7.06 19.06a1.5 1.5 0 0 1-2.12-2.122L14.378 7.5H9.79a1.5 1.5 0 1 1 0-3H18A1.5 1.5 0 0 1 19.5 6z"
+})));
+ArrowTopRightIcon24.displayName = 'ArrowTopRightIcon24';
+const ArrowTopRightIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M22.5 16.122a1.5 1.5 0 1 1-3 0v-5.5L8.06 22.061 7 21l1.061 1.06a1.5 1.5 0 0 1-2.121-2.12L7 21l-1.06-1.06L17.38 8.5h-5.502a1.5 1.5 0 1 1 0-3H21A1.5 1.5 0 0 1 22.5 7z"
+})));
+ArrowTopRightIcon28.displayName = 'ArrowTopRightIcon28';
 const ArrowTopRightIcon = /*#__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: "M6.27 19.137l8.803-8.804.016.016 3.625 3.625L19 5l-8.9.36 3.56 3.559-8.805 8.804 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(ArrowTopRightIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ArrowTopRightIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ArrowTopRightIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ArrowTopRightIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ArrowTopRightIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ArrowTopRightIcon28, mainProps);
 });
+ArrowTopRightIcon.displayName = 'ArrowTopRightIcon';
 ArrowTopRightIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ArrowTopRightIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ArrowTopRightIcon;
 //# sourceMappingURL=arrow-top-right.js.map

package/lib/arrow-top-right.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-top-right.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopRightIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["arrow-top-right.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 ArrowTopRightIcon = 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=\"M6.27 19.137l8.803-8.804.016.016 3.625 3.625L19 5l-8.9.36 3.56 3.559-8.805 8.804 1.414 1.414z\" /></svg>)}\n);\n\nArrowTopRightIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nArrowTopRightIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ArrowTopRightIcon;"],"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,iBAAiB,gBAAGV,KAAK,CAACW,UAAN,CACxB,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;AAAgP,CADxQ,CAA1B;AAIAF,iBAAiB,CAACQ,SAAlB,GAA8B;EAC5BH,SAAS,EAAEd,SAAS,CAACkB,MADO;EAE5BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFqB;EAG5BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHsB,CAA9B;AAMAV,iBAAiB,CAACW,YAAlB,GAAiC;EAC/BP,IAAI,EAAE;AADyB,CAAjC;AAIA,eAAeJ,iBAAf"}
+{"version":3,"file":"arrow-top-right.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopRightIcon16","forwardRef","props","ref","displayName","ArrowTopRightIcon20","ArrowTopRightIcon24","ArrowTopRightIcon28","ArrowTopRightIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["arrow-top-right.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 ArrowTopRightIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.743 9.664a.75.75 0 1 1-1.5 0V5.803l-6.22 6.22a.75.75 0 1 1-1.06-1.061l6.204-6.205H6.336a.75.75 0 1 1 0-1.5h5.66a.75.75 0 0 1 .746.75z\" /></svg>));\nArrowTopRightIcon16.displayName = 'ArrowTopRightIcon16';\nconst ArrowTopRightIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.502 12.112a1 1 0 1 1-2 0V7.916L6.21 15.209a1 1 0 1 1-1.415-1.414l7.296-7.297H7.89a1 1 0 1 1 0-2h6.613a1 1 0 0 1 1 1.016z\" /></svg>));\nArrowTopRightIcon20.displayName = 'ArrowTopRightIcon20';\nconst ArrowTopRightIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M19.5 14.21a1.5 1.5 0 1 1-3 0V9.622L7.06 19.06a1.5 1.5 0 0 1-2.12-2.122L14.378 7.5H9.79a1.5 1.5 0 1 1 0-3H18A1.5 1.5 0 0 1 19.5 6z\" /></svg>));\nArrowTopRightIcon24.displayName = 'ArrowTopRightIcon24';\nconst ArrowTopRightIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M22.5 16.122a1.5 1.5 0 1 1-3 0v-5.5L8.06 22.061 7 21l1.061 1.06a1.5 1.5 0 0 1-2.121-2.12L7 21l-1.06-1.06L17.38 8.5h-5.502a1.5 1.5 0 1 1 0-3H21A1.5 1.5 0 0 1 22.5 7z\" /></svg>));\nArrowTopRightIcon28.displayName = 'ArrowTopRightIcon28';\n\nconst ArrowTopRightIcon = 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}><ArrowTopRightIcon16 className={styles.variant16} />\n<ArrowTopRightIcon20 className={styles.variant20} />\n<ArrowTopRightIcon24 className={styles.variant24} />\n<ArrowTopRightIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ArrowTopRightIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ArrowTopRightIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ArrowTopRightIcon24 {...mainProps} />); }\nreturn (<ArrowTopRightIcon28 {...mainProps} />);\n  }\n);\nArrowTopRightIcon.displayName = 'ArrowTopRightIcon';\nArrowTopRightIcon.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 ArrowTopRightIcon;"],"mappings":"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"}

package/lib/arrow-top.d.ts

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