@rescui/icons 0.16.17 → 1.0.0

package/lib/plus.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const PlusIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75"
+})));
+PlusIcon16.displayName = 'PlusIcon16';
+const PlusIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 3a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H4a1 1 0 1 1 0-2h5V4a1 1 0 0 1 1-1"
+})));
+PlusIcon20.displayName = 'PlusIcon20';
+const PlusIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.5 3A1.5 1.5 0 0 1 14 4.5V10h5.5a1.5 1.5 0 0 1 0 3H14v5.5a1.5 1.5 0 0 1-3 0V13H5.5a1.5 1.5 0 0 1 0-3H11V4.5A1.5 1.5 0 0 1 12.5 3"
+})));
+PlusIcon24.displayName = 'PlusIcon24';
+const PlusIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.5 4A1.5 1.5 0 0 1 16 5.5V12h6.5a1.5 1.5 0 0 1 0 3H16v6.5a1.5 1.5 0 0 1-3 0V15H6.5a1.5 1.5 0 0 1 0-3H13V5.5A1.5 1.5 0 0 1 14.5 4"
+})));
+PlusIcon28.displayName = 'PlusIcon28';
 const PlusIcon = /*#__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 3a9 9 0 100 18 9 9 0 000-18zm5 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-  }));
+  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(PlusIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(PlusIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(PlusIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(PlusIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(PlusIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(PlusIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(PlusIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(PlusIcon28, mainProps);
 });
+PlusIcon.displayName = 'PlusIcon';
 PlusIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-PlusIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default PlusIcon;
 //# sourceMappingURL=plus.js.map

package/lib/plus.js.map

@@ -1 +1 @@
-{"version":3,"file":"plus.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PlusIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["plus.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 PlusIcon = 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 3a9 9 0 100 18 9 9 0 000-18zm5 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\" /></svg>)}\n);\n\nPlusIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nPlusIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default PlusIcon;"],"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;AAAqN,CADtP,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":"plus.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PlusIcon16","forwardRef","props","ref","displayName","PlusIcon20","PlusIcon24","PlusIcon28","PlusIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["plus.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 PlusIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75\" /></svg>));\nPlusIcon16.displayName = 'PlusIcon16';\nconst PlusIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 3a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H4a1 1 0 1 1 0-2h5V4a1 1 0 0 1 1-1\" /></svg>));\nPlusIcon20.displayName = 'PlusIcon20';\nconst PlusIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12.5 3A1.5 1.5 0 0 1 14 4.5V10h5.5a1.5 1.5 0 0 1 0 3H14v5.5a1.5 1.5 0 0 1-3 0V13H5.5a1.5 1.5 0 0 1 0-3H11V4.5A1.5 1.5 0 0 1 12.5 3\" /></svg>));\nPlusIcon24.displayName = 'PlusIcon24';\nconst PlusIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14.5 4A1.5 1.5 0 0 1 16 5.5V12h6.5a1.5 1.5 0 0 1 0 3H16v6.5a1.5 1.5 0 0 1-3 0V15H6.5a1.5 1.5 0 0 1 0-3H13V5.5A1.5 1.5 0 0 1 14.5 4\" /></svg>));\nPlusIcon28.displayName = 'PlusIcon28';\n\nconst PlusIcon = 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}><PlusIcon16 className={styles.variant16} />\n<PlusIcon20 className={styles.variant20} />\n<PlusIcon24 className={styles.variant24} />\n<PlusIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<PlusIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PlusIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PlusIcon24 {...mainProps} />); }\nreturn (<PlusIcon28 {...mainProps} />);\n  }\n);\nPlusIcon.displayName = 'PlusIcon';\nPlusIcon.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 PlusIcon;"],"mappings":"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"}

package/lib/pocket.d.ts

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

package/lib/pocket.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const PocketIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m3.18 2 9.71.005c.6-.002 1.107.523 1.11 1.116v4.3c-.011 1.578-.665 3.068-1.785 4.18a5.98 5.98 0 0 1-8.425 0A6.06 6.06 0 0 1 2 7.378v-4.3c.011-.615.57-1.096 1.18-1.078m5.387 7.822 2.836-2.671a.89.89 0 0 0 0-1.161.79.79 0 0 0-1.116 0L8.002 8.134 5.777 5.99a.82.82 0 0 0-1.15 0 .834.834 0 0 0 0 1.16l2.81 2.672a.8.8 0 0 0 .585.224.77.77 0 0 0 .545-.224"
+})));
+PocketIcon16.displayName = 'PocketIcon16';
+const PocketIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m4.376 2.967 11.33.004c.698-.001 1.29.612 1.294 1.303V9.29c-.013 1.841-.776 3.58-2.083 4.878a6.975 6.975 0 0 1-9.83 0A7.07 7.07 0 0 1 3 9.24V4.225c.013-.718.665-1.28 1.376-1.258m6.285 9.125 3.31-3.117a1.036 1.036 0 0 0 0-1.354.92.92 0 0 0-1.302 0l-2.666 2.501-2.597-2.5a.96.96 0 0 0-1.34 0 .974.974 0 0 0 0 1.353l3.278 3.117c.18.174.431.27.682.262a.9.9 0 0 0 .635-.262"
+})));
+PocketIcon20.displayName = 'PocketIcon20';
+const PocketIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.77 2.994 19.335 3c.899-.002 1.66.786 1.664 1.675v6.449c-.017 2.367-.998 4.603-2.678 6.271a8.97 8.97 0 0 1-12.637 0C4.005 15.727 3.017 13.428 3 11.06V4.611c.017-.923.856-1.644 1.77-1.617m8.08 11.733 4.255-4.008a1.33 1.33 0 0 0 0-1.74 1.18 1.18 0 0 0-1.674 0l-3.427 3.215-3.339-3.216a1.233 1.233 0 0 0-1.724 0 1.25 1.25 0 0 0 0 1.741l4.215 4.008c.233.223.555.347.877.336.304.001.603-.122.817-.337"
+})));
+PocketIcon24.displayName = 'PocketIcon24';
+const PocketIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m5.966 4 16.185.008c.998-.003 1.845.873 1.849 1.86v7.336c-.019 2.63-1.109 5.115-2.975 6.968a9.964 9.964 0 0 1-14.042 0C5.117 18.32 4.02 15.764 4 13.135V5.798C4.02 4.772 4.951 3.97 5.966 4m8.979 13.207 4.727-4.452a1.48 1.48 0 0 0 0-1.935 1.313 1.313 0 0 0-1.86 0l-3.808 3.573-3.709-3.573a1.37 1.37 0 0 0-1.915 0 1.39 1.39 0 0 0 0 1.935l4.683 4.452c.258.25.616.386.974.374.337.002.67-.135.908-.374"
+})));
+PocketIcon28.displayName = 'PocketIcon28';
 const PocketIcon = /*#__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: "M4.768 5.1h14.538a1.66 1.66 0 011.665 1.653v5.342a8.969 8.969 0 01-17.937 0V6.753A1.684 1.684 0 014.768 5.1zm8.081 10.627l4.285-4.008h-.03a1.32 1.32 0 000-1.74 1.16 1.16 0 00-1.674 0l-3.428 3.215-3.338-3.216a1.22 1.22 0 00-2.08.87c0 .327.127.64.356.871l4.215 4.008a1.204 1.204 0 00.877.336 1.147 1.147 0 00.817-.336z"
-  }));
+  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(PocketIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(PocketIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(PocketIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(PocketIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(PocketIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(PocketIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(PocketIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(PocketIcon28, mainProps);
 });
+PocketIcon.displayName = 'PocketIcon';
 PocketIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-PocketIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default PocketIcon;
 //# sourceMappingURL=pocket.js.map

package/lib/pocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"pocket.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PocketIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["pocket.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 PocketIcon = 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=\"M4.768 5.1h14.538a1.66 1.66 0 011.665 1.653v5.342a8.969 8.969 0 01-17.937 0V6.753A1.684 1.684 0 014.768 5.1zm8.081 10.627l4.285-4.008h-.03a1.32 1.32 0 000-1.74 1.16 1.16 0 00-1.674 0l-3.428 3.215-3.338-3.216a1.22 1.22 0 00-2.08.87c0 .327.127.64.356.871l4.215 4.008a1.204 1.204 0 00.877.336 1.147 1.147 0 00.817-.336z\" /></svg>)}\n);\n\nPocketIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nPocketIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default PocketIcon;"],"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,UAAU,gBAAGV,KAAK,CAACW,UAAN,CACjB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+c,CAD9e,CAAnB;AAIAF,UAAU,CAACQ,SAAX,GAAuB;EACrBH,SAAS,EAAEd,SAAS,CAACkB,MADA;EAErBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHe,CAAvB;AAMAV,UAAU,CAACW,YAAX,GAA0B;EACxBP,IAAI,EAAE;AADkB,CAA1B;AAIA,eAAeJ,UAAf"}
+{"version":3,"file":"pocket.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PocketIcon16","forwardRef","props","ref","displayName","PocketIcon20","PocketIcon24","PocketIcon28","PocketIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["pocket.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 PocketIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m3.18 2 9.71.005c.6-.002 1.107.523 1.11 1.116v4.3c-.011 1.578-.665 3.068-1.785 4.18a5.98 5.98 0 0 1-8.425 0A6.06 6.06 0 0 1 2 7.378v-4.3c.011-.615.57-1.096 1.18-1.078m5.387 7.822 2.836-2.671a.89.89 0 0 0 0-1.161.79.79 0 0 0-1.116 0L8.002 8.134 5.777 5.99a.82.82 0 0 0-1.15 0 .834.834 0 0 0 0 1.16l2.81 2.672a.8.8 0 0 0 .585.224.77.77 0 0 0 .545-.224\" /></svg>));\nPocketIcon16.displayName = 'PocketIcon16';\nconst PocketIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"m4.376 2.967 11.33.004c.698-.001 1.29.612 1.294 1.303V9.29c-.013 1.841-.776 3.58-2.083 4.878a6.975 6.975 0 0 1-9.83 0A7.07 7.07 0 0 1 3 9.24V4.225c.013-.718.665-1.28 1.376-1.258m6.285 9.125 3.31-3.117a1.036 1.036 0 0 0 0-1.354.92.92 0 0 0-1.302 0l-2.666 2.501-2.597-2.5a.96.96 0 0 0-1.34 0 .974.974 0 0 0 0 1.353l3.278 3.117c.18.174.431.27.682.262a.9.9 0 0 0 .635-.262\" /></svg>));\nPocketIcon20.displayName = 'PocketIcon20';\nconst PocketIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4.77 2.994 19.335 3c.899-.002 1.66.786 1.664 1.675v6.449c-.017 2.367-.998 4.603-2.678 6.271a8.97 8.97 0 0 1-12.637 0C4.005 15.727 3.017 13.428 3 11.06V4.611c.017-.923.856-1.644 1.77-1.617m8.08 11.733 4.255-4.008a1.33 1.33 0 0 0 0-1.74 1.18 1.18 0 0 0-1.674 0l-3.427 3.215-3.339-3.216a1.233 1.233 0 0 0-1.724 0 1.25 1.25 0 0 0 0 1.741l4.215 4.008c.233.223.555.347.877.336.304.001.603-.122.817-.337\" /></svg>));\nPocketIcon24.displayName = 'PocketIcon24';\nconst PocketIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m5.966 4 16.185.008c.998-.003 1.845.873 1.849 1.86v7.336c-.019 2.63-1.109 5.115-2.975 6.968a9.964 9.964 0 0 1-14.042 0C5.117 18.32 4.02 15.764 4 13.135V5.798C4.02 4.772 4.951 3.97 5.966 4m8.979 13.207 4.727-4.452a1.48 1.48 0 0 0 0-1.935 1.313 1.313 0 0 0-1.86 0l-3.808 3.573-3.709-3.573a1.37 1.37 0 0 0-1.915 0 1.39 1.39 0 0 0 0 1.935l4.683 4.452c.258.25.616.386.974.374.337.002.67-.135.908-.374\" /></svg>));\nPocketIcon28.displayName = 'PocketIcon28';\n\nconst PocketIcon = 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}><PocketIcon16 className={styles.variant16} />\n<PocketIcon20 className={styles.variant20} />\n<PocketIcon24 className={styles.variant24} />\n<PocketIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<PocketIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PocketIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PocketIcon24 {...mainProps} />); }\nreturn (<PocketIcon28 {...mainProps} />);\n  }\n);\nPocketIcon.displayName = 'PocketIcon';\nPocketIcon.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 PocketIcon;"],"mappings":"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"}

package/lib/present-outline.d.ts

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

package/lib/present-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 PresentOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m5.564 2.043 1.88 1.252A.385.385 0 0 1 7.229 4H5.046c-.476 0-.911-.269-1.124-.695a.943.943 0 0 1 .421-1.265l.13-.065c.35-.175.766-.149 1.091.068M11.25 5h-6.5A1.75 1.75 0 0 0 3 6.75v4.5c0 .966.784 1.75 1.75 1.75h6.5A1.75 1.75 0 0 0 13 11.25v-4.5A1.75 1.75 0 0 0 11.25 5M8.5 6h2.75a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75H8.5zm-1 6H4.75a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 4.75 6H7.5zm1.057-8.705 1.879-1.252a1.09 1.09 0 0 1 1.09-.068l.13.065c.466.233.655.8.422 1.265A1.26 1.26 0 0 1 10.954 4H8.77a.385.385 0 0 1-.213-.705"
+})));
+PresentOutlineIcon16.displayName = 'PresentOutlineIcon16';
+const PresentOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.817 3.512 10.7 5.1a.5.5 0 0 0 .3.9h2.49c.619 0 1.185-.35 1.462-.904a1.226 1.226 0 0 0-.549-1.644l-.14-.07a1.38 1.38 0 0 0-1.446.13M14 7H6a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2m-3.25 1.5H14a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3.25zm-1.5 6H6a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 .5-.5h3.25zm.05-9.4L7.183 3.512a1.38 1.38 0 0 0-1.447-.13l-.14.07a1.226 1.226 0 0 0-.548 1.644C5.325 5.65 5.891 6 6.51 6H9a.5.5 0 0 0 .3-.9"
+})));
+PresentOutlineIcon20.displayName = 'PresentOutlineIcon20';
+const PresentOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.517 6.126 8.527 3.47A1.86 1.86 0 0 0 7.295 3c-1.755 0-2.53 2.21-1.16 3.307l.318.255A2 2 0 0 0 7.702 7h3.483a.5.5 0 0 0 .332-.874M6.5 20A2.5 2.5 0 0 1 4 17.5v-7A2.5 2.5 0 0 1 6.5 8h11a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5zM13 10v8h4.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5zm-2 0H6.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5H11zm4.472-6.53-2.99 2.656a.5.5 0 0 0 .333.874h3.483a2 2 0 0 0 1.25-.438l.318-.255C19.236 5.211 18.461 3 16.706 3c-.455 0-.894.167-1.234.47"
+})));
+PresentOutlineIcon24.displayName = 'PresentOutlineIcon24';
+const PresentOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.146 8.146 9.725 4.725A2.48 2.48 0 0 0 7.975 4C5.77 4 4.702 6.702 6.26 8.261A2.52 2.52 0 0 0 8.036 9h4.757a.5.5 0 0 0 .353-.854M8 22.999a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3zm7-11v9h5a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-2 0H8a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5zm5.275-7.274-3.421 3.421a.5.5 0 0 0 .353.854h4.758a2.52 2.52 0 0 0 1.774-.739C23.298 6.702 22.23 4 20.025 4c-.656 0-1.286.26-1.75.725"
+})));
+PresentOutlineIcon28.displayName = 'PresentOutlineIcon28';
+const PresentOutlineIcon = /*#__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(PresentOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(PresentOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(PresentOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(PresentOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(PresentOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(PresentOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(PresentOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(PresentOutlineIcon28, mainProps);
+});
+PresentOutlineIcon.displayName = 'PresentOutlineIcon';
+PresentOutlineIcon.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 PresentOutlineIcon;
+//# sourceMappingURL=present-outline.js.map

package/lib/present-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"present-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PresentOutlineIcon16","forwardRef","props","ref","displayName","PresentOutlineIcon20","PresentOutlineIcon24","PresentOutlineIcon28","PresentOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["present-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 PresentOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m5.564 2.043 1.88 1.252A.385.385 0 0 1 7.229 4H5.046c-.476 0-.911-.269-1.124-.695a.943.943 0 0 1 .421-1.265l.13-.065c.35-.175.766-.149 1.091.068M11.25 5h-6.5A1.75 1.75 0 0 0 3 6.75v4.5c0 .966.784 1.75 1.75 1.75h6.5A1.75 1.75 0 0 0 13 11.25v-4.5A1.75 1.75 0 0 0 11.25 5M8.5 6h2.75a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75H8.5zm-1 6H4.75a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 4.75 6H7.5zm1.057-8.705 1.879-1.252a1.09 1.09 0 0 1 1.09-.068l.13.065c.466.233.655.8.422 1.265A1.26 1.26 0 0 1 10.954 4H8.77a.385.385 0 0 1-.213-.705\" /></svg>));\nPresentOutlineIcon16.displayName = 'PresentOutlineIcon16';\nconst PresentOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M12.817 3.512 10.7 5.1a.5.5 0 0 0 .3.9h2.49c.619 0 1.185-.35 1.462-.904a1.226 1.226 0 0 0-.549-1.644l-.14-.07a1.38 1.38 0 0 0-1.446.13M14 7H6a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2m-3.25 1.5H14a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3.25zm-1.5 6H6a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 .5-.5h3.25zm.05-9.4L7.183 3.512a1.38 1.38 0 0 0-1.447-.13l-.14.07a1.226 1.226 0 0 0-.548 1.644C5.325 5.65 5.891 6 6.51 6H9a.5.5 0 0 0 .3-.9\" /></svg>));\nPresentOutlineIcon20.displayName = 'PresentOutlineIcon20';\nconst PresentOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M11.517 6.126 8.527 3.47A1.86 1.86 0 0 0 7.295 3c-1.755 0-2.53 2.21-1.16 3.307l.318.255A2 2 0 0 0 7.702 7h3.483a.5.5 0 0 0 .332-.874M6.5 20A2.5 2.5 0 0 1 4 17.5v-7A2.5 2.5 0 0 1 6.5 8h11a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5zM13 10v8h4.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5zm-2 0H6.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5H11zm4.472-6.53-2.99 2.656a.5.5 0 0 0 .333.874h3.483a2 2 0 0 0 1.25-.438l.318-.255C19.236 5.211 18.461 3 16.706 3c-.455 0-.894.167-1.234.47\" /></svg>));\nPresentOutlineIcon24.displayName = 'PresentOutlineIcon24';\nconst PresentOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M13.146 8.146 9.725 4.725A2.48 2.48 0 0 0 7.975 4C5.77 4 4.702 6.702 6.26 8.261A2.52 2.52 0 0 0 8.036 9h4.757a.5.5 0 0 0 .353-.854M8 22.999a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3zm7-11v9h5a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-2 0H8a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5zm5.275-7.274-3.421 3.421a.5.5 0 0 0 .353.854h4.758a2.52 2.52 0 0 0 1.774-.739C23.298 6.702 22.23 4 20.025 4c-.656 0-1.286.26-1.75.725\" /></svg>));\nPresentOutlineIcon28.displayName = 'PresentOutlineIcon28';\n\nconst PresentOutlineIcon = 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}><PresentOutlineIcon16 className={styles.variant16} />\n<PresentOutlineIcon20 className={styles.variant20} />\n<PresentOutlineIcon24 className={styles.variant24} />\n<PresentOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<PresentOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PresentOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PresentOutlineIcon24 {...mainProps} />); }\nreturn (<PresentOutlineIcon28 {...mainProps} />);\n  }\n);\nPresentOutlineIcon.displayName = 'PresentOutlineIcon';\nPresentOutlineIcon.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 PresentOutlineIcon;"],"mappings":"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"}

package/lib/present.d.ts

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

package/lib/present.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const PresentIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m5.564 2.043 1.88 1.252A.385.385 0 0 1 7.229 4H5.046c-.476 0-.911-.269-1.124-.695a.943.943 0 0 1 .421-1.265l.13-.065c.35-.175.766-.149 1.091.068m4.872 0L8.557 3.295A.385.385 0 0 0 8.77 4h2.184c.476 0 .911-.269 1.124-.695a.943.943 0 0 0-.421-1.265l-.13-.065a1.09 1.09 0 0 0-1.091.068M3 6.75C3 5.784 3.784 5 4.75 5H7.5v8H4.75A1.75 1.75 0 0 1 3 11.25zM8.5 13V5h2.75c.966 0 1.75.784 1.75 1.75v4.5A1.75 1.75 0 0 1 11.25 13z"
+})));
+PresentIcon16.displayName = 'PresentIcon16';
+const PresentIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.817 3.512 10.7 5.1a.5.5 0 0 0 .3.9h2.49c.619 0 1.185-.35 1.462-.904a1.226 1.226 0 0 0-.549-1.644l-.14-.07a1.38 1.38 0 0 0-1.446.13m-5.634.001L9.3 5.1A.5.5 0 0 1 9 6H6.51c-.619 0-1.185-.35-1.462-.904a1.226 1.226 0 0 1 .548-1.644l.14-.07a1.38 1.38 0 0 1 1.447.13M4 9a2 2 0 0 1 2-2h3.25v9H6a2 2 0 0 1-2-2zm6.75 7V7H14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2z"
+})));
+PresentIcon20.displayName = 'PresentIcon20';
+const PresentIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m8.528 3.47 2.99 2.656a.5.5 0 0 1-.333.874H7.702a2 2 0 0 1-1.25-.438l-.318-.255C4.764 5.211 5.539 3 7.294 3c.455 0 .894.167 1.234.47m6.944 0-2.99 2.656a.5.5 0 0 0 .333.874h3.483a2 2 0 0 0 1.25-.438l.318-.255C19.236 5.211 18.461 3 16.706 3c-.455 0-.894.167-1.234.47M4 10.5A2.5 2.5 0 0 1 6.5 8H11v12H6.5A2.5 2.5 0 0 1 4 17.5zm9 9.5V8h4.5a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5z"
+})));
+PresentIcon24.displayName = 'PresentIcon24';
+const PresentIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m9.725 4.725 3.421 3.421a.5.5 0 0 1-.353.854H8.036a2.52 2.52 0 0 1-1.775-.739C4.702 6.702 5.77 4 7.975 4c.656 0 1.286.26 1.75.725M8 9.999a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h5V10h2v12.999h5a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm6.854-1.853 3.421-3.421A2.48 2.48 0 0 1 20.025 4c2.205 0 3.273 2.702 1.714 4.261A2.52 2.52 0 0 1 19.965 9h-4.758a.5.5 0 0 1-.353-.854"
+})));
+PresentIcon28.displayName = 'PresentIcon28';
 const PresentIcon = /*#__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: "M18.59 6.761a1.986 1.986 0 00-1.068-2.62 2.036 2.036 0 00-2.219.447L12 8l4.692-.006a2.036 2.036 0 001.898-1.233zM4.586 20.414A2 2 0 014 19v-9h7v11H6a2 2 0 01-1.414-.586zM13 21V10h7v9a2 2 0 01-2 2h-5zM5.828 4.576c.185-.186.406-.334.65-.434a2.036 2.036 0 012.218.446L12 8l-4.692-.006A2.037 2.037 0 015.41 6.761a1.985 1.985 0 01.418-2.185z"
-  }));
+  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(PresentIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(PresentIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(PresentIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(PresentIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(PresentIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(PresentIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(PresentIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(PresentIcon28, mainProps);
 });
+PresentIcon.displayName = 'PresentIcon';
 PresentIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-PresentIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default PresentIcon;
 //# sourceMappingURL=present.js.map

package/lib/present.js.map

@@ -1 +1 @@
-{"version":3,"file":"present.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PresentIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["present.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 PresentIcon = 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=\"M18.59 6.761a1.986 1.986 0 00-1.068-2.62 2.036 2.036 0 00-2.219.447L12 8l4.692-.006a2.036 2.036 0 001.898-1.233zM4.586 20.414A2 2 0 014 19v-9h7v11H6a2 2 0 01-1.414-.586zM13 21V10h7v9a2 2 0 01-2 2h-5zM5.828 4.576c.185-.186.406-.334.65-.434a2.036 2.036 0 012.218.446L12 8l-4.692-.006A2.037 2.037 0 015.41 6.761a1.985 1.985 0 01.418-2.185z\" /></svg>)}\n);\n\nPresentIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nPresentIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default PresentIcon;"],"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;AAAme,CADjgB,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":"present.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PresentIcon16","forwardRef","props","ref","displayName","PresentIcon20","PresentIcon24","PresentIcon28","PresentIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["present.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 PresentIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m5.564 2.043 1.88 1.252A.385.385 0 0 1 7.229 4H5.046c-.476 0-.911-.269-1.124-.695a.943.943 0 0 1 .421-1.265l.13-.065c.35-.175.766-.149 1.091.068m4.872 0L8.557 3.295A.385.385 0 0 0 8.77 4h2.184c.476 0 .911-.269 1.124-.695a.943.943 0 0 0-.421-1.265l-.13-.065a1.09 1.09 0 0 0-1.091.068M3 6.75C3 5.784 3.784 5 4.75 5H7.5v8H4.75A1.75 1.75 0 0 1 3 11.25zM8.5 13V5h2.75c.966 0 1.75.784 1.75 1.75v4.5A1.75 1.75 0 0 1 11.25 13z\" /></svg>));\nPresentIcon16.displayName = 'PresentIcon16';\nconst PresentIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M12.817 3.512 10.7 5.1a.5.5 0 0 0 .3.9h2.49c.619 0 1.185-.35 1.462-.904a1.226 1.226 0 0 0-.549-1.644l-.14-.07a1.38 1.38 0 0 0-1.446.13m-5.634.001L9.3 5.1A.5.5 0 0 1 9 6H6.51c-.619 0-1.185-.35-1.462-.904a1.226 1.226 0 0 1 .548-1.644l.14-.07a1.38 1.38 0 0 1 1.447.13M4 9a2 2 0 0 1 2-2h3.25v9H6a2 2 0 0 1-2-2zm6.75 7V7H14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2z\" /></svg>));\nPresentIcon20.displayName = 'PresentIcon20';\nconst PresentIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"m8.528 3.47 2.99 2.656a.5.5 0 0 1-.333.874H7.702a2 2 0 0 1-1.25-.438l-.318-.255C4.764 5.211 5.539 3 7.294 3c.455 0 .894.167 1.234.47m6.944 0-2.99 2.656a.5.5 0 0 0 .333.874h3.483a2 2 0 0 0 1.25-.438l.318-.255C19.236 5.211 18.461 3 16.706 3c-.455 0-.894.167-1.234.47M4 10.5A2.5 2.5 0 0 1 6.5 8H11v12H6.5A2.5 2.5 0 0 1 4 17.5zm9 9.5V8h4.5a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5z\" /></svg>));\nPresentIcon24.displayName = 'PresentIcon24';\nconst PresentIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m9.725 4.725 3.421 3.421a.5.5 0 0 1-.353.854H8.036a2.52 2.52 0 0 1-1.775-.739C4.702 6.702 5.77 4 7.975 4c.656 0 1.286.26 1.75.725M8 9.999a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h5V10h2v12.999h5a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm6.854-1.853 3.421-3.421A2.48 2.48 0 0 1 20.025 4c2.205 0 3.273 2.702 1.714 4.261A2.52 2.52 0 0 1 19.965 9h-4.758a.5.5 0 0 1-.353-.854\" /></svg>));\nPresentIcon28.displayName = 'PresentIcon28';\n\nconst PresentIcon = 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}><PresentIcon16 className={styles.variant16} />\n<PresentIcon20 className={styles.variant20} />\n<PresentIcon24 className={styles.variant24} />\n<PresentIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<PresentIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PresentIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PresentIcon24 {...mainProps} />); }\nreturn (<PresentIcon28 {...mainProps} />);\n  }\n);\nPresentIcon.displayName = 'PresentIcon';\nPresentIcon.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 PresentIcon;"],"mappings":"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"}

package/lib/print-outline.d.ts

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