@rescui/icons 0.16.17 → 1.0.0

package/lib/eye-crossed-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 EyeCrossedOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m15.354 1.354-14 14a.5.5 0 0 1-.708-.708l3.068-3.067c-1.008-.712-1.844-1.65-2.368-2.713a1.96 1.96 0 0 1 0-1.732C2.52 4.751 5.26 3 8 3c1.178 0 2.357.324 3.41.883L14.646.646a.5.5 0 0 1 .708.708M4.433 10.86l1.481-1.481a2.5 2.5 0 0 1 3.464-3.464l1.288-1.288C9.826 4.23 8.91 4 8 4 5.646 4 3.25 5.53 2.244 7.576a.96.96 0 0 0 0 .848c.473.96 1.252 1.808 2.189 2.436m4.214-4.214a1.5 1.5 0 0 0-2 2zm1.789 1.918-1.872 1.872a2.5 2.5 0 0 0 1.872-1.872M8 12q-.463 0-.923-.076l-.842.84A7 7 0 0 0 8 13c2.74 0 5.48-1.751 6.653-4.134a1.96 1.96 0 0 0 0-1.732 7 7 0 0 0-1.142-1.644l-.708.707c.385.42.71.885.953 1.38a.96.96 0 0 1 0 .847C12.75 10.47 10.354 12 8 12"
+})));
+EyeCrossedOutlineIcon16.displayName = 'EyeCrossedOutlineIcon16';
+const EyeCrossedOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m18.53 2.53-16 16a.75.75 0 0 1-1.06-1.06l3.515-3.516c-1.134-.783-2.055-1.83-2.637-3.068a2.08 2.08 0 0 1 0-1.772C3.66 6.326 6.693 4.5 10 4.5c1.29 0 2.537.278 3.658.782L17.47 1.47a.75.75 0 1 1 1.06 1.06M6.067 12.872l1.348-1.348a3 3 0 0 1 4.109-4.109l.982-.982A7.4 7.4 0 0 0 10 6C7.218 6 4.747 7.539 3.705 9.753a.58.58 0 0 0 0 .494c.5 1.062 1.328 1.969 2.363 2.625M10.39 8.55a1.502 1.502 0 0 0-1.838 1.838zm2.604 1.641-2.803 2.803a3 3 0 0 0 2.803-2.803M10 14q-.392 0-.775-.04l-1.297 1.297A9 9 0 0 0 10 15.5c3.307 0 6.34-1.826 7.652-4.614a2.08 2.08 0 0 0 0-1.772 7.6 7.6 0 0 0-1.48-2.102l-1.06 1.062c.49.494.892 1.06 1.183 1.679a.58.58 0 0 1 0 .494C15.253 12.461 12.782 14 10 14"
+})));
+EyeCrossedOutlineIcon20.displayName = 'EyeCrossedOutlineIcon20';
+const EyeCrossedOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m21.707 3.707-18 18a1 1 0 0 1-1.414-1.414L5.7 16.886c-1.283-.925-2.357-2.102-3.077-3.429a3.06 3.06 0 0 1 0-2.914C4.364 7.333 8.183 5 12 5c1.555 0 3.11.387 4.524 1.062l3.769-3.77a1 1 0 1 1 1.414 1.415M7.137 15.45l1.417-1.417a4 4 0 0 1 5.478-5.478l.971-.971A8.4 8.4 0 0 0 12 7c-3.08 0-6.226 1.927-7.619 4.496a1.06 1.06 0 0 0 0 1.008c.623 1.148 1.596 2.168 2.756 2.945m5.381-5.381a2 2 0 0 0-2.45 2.45zM16 11.97 11.97 16H12a4 4 0 0 0 4-4zM12 17q-.485 0-.969-.062l-1.695 1.695c.87.238 1.767.367 2.664.367 3.818 0 7.636-2.332 9.377-5.543a3.06 3.06 0 0 0 0-2.914 9.9 9.9 0 0 0-1.696-2.254l-1.415 1.414a7.9 7.9 0 0 1 1.353 1.793c.17.313.17.695 0 1.008C18.226 15.073 15.08 17 12 17"
+})));
+EyeCrossedOutlineIcon24.displayName = 'EyeCrossedOutlineIcon24';
+const EyeCrossedOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m25.207 4.207-21 21a1 1 0 0 1-1.414-1.414l4.36-4.36c-1.493-1.057-2.736-2.424-3.542-3.97a3.17 3.17 0 0 1 0-2.926C5.49 8.933 9.745 6.3 14 6.3c1.745 0 3.49.443 5.072 1.214l4.72-4.721a1 1 0 1 1 1.415 1.414M8.591 17.995l1.963-1.963a4 4 0 0 1 5.478-5.478l1.527-1.527c-1.137-.464-2.352-.727-3.56-.727-3.51 0-7.08 2.22-8.615 5.162-.175.336-.175.74 0 1.076.706 1.354 1.843 2.555 3.207 3.457m5.927-5.927A2 2 0 0 0 12 14q.001.27.068.518zm3.466 2.29-3.625 3.626a4 4 0 0 0 3.625-3.626M14 19.7q-.634 0-1.264-.093l-1.684 1.684c.962.266 1.955.409 2.948.409 4.255 0 8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926 10.8 10.8 0 0 0-1.952-2.631l-1.414 1.414a8.8 8.8 0 0 1 1.593 2.142c.175.336.175.74 0 1.076C21.082 17.48 17.51 19.7 14 19.7"
+})));
+EyeCrossedOutlineIcon28.displayName = 'EyeCrossedOutlineIcon28';
+const EyeCrossedOutlineIcon = /*#__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(EyeCrossedOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon28, mainProps);
+});
+EyeCrossedOutlineIcon.displayName = 'EyeCrossedOutlineIcon';
+EyeCrossedOutlineIcon.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 EyeCrossedOutlineIcon;
+//# sourceMappingURL=eye-crossed-outline.js.map

package/lib/eye-crossed-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedOutlineIcon16","forwardRef","props","ref","displayName","EyeCrossedOutlineIcon20","EyeCrossedOutlineIcon24","EyeCrossedOutlineIcon28","EyeCrossedOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["eye-crossed-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 EyeCrossedOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m15.354 1.354-14 14a.5.5 0 0 1-.708-.708l3.068-3.067c-1.008-.712-1.844-1.65-2.368-2.713a1.96 1.96 0 0 1 0-1.732C2.52 4.751 5.26 3 8 3c1.178 0 2.357.324 3.41.883L14.646.646a.5.5 0 0 1 .708.708M4.433 10.86l1.481-1.481a2.5 2.5 0 0 1 3.464-3.464l1.288-1.288C9.826 4.23 8.91 4 8 4 5.646 4 3.25 5.53 2.244 7.576a.96.96 0 0 0 0 .848c.473.96 1.252 1.808 2.189 2.436m4.214-4.214a1.5 1.5 0 0 0-2 2zm1.789 1.918-1.872 1.872a2.5 2.5 0 0 0 1.872-1.872M8 12q-.463 0-.923-.076l-.842.84A7 7 0 0 0 8 13c2.74 0 5.48-1.751 6.653-4.134a1.96 1.96 0 0 0 0-1.732 7 7 0 0 0-1.142-1.644l-.708.707c.385.42.71.885.953 1.38a.96.96 0 0 1 0 .847C12.75 10.47 10.354 12 8 12\" /></svg>));\nEyeCrossedOutlineIcon16.displayName = 'EyeCrossedOutlineIcon16';\nconst EyeCrossedOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"m18.53 2.53-16 16a.75.75 0 0 1-1.06-1.06l3.515-3.516c-1.134-.783-2.055-1.83-2.637-3.068a2.08 2.08 0 0 1 0-1.772C3.66 6.326 6.693 4.5 10 4.5c1.29 0 2.537.278 3.658.782L17.47 1.47a.75.75 0 1 1 1.06 1.06M6.067 12.872l1.348-1.348a3 3 0 0 1 4.109-4.109l.982-.982A7.4 7.4 0 0 0 10 6C7.218 6 4.747 7.539 3.705 9.753a.58.58 0 0 0 0 .494c.5 1.062 1.328 1.969 2.363 2.625M10.39 8.55a1.502 1.502 0 0 0-1.838 1.838zm2.604 1.641-2.803 2.803a3 3 0 0 0 2.803-2.803M10 14q-.392 0-.775-.04l-1.297 1.297A9 9 0 0 0 10 15.5c3.307 0 6.34-1.826 7.652-4.614a2.08 2.08 0 0 0 0-1.772 7.6 7.6 0 0 0-1.48-2.102l-1.06 1.062c.49.494.892 1.06 1.183 1.679a.58.58 0 0 1 0 .494C15.253 12.461 12.782 14 10 14\" /></svg>));\nEyeCrossedOutlineIcon20.displayName = 'EyeCrossedOutlineIcon20';\nconst EyeCrossedOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"m21.707 3.707-18 18a1 1 0 0 1-1.414-1.414L5.7 16.886c-1.283-.925-2.357-2.102-3.077-3.429a3.06 3.06 0 0 1 0-2.914C4.364 7.333 8.183 5 12 5c1.555 0 3.11.387 4.524 1.062l3.769-3.77a1 1 0 1 1 1.414 1.415M7.137 15.45l1.417-1.417a4 4 0 0 1 5.478-5.478l.971-.971A8.4 8.4 0 0 0 12 7c-3.08 0-6.226 1.927-7.619 4.496a1.06 1.06 0 0 0 0 1.008c.623 1.148 1.596 2.168 2.756 2.945m5.381-5.381a2 2 0 0 0-2.45 2.45zM16 11.97 11.97 16H12a4 4 0 0 0 4-4zM12 17q-.485 0-.969-.062l-1.695 1.695c.87.238 1.767.367 2.664.367 3.818 0 7.636-2.332 9.377-5.543a3.06 3.06 0 0 0 0-2.914 9.9 9.9 0 0 0-1.696-2.254l-1.415 1.414a7.9 7.9 0 0 1 1.353 1.793c.17.313.17.695 0 1.008C18.226 15.073 15.08 17 12 17\" /></svg>));\nEyeCrossedOutlineIcon24.displayName = 'EyeCrossedOutlineIcon24';\nconst EyeCrossedOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m25.207 4.207-21 21a1 1 0 0 1-1.414-1.414l4.36-4.36c-1.493-1.057-2.736-2.424-3.542-3.97a3.17 3.17 0 0 1 0-2.926C5.49 8.933 9.745 6.3 14 6.3c1.745 0 3.49.443 5.072 1.214l4.72-4.721a1 1 0 1 1 1.415 1.414M8.591 17.995l1.963-1.963a4 4 0 0 1 5.478-5.478l1.527-1.527c-1.137-.464-2.352-.727-3.56-.727-3.51 0-7.08 2.22-8.615 5.162-.175.336-.175.74 0 1.076.706 1.354 1.843 2.555 3.207 3.457m5.927-5.927A2 2 0 0 0 12 14q.001.27.068.518zm3.466 2.29-3.625 3.626a4 4 0 0 0 3.625-3.626M14 19.7q-.634 0-1.264-.093l-1.684 1.684c.962.266 1.955.409 2.948.409 4.255 0 8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926 10.8 10.8 0 0 0-1.952-2.631l-1.414 1.414a8.8 8.8 0 0 1 1.593 2.142c.175.336.175.74 0 1.076C21.082 17.48 17.51 19.7 14 19.7\" /></svg>));\nEyeCrossedOutlineIcon28.displayName = 'EyeCrossedOutlineIcon28';\n\nconst EyeCrossedOutlineIcon = 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}><EyeCrossedOutlineIcon16 className={styles.variant16} />\n<EyeCrossedOutlineIcon20 className={styles.variant20} />\n<EyeCrossedOutlineIcon24 className={styles.variant24} />\n<EyeCrossedOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<EyeCrossedOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<EyeCrossedOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<EyeCrossedOutlineIcon24 {...mainProps} />); }\nreturn (<EyeCrossedOutlineIcon28 {...mainProps} />);\n  }\n);\nEyeCrossedOutlineIcon.displayName = 'EyeCrossedOutlineIcon';\nEyeCrossedOutlineIcon.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 EyeCrossedOutlineIcon;"],"mappings":"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"}

package/lib/eye-crossed.d.ts

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

package/lib/eye-crossed.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const EyeCrossedIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.354 1.354a.5.5 0 0 0-.708-.708L11.41 3.883C10.357 3.323 9.178 3 8 3 5.26 3 2.52 4.751 1.346 7.134a1.96 1.96 0 0 0 0 1.732c.524 1.063 1.36 2 2.368 2.713L.646 14.646a.5.5 0 0 0 .708.708zm-9.8 8.384a3 3 0 0 1 4.184-4.184l-.722.723a2 2 0 0 0-2.74 2.74zM8 13a7 7 0 0 1-1.765-.235l7.276-7.275a7 7 0 0 1 1.143 1.644 1.96 1.96 0 0 1 0 1.732C13.48 11.249 10.74 13 8 13"
+})));
+EyeCrossedIcon16.displayName = 'EyeCrossedIcon16';
+const EyeCrossedIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.812 3.812A8.9 8.9 0 0 0 9.75 4.25c-3.307 0-6.34 1.826-7.652 4.614a2.08 2.08 0 0 0 0 1.772c.582 1.237 1.503 2.285 2.637 3.068L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.441 11.998a4 4 0 0 1 5.557-5.557l-1.092 1.092a2.5 2.5 0 0 0-3.373 3.373zm5.67-1.424-1.537 1.537a2.5 2.5 0 0 0 1.537-1.537M9.75 13.75q-.383 0-.746-.07l-1.326 1.327a9 9 0 0 0 2.072.243c3.307 0 6.34-1.826 7.652-4.614a2.08 2.08 0 0 0 0-1.772 7.6 7.6 0 0 0-1.48-2.102l-2.241 2.242q.068.363.069.746a4 4 0 0 1-4 4"
+})));
+EyeCrossedIcon20.displayName = 'EyeCrossedIcon20';
+const EyeCrossedIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.707 3.707a1 1 0 0 0-1.414-1.414l-3.77 3.769C15.11 5.387 13.556 5 12 5c-3.818 0-7.636 2.332-9.377 5.543a3.06 3.06 0 0 0 0 2.914c.72 1.327 1.794 2.504 3.077 3.429l-3.407 3.407a1 1 0 1 0 1.414 1.414zM7.828 14.757a5 5 0 0 1 6.929-6.929l-1.464 1.464a3 3 0 0 0-4.001 4.001zm6.907-1.523-1.501 1.501a3 3 0 0 0 1.501-1.501M12 17q-.484 0-.942-.089l-1.722 1.722c.87.238 1.767.367 2.664.367 3.818 0 7.636-2.332 9.377-5.543a3.06 3.06 0 0 0 0-2.914 9.9 9.9 0 0 0-1.696-2.254l-2.77 2.769Q17 11.516 17 12a5 5 0 0 1-5 5"
+})));
+EyeCrossedIcon24.displayName = 'EyeCrossedIcon24';
+const EyeCrossedIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M25.207 4.207a1 1 0 0 0-1.414-1.414L19.07 7.514C17.491 6.744 15.745 6.3 14 6.3c-4.255 0-8.51 2.634-10.39 6.237a3.17 3.17 0 0 0 0 2.926c.807 1.546 2.05 2.913 3.542 3.97l-4.36 4.36a1 1 0 1 0 1.415 1.414zM9.11 17.477a6 6 0 0 1 8.367-8.367l-1.444 1.444a4 4 0 0 0-5.478 5.478zM14 20a6 6 0 0 1-1.475-.183l-1.474 1.474c.963.266 1.956.41 2.949.41 4.255 0 8.51-2.634 10.389-6.238a3.17 3.17 0 0 0 0-2.926 10.8 10.8 0 0 0-1.952-2.631l-2.62 2.62A6 6 0 0 1 14 20"
+})));
+EyeCrossedIcon28.displayName = 'EyeCrossedIcon28';
 const EyeCrossedIcon = /*#__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.193 16.837l-2.07-2.07-1.447-1.446-4.005-4.005-1.456-1.455L7.59 6.236 4.248 2.898l-.003.003-1.412 1.412 2.951 2.946a10.712 10.712 0 00-3.79 4.785 10.78 10.78 0 0014.39 5.814l3.293 3.29 1.414-1.414-.003-.002-2.895-2.895zm-7.524-.019l-.017-.005a4.983 4.983 0 01-3.496-6.107l.008-.028c.142-.495.36-.964.648-1.391l1.46 1.46-.006.012a2.98 2.98 0 001.924 4.128l.008.002a3.13 3.13 0 00.258.058 2.98 2.98 0 001.78-.238l1.463 1.464-.033.021a4.968 4.968 0 01-3.997.624zm5.494-7.552a4.983 4.983 0 00-2.858-2.093 4.968 4.968 0 00-2.067-.114L9.718 5.54a10.768 10.768 0 0112.276 6.504 10.66 10.66 0 01-2.278 3.493l-2.808-2.807a4.983 4.983 0 00-.745-3.464z"
-  }));
+  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(EyeCrossedIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(EyeCrossedIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(EyeCrossedIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(EyeCrossedIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(EyeCrossedIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(EyeCrossedIcon28, mainProps);
 });
+EyeCrossedIcon.displayName = 'EyeCrossedIcon';
 EyeCrossedIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-EyeCrossedIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default EyeCrossedIcon;
 //# sourceMappingURL=eye-crossed.js.map

package/lib/eye-crossed.js.map

@@ -1 +1 @@
-{"version":3,"file":"eye-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["eye-crossed.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 EyeCrossedIcon = 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.193 16.837l-2.07-2.07-1.447-1.446-4.005-4.005-1.456-1.455L7.59 6.236 4.248 2.898l-.003.003-1.412 1.412 2.951 2.946a10.712 10.712 0 00-3.79 4.785 10.78 10.78 0 0014.39 5.814l3.293 3.29 1.414-1.414-.003-.002-2.895-2.895zm-7.524-.019l-.017-.005a4.983 4.983 0 01-3.496-6.107l.008-.028c.142-.495.36-.964.648-1.391l1.46 1.46-.006.012a2.98 2.98 0 001.924 4.128l.008.002a3.13 3.13 0 00.258.058 2.98 2.98 0 001.78-.238l1.463 1.464-.033.021a4.968 4.968 0 01-3.997.624zm5.494-7.552a4.983 4.983 0 00-2.858-2.093 4.968 4.968 0 00-2.067-.114L9.718 5.54a10.768 10.768 0 0112.276 6.504 10.66 10.66 0 01-2.278 3.493l-2.808-2.807a4.983 4.983 0 00-.745-3.464z\" /></svg>)}\n);\n\nEyeCrossedIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nEyeCrossedIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default EyeCrossedIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CACrB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAuxB,CADlzB,CAAvB;AAIAF,cAAc,CAACQ,SAAf,GAA2B;EACzBH,SAAS,EAAEd,SAAS,CAACkB,MADI;EAEzBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHmB,CAA3B;AAMAV,cAAc,CAACW,YAAf,GAA8B;EAC5BP,IAAI,EAAE;AADsB,CAA9B;AAIA,eAAeJ,cAAf"}
+{"version":3,"file":"eye-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedIcon16","forwardRef","props","ref","displayName","EyeCrossedIcon20","EyeCrossedIcon24","EyeCrossedIcon28","EyeCrossedIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["eye-crossed.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 EyeCrossedIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M15.354 1.354a.5.5 0 0 0-.708-.708L11.41 3.883C10.357 3.323 9.178 3 8 3 5.26 3 2.52 4.751 1.346 7.134a1.96 1.96 0 0 0 0 1.732c.524 1.063 1.36 2 2.368 2.713L.646 14.646a.5.5 0 0 0 .708.708zm-9.8 8.384a3 3 0 0 1 4.184-4.184l-.722.723a2 2 0 0 0-2.74 2.74zM8 13a7 7 0 0 1-1.765-.235l7.276-7.275a7 7 0 0 1 1.143 1.644 1.96 1.96 0 0 1 0 1.732C13.48 11.249 10.74 13 8 13\" /></svg>));\nEyeCrossedIcon16.displayName = 'EyeCrossedIcon16';\nconst EyeCrossedIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.812 3.812A8.9 8.9 0 0 0 9.75 4.25c-3.307 0-6.34 1.826-7.652 4.614a2.08 2.08 0 0 0 0 1.772c.582 1.237 1.503 2.285 2.637 3.068L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.441 11.998a4 4 0 0 1 5.557-5.557l-1.092 1.092a2.5 2.5 0 0 0-3.373 3.373zm5.67-1.424-1.537 1.537a2.5 2.5 0 0 0 1.537-1.537M9.75 13.75q-.383 0-.746-.07l-1.326 1.327a9 9 0 0 0 2.072.243c3.307 0 6.34-1.826 7.652-4.614a2.08 2.08 0 0 0 0-1.772 7.6 7.6 0 0 0-1.48-2.102l-2.241 2.242q.068.363.069.746a4 4 0 0 1-4 4\" /></svg>));\nEyeCrossedIcon20.displayName = 'EyeCrossedIcon20';\nconst EyeCrossedIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21.707 3.707a1 1 0 0 0-1.414-1.414l-3.77 3.769C15.11 5.387 13.556 5 12 5c-3.818 0-7.636 2.332-9.377 5.543a3.06 3.06 0 0 0 0 2.914c.72 1.327 1.794 2.504 3.077 3.429l-3.407 3.407a1 1 0 1 0 1.414 1.414zM7.828 14.757a5 5 0 0 1 6.929-6.929l-1.464 1.464a3 3 0 0 0-4.001 4.001zm6.907-1.523-1.501 1.501a3 3 0 0 0 1.501-1.501M12 17q-.484 0-.942-.089l-1.722 1.722c.87.238 1.767.367 2.664.367 3.818 0 7.636-2.332 9.377-5.543a3.06 3.06 0 0 0 0-2.914 9.9 9.9 0 0 0-1.696-2.254l-2.77 2.769Q17 11.516 17 12a5 5 0 0 1-5 5\" /></svg>));\nEyeCrossedIcon24.displayName = 'EyeCrossedIcon24';\nconst EyeCrossedIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M25.207 4.207a1 1 0 0 0-1.414-1.414L19.07 7.514C17.491 6.744 15.745 6.3 14 6.3c-4.255 0-8.51 2.634-10.39 6.237a3.17 3.17 0 0 0 0 2.926c.807 1.546 2.05 2.913 3.542 3.97l-4.36 4.36a1 1 0 1 0 1.415 1.414zM9.11 17.477a6 6 0 0 1 8.367-8.367l-1.444 1.444a4 4 0 0 0-5.478 5.478zM14 20a6 6 0 0 1-1.475-.183l-1.474 1.474c.963.266 1.956.41 2.949.41 4.255 0 8.51-2.634 10.389-6.238a3.17 3.17 0 0 0 0-2.926 10.8 10.8 0 0 0-1.952-2.631l-2.62 2.62A6 6 0 0 1 14 20\" /></svg>));\nEyeCrossedIcon28.displayName = 'EyeCrossedIcon28';\n\nconst EyeCrossedIcon = 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}><EyeCrossedIcon16 className={styles.variant16} />\n<EyeCrossedIcon20 className={styles.variant20} />\n<EyeCrossedIcon24 className={styles.variant24} />\n<EyeCrossedIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<EyeCrossedIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<EyeCrossedIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<EyeCrossedIcon24 {...mainProps} />); }\nreturn (<EyeCrossedIcon28 {...mainProps} />);\n  }\n);\nEyeCrossedIcon.displayName = 'EyeCrossedIcon';\nEyeCrossedIcon.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 EyeCrossedIcon;"],"mappings":"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"}

package/lib/eye-outline.d.ts

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

package/lib/eye-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 EyeOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m-1 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M8 3C5.26 3 2.52 4.751 1.346 7.134a1.96 1.96 0 0 0 0 1.732C2.52 11.249 5.26 13 8 13s5.48-1.751 6.653-4.134a1.96 1.96 0 0 0 0-1.732C13.48 4.751 10.74 3 8 3M2.244 7.576C3.25 5.53 5.646 4 8 4s4.75 1.53 5.756 3.576a.96.96 0 0 1 0 .848C12.75 10.47 10.354 12 8 12s-4.75-1.53-5.756-3.576a.96.96 0 0 1 0-.848"
+})));
+EyeOutlineIcon16.displayName = 'EyeOutlineIcon16';
+const EyeOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-1.5 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M10 4.5c-3.307 0-6.34 1.826-7.652 4.614a2.08 2.08 0 0 0 0 1.772C3.66 13.674 6.693 15.5 10 15.5s6.34-1.826 7.653-4.614a2.08 2.08 0 0 0 0-1.772C16.34 6.326 13.307 4.5 10 4.5M3.705 9.753C4.747 7.539 7.218 6 10 6s5.253 1.539 6.295 3.753a.58.58 0 0 1 0 .494C15.253 12.461 12.782 14 10 14s-5.253-1.539-6.295-3.753a.58.58 0 0 1 0-.494"
+})));
+EyeOutlineIcon20.displayName = 'EyeOutlineIcon20';
+const EyeOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0m7.377 1.457a3.06 3.06 0 0 0 0-2.914C19.636 7.333 15.817 5 12 5s-7.636 2.332-9.377 5.543a3.06 3.06 0 0 0 0 2.914C4.364 16.667 8.183 19 12 19s7.636-2.332 9.377-5.543M4.38 11.497C5.774 8.926 8.92 7 12 7s6.226 1.927 7.619 4.496c.17.313.17.695 0 1.008C18.226 15.073 15.08 17 12 17s-6.226-1.927-7.619-4.496a1.06 1.06 0 0 1 0-1.008"
+})));
+EyeOutlineIcon24.displayName = 'EyeOutlineIcon24';
+const EyeOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18 14a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2-7.7c-4.255 0-8.51 2.633-10.39 6.237a3.17 3.17 0 0 0 0 2.926C5.49 19.067 9.746 21.7 14 21.7s8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926C22.509 8.933 18.255 6.3 13.999 6.3m-8.616 7.162C6.918 10.52 10.49 8.3 14 8.3s7.082 2.22 8.616 5.162c.175.336.175.74 0 1.076C21.082 17.48 17.51 19.7 14 19.7s-7.082-2.22-8.616-5.162a1.17 1.17 0 0 1 0-1.076"
+})));
+EyeOutlineIcon28.displayName = 'EyeOutlineIcon28';
+const EyeOutlineIcon = /*#__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(EyeOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(EyeOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(EyeOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(EyeOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(EyeOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(EyeOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(EyeOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(EyeOutlineIcon28, mainProps);
+});
+EyeOutlineIcon.displayName = 'EyeOutlineIcon';
+EyeOutlineIcon.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 EyeOutlineIcon;
+//# sourceMappingURL=eye-outline.js.map

package/lib/eye-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeOutlineIcon16","forwardRef","props","ref","displayName","EyeOutlineIcon20","EyeOutlineIcon24","EyeOutlineIcon28","EyeOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["eye-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 EyeOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m-1 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M8 3C5.26 3 2.52 4.751 1.346 7.134a1.96 1.96 0 0 0 0 1.732C2.52 11.249 5.26 13 8 13s5.48-1.751 6.653-4.134a1.96 1.96 0 0 0 0-1.732C13.48 4.751 10.74 3 8 3M2.244 7.576C3.25 5.53 5.646 4 8 4s4.75 1.53 5.756 3.576a.96.96 0 0 1 0 .848C12.75 10.47 10.354 12 8 12s-4.75-1.53-5.756-3.576a.96.96 0 0 1 0-.848\" /></svg>));\nEyeOutlineIcon16.displayName = 'EyeOutlineIcon16';\nconst EyeOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-1.5 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M10 4.5c-3.307 0-6.34 1.826-7.652 4.614a2.08 2.08 0 0 0 0 1.772C3.66 13.674 6.693 15.5 10 15.5s6.34-1.826 7.653-4.614a2.08 2.08 0 0 0 0-1.772C16.34 6.326 13.307 4.5 10 4.5M3.705 9.753C4.747 7.539 7.218 6 10 6s5.253 1.539 6.295 3.753a.58.58 0 0 1 0 .494C15.253 12.461 12.782 14 10 14s-5.253-1.539-6.295-3.753a.58.58 0 0 1 0-.494\" /></svg>));\nEyeOutlineIcon20.displayName = 'EyeOutlineIcon20';\nconst EyeOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0m7.377 1.457a3.06 3.06 0 0 0 0-2.914C19.636 7.333 15.817 5 12 5s-7.636 2.332-9.377 5.543a3.06 3.06 0 0 0 0 2.914C4.364 16.667 8.183 19 12 19s7.636-2.332 9.377-5.543M4.38 11.497C5.774 8.926 8.92 7 12 7s6.226 1.927 7.619 4.496c.17.313.17.695 0 1.008C18.226 15.073 15.08 17 12 17s-6.226-1.927-7.619-4.496a1.06 1.06 0 0 1 0-1.008\" /></svg>));\nEyeOutlineIcon24.displayName = 'EyeOutlineIcon24';\nconst EyeOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M18 14a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2-7.7c-4.255 0-8.51 2.633-10.39 6.237a3.17 3.17 0 0 0 0 2.926C5.49 19.067 9.746 21.7 14 21.7s8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926C22.509 8.933 18.255 6.3 13.999 6.3m-8.616 7.162C6.918 10.52 10.49 8.3 14 8.3s7.082 2.22 8.616 5.162c.175.336.175.74 0 1.076C21.082 17.48 17.51 19.7 14 19.7s-7.082-2.22-8.616-5.162a1.17 1.17 0 0 1 0-1.076\" /></svg>));\nEyeOutlineIcon28.displayName = 'EyeOutlineIcon28';\n\nconst EyeOutlineIcon = 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}><EyeOutlineIcon16 className={styles.variant16} />\n<EyeOutlineIcon20 className={styles.variant20} />\n<EyeOutlineIcon24 className={styles.variant24} />\n<EyeOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<EyeOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<EyeOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<EyeOutlineIcon24 {...mainProps} />); }\nreturn (<EyeOutlineIcon28 {...mainProps} />);\n  }\n);\nEyeOutlineIcon.displayName = 'EyeOutlineIcon';\nEyeOutlineIcon.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 EyeOutlineIcon;"],"mappings":"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"}

package/lib/eye.d.ts

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

package/lib/eye.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const EyeIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-8.654-.866C2.52 4.751 5.26 3 8 3s5.48 1.751 6.653 4.134a1.96 1.96 0 0 1 0 1.732C13.48 11.249 10.74 13 8 13s-5.48-1.751-6.654-4.134a1.96 1.96 0 0 1 0-1.732M11 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+})));
+EyeIcon16.displayName = 'EyeIcon16';
+const EyeIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M2.348 9.114C3.66 6.326 6.693 4.5 10 4.5s6.34 1.826 7.653 4.614c.263.56.263 1.211 0 1.772C16.34 13.674 13.307 15.5 10 15.5s-6.34-1.826-7.652-4.614a2.08 2.08 0 0 1 0-1.772M14 10a4 4 0 1 0-8 0 4 4 0 0 0 8 0"
+})));
+EyeIcon20.displayName = 'EyeIcon20';
+const EyeIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0M2.623 10.543C4.364 7.333 8.183 5 12 5s7.636 2.332 9.377 5.543a3.06 3.06 0 0 1 0 2.914C19.636 16.667 15.817 19 12 19s-7.636-2.332-9.377-5.543a3.06 3.06 0 0 1 0-2.914M17 12a5 5 0 1 0-10 0 5 5 0 0 0 10 0"
+})));
+EyeIcon24.displayName = 'EyeIcon24';
+const EyeIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18 14a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-4-7.7c-4.255 0-8.51 2.634-10.39 6.237a3.17 3.17 0 0 0 0 2.926C5.49 19.067 9.746 21.7 14 21.7s8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926C22.509 8.934 18.255 6.3 13.999 6.3M14 20a6 6 0 1 1 0-12 6 6 0 0 1 0 12"
+})));
+EyeIcon28.displayName = 'EyeIcon28';
 const EyeIcon = /*#__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: "M5.964 7.13A10.75 10.75 0 0112 5.292a10.75 10.75 0 0110 6.75 10.782 10.782 0 01-20 0 10.75 10.75 0 013.964-4.91zm9.307 8.638a5 5 0 10-6.555-7.55 5 5 0 006.555 7.55zm-2.486-6.667a3 3 0 11-1.581 5.786 3 3 0 011.58-5.786z"
-  }));
+  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(EyeIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(EyeIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(EyeIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(EyeIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(EyeIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(EyeIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(EyeIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(EyeIcon28, mainProps);
 });
+EyeIcon.displayName = 'EyeIcon';
 EyeIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-EyeIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default EyeIcon;
 //# sourceMappingURL=eye.js.map

package/lib/eye.js.map

@@ -1 +1 @@
-{"version":3,"file":"eye.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["eye.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 EyeIcon = 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=\"M5.964 7.13A10.75 10.75 0 0112 5.292a10.75 10.75 0 0110 6.75 10.782 10.782 0 01-20 0 10.75 10.75 0 013.964-4.91zm9.307 8.638a5 5 0 10-6.555-7.55 5 5 0 006.555 7.55zm-2.486-6.667a3 3 0 11-1.581 5.786 3 3 0 011.58-5.786z\" /></svg>)}\n);\n\nEyeIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nEyeIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default EyeIcon;"],"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,OAAO,gBAAGV,KAAK,CAACW,UAAN,CACd,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;AAA6W,CAD/Y,CAAhB;AAIAF,OAAO,CAACQ,SAAR,GAAoB;EAClBH,SAAS,EAAEd,SAAS,CAACkB,MADH;EAElBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFW;EAGlBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHY,CAApB;AAMAV,OAAO,CAACW,YAAR,GAAuB;EACrBP,IAAI,EAAE;AADe,CAAvB;AAIA,eAAeJ,OAAf"}
+{"version":3,"file":"eye.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeIcon16","forwardRef","props","ref","displayName","EyeIcon20","EyeIcon24","EyeIcon28","EyeIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["eye.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 EyeIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-8.654-.866C2.52 4.751 5.26 3 8 3s5.48 1.751 6.653 4.134a1.96 1.96 0 0 1 0 1.732C13.48 11.249 10.74 13 8 13s-5.48-1.751-6.654-4.134a1.96 1.96 0 0 1 0-1.732M11 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0\" /></svg>));\nEyeIcon16.displayName = 'EyeIcon16';\nconst EyeIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M2.348 9.114C3.66 6.326 6.693 4.5 10 4.5s6.34 1.826 7.653 4.614c.263.56.263 1.211 0 1.772C16.34 13.674 13.307 15.5 10 15.5s-6.34-1.826-7.652-4.614a2.08 2.08 0 0 1 0-1.772M14 10a4 4 0 1 0-8 0 4 4 0 0 0 8 0\" /></svg>));\nEyeIcon20.displayName = 'EyeIcon20';\nconst EyeIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0M2.623 10.543C4.364 7.333 8.183 5 12 5s7.636 2.332 9.377 5.543a3.06 3.06 0 0 1 0 2.914C19.636 16.667 15.817 19 12 19s-7.636-2.332-9.377-5.543a3.06 3.06 0 0 1 0-2.914M17 12a5 5 0 1 0-10 0 5 5 0 0 0 10 0\" /></svg>));\nEyeIcon24.displayName = 'EyeIcon24';\nconst EyeIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M18 14a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-4-7.7c-4.255 0-8.51 2.634-10.39 6.237a3.17 3.17 0 0 0 0 2.926C5.49 19.067 9.746 21.7 14 21.7s8.51-2.633 10.389-6.237a3.17 3.17 0 0 0 0-2.926C22.509 8.934 18.255 6.3 13.999 6.3M14 20a6 6 0 1 1 0-12 6 6 0 0 1 0 12\" /></svg>));\nEyeIcon28.displayName = 'EyeIcon28';\n\nconst EyeIcon = 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}><EyeIcon16 className={styles.variant16} />\n<EyeIcon20 className={styles.variant20} />\n<EyeIcon24 className={styles.variant24} />\n<EyeIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<EyeIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<EyeIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<EyeIcon24 {...mainProps} />); }\nreturn (<EyeIcon28 {...mainProps} />);\n  }\n);\nEyeIcon.displayName = 'EyeIcon';\nEyeIcon.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 EyeIcon;"],"mappings":"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"}

package/lib/facebook.d.ts

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