@imtf/icons 0.2.1 → 0.2.2

package/lib/cjs/icons/EyeIcon.js

@@ -31,7 +31,7 @@ const EyeIcon = ({
     fill: color,
     ref: ref
   }, props), /*#__PURE__*/createElement("path", {
-    d: "M12 4C6.54545455 4 1.88727273 7.39272727 0 12.1818182c1.88727273 4.7890909 6.54545455 8.1818182 12 8.1818182 5.4545455 0 10.1127273-3.3927273 12-8.1818182C22.1127273 7.39272727 17.4545455 4 12 4Zm0 13.6363636c-3.01090909 0-5.45454545-2.4436363-5.45454545-5.4545454 0-3.01090911 2.44363636-5.45454547 5.45454545-5.45454547 3.0109091 0 5.4545455 2.44363636 5.4545455 5.45454547 0 3.0109091-2.4436364 5.4545454-5.4545455 5.4545454Zm0-8.72727269c-1.8109091 0-3.27272727 1.46181819-3.27272727 3.27272729 0 1.8109091 1.46181817 3.2727273 3.27272727 3.2727273s3.2727273-1.4618182 3.2727273-3.2727273c0-1.8109091-1.4618182-3.27272729-3.2727273-3.27272729Z"
+    d: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Z"
   }));
 };
 

package/lib/cjs/icons/EyeOffIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function EyeOffIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
+export default EyeOffIcon;

package/lib/cjs/icons/EyeOffIcon.js

@@ -0,0 +1,39 @@
+const {
+  createElement,
+  forwardRef,
+  useContext,
+  useMemo
+} = require('react');
+
+const {
+  IconContext
+} = require('../index.js');
+
+const get = require('lodash.get');
+
+const EyeOffIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
+    d: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3h-.17m-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7Z"
+  }));
+};
+
+const ForwardRef = forwardRef(EyeOffIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/index.d.ts

@@ -58,6 +58,7 @@ export { default as EraseIcon } from './EraseIcon';
 export { default as ExpandContentIcon } from './ExpandContentIcon';
 export { default as ExternalLinkIcon } from './ExternalLinkIcon';
 export { default as EyeIcon } from './EyeIcon';
+export { default as EyeOffIcon } from './EyeOffIcon';
 export { default as FileIcon } from './FileIcon';
 export { default as FileArchiveIcon } from './FileArchiveIcon';
 export { default as FileImageIcon } from './FileImageIcon';

package/lib/cjs/icons/index.js

@@ -58,6 +58,7 @@ module.exports.EraseIcon = require('./EraseIcon.js');
 module.exports.ExpandContentIcon = require('./ExpandContentIcon.js');
 module.exports.ExternalLinkIcon = require('./ExternalLinkIcon.js');
 module.exports.EyeIcon = require('./EyeIcon.js');
+module.exports.EyeOffIcon = require('./EyeOffIcon.js');
 module.exports.FileIcon = require('./FileIcon.js');
 module.exports.FileArchiveIcon = require('./FileArchiveIcon.js');
 module.exports.FileImageIcon = require('./FileImageIcon.js');

package/lib/esm/icons/EyeIcon.js

@@ -22,7 +22,7 @@ const EyeIcon = ({
     fill: color,
     ref: ref
   }, props), /*#__PURE__*/createElement("path", {
-    d: "M12 4C6.54545455 4 1.88727273 7.39272727 0 12.1818182c1.88727273 4.7890909 6.54545455 8.1818182 12 8.1818182 5.4545455 0 10.1127273-3.3927273 12-8.1818182C22.1127273 7.39272727 17.4545455 4 12 4Zm0 13.6363636c-3.01090909 0-5.45454545-2.4436363-5.45454545-5.4545454 0-3.01090911 2.44363636-5.45454547 5.45454545-5.45454547 3.0109091 0 5.4545455 2.44363636 5.4545455 5.45454547 0 3.0109091-2.4436364 5.4545454-5.4545455 5.4545454Zm0-8.72727269c-1.8109091 0-3.27272727 1.46181819-3.27272727 3.27272729 0 1.8109091 1.46181817 3.2727273 3.27272727 3.2727273s3.2727273-1.4618182 3.2727273-3.2727273c0-1.8109091-1.4618182-3.27272729-3.2727273-3.27272729Z"
+    d: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Z"
   }));
 };
 

package/lib/esm/icons/EyeOffIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps {
+color?: string;
+size?: string | number;
+}
+declare function EyeOffIcon(props: React.SVGProps<SVGSVGElement> & IconProps): JSX.Element;
+export default EyeOffIcon;

package/lib/esm/icons/EyeOffIcon.js

@@ -0,0 +1,30 @@
+import { createElement, forwardRef, useContext, useMemo } from 'react';
+import { IconContext } from '../index.js';
+import get from 'lodash.get';
+
+const EyeOffIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = { ...defaultContextValues,
+    color: defaultColor || defaultContextValues.color,
+    size: size || defaultContextValues.size,
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+  return /*#__PURE__*/createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: defaultValues.size,
+    height: defaultValues.size,
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
+    d: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3h-.17m-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7Z"
+  }));
+};
+
+const ForwardRef = /*#__PURE__*/forwardRef(EyeOffIcon);
+export default ForwardRef;

package/lib/esm/icons/index.d.ts

@@ -58,6 +58,7 @@ export { default as EraseIcon } from './EraseIcon';
 export { default as ExpandContentIcon } from './ExpandContentIcon';
 export { default as ExternalLinkIcon } from './ExternalLinkIcon';
 export { default as EyeIcon } from './EyeIcon';
+export { default as EyeOffIcon } from './EyeOffIcon';
 export { default as FileIcon } from './FileIcon';
 export { default as FileArchiveIcon } from './FileArchiveIcon';
 export { default as FileImageIcon } from './FileImageIcon';

package/lib/esm/icons/index.js

@@ -58,6 +58,7 @@ export { default as EraseIcon } from './EraseIcon.js';
 export { default as ExpandContentIcon } from './ExpandContentIcon.js';
 export { default as ExternalLinkIcon } from './ExternalLinkIcon.js';
 export { default as EyeIcon } from './EyeIcon.js';
+export { default as EyeOffIcon } from './EyeOffIcon.js';
 export { default as FileIcon } from './FileIcon.js';
 export { default as FileArchiveIcon } from './FileArchiveIcon.js';
 export { default as FileImageIcon } from './FileImageIcon.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Library of icons (React components, font and svg)",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",

package/svg/Eye.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M12 4C6.54545455 4 1.88727273 7.39272727 0 12.1818182c1.88727273 4.7890909 6.54545455 8.1818182 12 8.1818182 5.4545455 0 10.1127273-3.3927273 12-8.1818182C22.1127273 7.39272727 17.4545455 4 12 4Zm0 13.6363636c-3.01090909 0-5.45454545-2.4436363-5.45454545-5.4545454 0-3.01090911 2.44363636-5.45454547 5.45454545-5.45454547 3.0109091 0 5.4545455 2.44363636 5.4545455 5.45454547 0 3.0109091-2.4436364 5.4545454-5.4545455 5.4545454Zm0-8.72727269c-1.8109091 0-3.27272727 1.46181819-3.27272727 3.27272729 0 1.8109091 1.46181817 3.2727273 3.27272727 3.2727273s3.2727273-1.4618182 3.2727273-3.2727273c0-1.8109091-1.4618182-3.27272729-3.2727273-3.27272729Z"/>
+  <path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Z"/>
 </svg>

package/svg/EyeOff.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M11.83 9 15 12.16V12a3 3 0 0 0-3-3h-.17m-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7Z"/>
+</svg>

package/svg/eye.json

@@ -1,4 +1,6 @@
 {
-  "aliases": [],
+  "aliases": [
+    "visibility"
+  ],
   "description": ""
-}
+}

package/svg/eyeOff.json

@@ -0,0 +1,6 @@
+{
+  "aliases": [
+    "visibility"
+  ],
+  "description": ""
+}