@rescui/icons 0.16.15-RUI-230-Update-icons-0bd4e5fc.9 → 0.16.15-RUI-230-Update-icons-6919f9e4.29

package/lib/eye-crossed-outline.js

@@ -16,77 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const EyeCrossedOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__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"
+}));
+
+const EyeCrossedOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__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"
+}));
+
+const EyeCrossedOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__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"
+}));
+
+const EyeCrossedOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__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"
+}));
+
 const EyeCrossedOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("g", {
-      clipPath: "url(#a)"
-    }, /*#__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.872"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8 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"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0 0h16v16H0z"
-    }))));
+      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("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      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.803"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10 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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "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-4z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeCrossedOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    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.626"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 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"
-  }));
+  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"])
-};
-EyeCrossedOutlineIcon.defaultProps = {
-  size: "m"
+  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

@@ -1 +1 @@
-{"version":3,"file":"eye-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst EyeCrossedOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g clipPath=\"url(#a)\"><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.872\" /><path d=\"M8 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\" /></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.803\" /><path d=\"M10 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>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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-4z\" /><path d=\"M12 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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.626\" /><path d=\"M14 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>);}\n);\n\nEyeCrossedOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nEyeCrossedOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default EyeCrossedOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"eye-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedOutlineIcon16","props","EyeCrossedOutlineIcon20","EyeCrossedOutlineIcon24","EyeCrossedOutlineIcon28","EyeCrossedOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst EyeCrossedOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><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>);\nconst EyeCrossedOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><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>);\nconst EyeCrossedOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><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>);\nconst EyeCrossedOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><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>);\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,73 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const EyeCrossedIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__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"
+}));
+
+const EyeCrossedIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__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"
+}));
+
+const EyeCrossedIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__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"
+}));
+
+const EyeCrossedIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__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"
+}));
+
 const EyeCrossedIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("g", {
-      clipPath: "url(#a)"
-    }, /*#__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"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0 0h16v16H0z"
-    }))));
+      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("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      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.537"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M9.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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeCrossedIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "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.501"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12 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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeCrossedIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    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"
-  }));
+  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) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g clipPath=\"url(#a)\"><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\" /></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.537\" /><path d=\"M9.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>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.501\" /><path d=\"M12 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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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>);}\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":"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"}
+{"version":3,"file":"eye-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeCrossedIcon16","props","EyeCrossedIcon20","EyeCrossedIcon24","EyeCrossedIcon28","EyeCrossedIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst EyeCrossedIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><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>);\nconst EyeCrossedIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><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>);\nconst EyeCrossedIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><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>);\nconst EyeCrossedIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><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>);\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":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;;AAIP,MAAMC,gBAAgB,GAAGC,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAMC,gBAAgB,GAAGD,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAME,gBAAgB,GAAGF,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAMG,gBAAgB,GAAGH,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AAEA,MAAMI,cAAc,gBAAGf,KAAK,CAACgB,UAAN,CACrB,OAOGC,GAPH,KAOW;EAAA,IAPV;IACCC,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIX,IAAjB,GAAwBW,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEnB,EAAE,CAACC,MAAM,CAACsB,IAAR,EAActB,MAAM,CAACe,KAAD,CAApB,EAA6Bd,UAAU,CAACe,IAAD,CAAvC,EAA+CI,cAAc,IAAIpB,MAAM,CAACuB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBL;EAJgB,CAAlB;;EAOA,IAAIM,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,gBAAD;MAAkB,SAAS,EAAErB,MAAM,CAACwB;IAApC,EAAxC,eAClB,oBAAC,gBAAD;MAAkB,SAAS,EAAExB,MAAM,CAACyB;IAApC,EADkB,eAElB,oBAAC,gBAAD;MAAkB,SAAS,EAAEzB,MAAM,CAAC0B;IAApC,EAFkB,eAGlB,oBAAC,gBAAD;MAAkB,SAAS,EAAE1B,MAAM,CAAC2B;IAApC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKV,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACpF,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACzE,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACzE,oBAAQ,oBAAC,gBAAD,EAAsBA,SAAtB,CAAR;AACG,CA3BoB,CAAvB;AA6BAT,cAAc,CAACgB,WAAf,GAA6B,gBAA7B;AACAhB,cAAc,CAACiB,SAAf,GAA2B;EACzBX,SAAS,EAAEpB,SAAS,CAACgC,MADI;EAEzBf,KAAK,EAAEjB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBf,IAAI,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHmB;EAIzB,yBAAyBjC,SAAS,CAACkC,IAJV;EAKzBb,KAAK,EAAErB,SAAS,CAACmC;AALQ,CAA3B;AAQA,eAAerB,cAAf"}

package/lib/eye-outline.d.ts

@@ -7,10 +7,10 @@ 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 class EyeOutlineIcon extends React.Component<IEyeOutlineIconProps, any> {
-  render(): JSX.Element;
-}
+declare const EyeOutlineIcon: React.ForwardRefExoticComponent<IEyeOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default EyeOutlineIcon;

package/lib/eye-outline.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const EyeOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__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"
+}));
+
+const EyeOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__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"
+}));
+
+const EyeOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__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"
+}));
+
+const EyeOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__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"
+}));
+
 const EyeOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      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 0"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M8 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"
+      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("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      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 0"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10 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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "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 0"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M21.377 13.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"
-    }));
+    return /*#__PURE__*/React.createElement(EyeOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    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 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14 6.3c-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"
-  }));
+  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"])
-};
-EyeOutlineIcon.defaultProps = {
-  size: "m"
+  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

@@ -1 +1 @@
-{"version":3,"file":"eye-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst EyeOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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 0\" /><path d=\"M8 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>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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 0\" /><path d=\"M10 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>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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 0\" /><path d=\"M21.377 13.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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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 0\" /><path d=\"M14 6.3c-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>);}\n);\n\nEyeOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nEyeOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default EyeOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"eye-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","EyeOutlineIcon16","props","EyeOutlineIcon20","EyeOutlineIcon24","EyeOutlineIcon28","EyeOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst EyeOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><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>);\nconst EyeOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><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>);\nconst EyeOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><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>);\nconst EyeOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><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>);\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":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;;AAIP,MAAMC,gBAAgB,GAAGC,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAMC,gBAAgB,GAAGD,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAME,gBAAgB,GAAGF,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AACA,MAAMG,gBAAgB,GAAGH,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAAnC;;AAEA,MAAMI,cAAc,gBAAGf,KAAK,CAACgB,UAAN,CACrB,OAOGC,GAPH,KAOW;EAAA,IAPV;IACCC,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIX,IAAjB,GAAwBW,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEnB,EAAE,CAACC,MAAM,CAACsB,IAAR,EAActB,MAAM,CAACe,KAAD,CAApB,EAA6Bd,UAAU,CAACe,IAAD,CAAvC,EAA+CI,cAAc,IAAIpB,MAAM,CAACuB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBL;EAJgB,CAAlB;;EAOA,IAAIM,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,gBAAD;MAAkB,SAAS,EAAErB,MAAM,CAACwB;IAApC,EAAxC,eAClB,oBAAC,gBAAD;MAAkB,SAAS,EAAExB,MAAM,CAACyB;IAApC,EADkB,eAElB,oBAAC,gBAAD;MAAkB,SAAS,EAAEzB,MAAM,CAAC0B;IAApC,EAFkB,eAGlB,oBAAC,gBAAD;MAAkB,SAAS,EAAE1B,MAAM,CAAC2B;IAApC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKV,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACpF,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACzE,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,gBAAD,EAAsBe,SAAtB,CAAR;EAA+C;;EACzE,oBAAQ,oBAAC,gBAAD,EAAsBA,SAAtB,CAAR;AACG,CA3BoB,CAAvB;AA6BAT,cAAc,CAACgB,WAAf,GAA6B,gBAA7B;AACAhB,cAAc,CAACiB,SAAf,GAA2B;EACzBX,SAAS,EAAEpB,SAAS,CAACgC,MADI;EAEzBf,KAAK,EAAEjB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFkB;EAGzBf,IAAI,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHmB;EAIzB,yBAAyBjC,SAAS,CAACkC,IAJV;EAKzBb,KAAK,EAAErB,SAAS,CAACmC;AALQ,CAA3B;AAQA,eAAerB,cAAf"}

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;