@eleventheye/asui 1.5.0 → 1.6.0

package/src/icons/EleventheyeIcon.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IconProps } from './Icons.types';
-import { IconContainer } from './styles';
-
-const EleventheyeIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#0E82C9',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = 'transparent',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'0px'}
-        />
-
-        <path
-          d="M13.04 23.03c-.16-.05-1.58-.95-3.17-1.98-1.58-1.03-2.94-1.9-3.02-1.93-.08-.03-.55.21-1.11.58-2.23 1.46-3.72 1.33-4.5-.38-.61-1.33-.09-2.33 1.87-3.61l1.24-.81.03-4.1s-.02-3.72.1-4.09c.12-.38.13-.32.31-.59.19-.27.44-.76 4.22-2.94 5.07-2.92 4.13-2.92 9.35.03 4.49 2.53 4.62 2.65 4.62 4.01 0 1.47.8.86-10.89 8.38-1.05.68-1.23.41 1.34 2.06l.49.32 2.13-1.23 2.13-1.23.06-1.16c.12-2.42 1.52-3.54 3.41-2.9 1.12.38 1.36 1.04 1.34 5.39l-.01 1.42-4.07 2.35c-4.67 2.69-4.86 2.77-5.88 2.41zm1.41-.4c.19-.07 2.1-1.14 4.25-2.38l3.9-2.26v-2.38c0-2.92-.4-3.58-1.47-3.82-1.27-.28-2.51.7-2.51 2.91v1.02l-2.31 1.33c-1.27.73-2.36 1.33-2.42 1.33-.28 0-3.42-2.17-3.3-2.28.07-.06.63-.43 1.24-.82C22.48 8.51 22.61 8.42 22.6 7.26c-.01-1.18-.11-1.26-4.22-3.58C13.1.71 14.2.79 9.21 3.57 7.54 4.51 6.55 5.1 5.9 5.6c-1.3.99-1.11 1.79-1.14 5.42l-.03 4.12-1.33.87c-1.95 1.29-2.37 2.05-1.75 3.25.71 1.38 1.83 1.41 3.86.1.66-.43 1.25-.76 1.31-.74.06.02 1.43.9 3.06 1.96 3.53 2.29 3.69 2.36 4.57 2.05zm-2.1-1.16c-.53-.34-2.01-1.29-3.28-2.12L6.76 17.83l-1.35.87c-2.06 1.33-2.62 1.68-3.33.4-.64-1.18-.01-1.6 1.75-2.74l1.45-.93.05-4.29s-.03-4.03.05-4.28c.07-.25.29-.4.29-.4.4-.57 7.09-4.45 7.8-4.53.6-.07.62-.06 4.4 2.06 4.32 2.42 4.15 2.3 4.15 3.21 0 .85-.66 1.33-10.4 7.52-2.63 1.67-2.63 1.22.03 2.93l2.23 1.43 2.66-1.53 2.66-1.53.04-1.36c.05-1.85.37-2.38 1.43-2.38 1.2 0 1.39.45 1.35 3.2l-.03 2.18-3.83 2.21c-4.61 2.66-4.26 2.56-5.78 1.59zm-.84-10.05c1.8-1.16 3.95-2.55 4.77-3.08 1.82-1.17 1.88-.93-.57-2.31L13.66 4.88 11.51 6.12c-1.19.69-2.43 1.4-2.76 1.59l-.61.35V10.8c0 1.51.02 2.74.04 2.74s1.52-.95 3.32-2.12zm-2.79-.91V8.43L11.19 7l2.48-1.42 1.48.83c.82.46 1.52.87 1.56.91s-1.68 1.2-3.83 2.58-3.96 2.55-4.03 2.6c-.1.07-.12-.34-.12-1.99zm2.56-.07c1.15-.74 2.69-1.73 3.41-2.19 1.17-.75 1.3-.86 1.15-.96-.46-.31-2.18-1.23-2.25-1.2-.05.01-1.07.59-2.28 1.29l-2.2 1.26v1.58c0 .87.02 1.58.04 1.58s.98-.61 2.13-1.35z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default EleventheyeIcon;

package/src/icons/EyeIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const EyeIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="m12 5.5c4 0 7.4 2.7 8.3 6.5-.9 3.7-4.3 6.5-8.3 6.5-4-.1-7.4-2.8-8.3-6.5C4.6 8.3 8 5.5 12 5.5ZM12 17c-3.2 0-5.9-2.1-6.8-5C6.1 9.1 8.8 7 12 7s5.9 2.1 6.8 5c-.9 2.9-3.6 5-6.8 5zm2.9-5c0 1.6-1.3 2.9-2.9 2.9S9.1 13.6 9.1 12 10.4 9.1 12 9.1s2.9 1.3 2.9 2.9zm-1.4 0c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4.6-1.4 1.4-1.4 1.4.6 1.4 1.4z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default EyeIcon;

package/src/icons/EyeSlashIcon.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const EyeSlashIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M 18.12,6.32 C 13.7,9.63 9.22,12.88 4.76,16.15 a 0.72,0.72 0 0 0 -0.15,1 0.72,0.72 0 0 0 1,0.15 C 10.07,14.04 14.54,10.78 18.98,7.47 a 0.72,0.72 0 0 0 0.14,-1 0.72,0.72 0 0 0 -1,-0.14 z"
-          fill={color}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="m12 5.5c3.2 0 6.3 1.9 7.7 4.7.3.6.5 1.1.7 1.7-.8 3.2-3.5 5.8-6.8 6.3-3 .7-6.3-.5-8.2-2.9-.8-.9-1.4-2.1-1.7-3.3.8-3.2 3.5-5.7 6.7-6.3.5-.1 1-.1 1.6-.1zM12 17c-3 .1-5.9-2-6.8-4.9.1-.8.6-1.6 1.1-2.3 1.8-2.4 5.1-3.4 7.9-2.5 2.2.7 4 2.5 4.6 4.7-.9 2.9-3.7 5.1-6.8 5Zm2.9-5c.1 1.6-1.5 3.1-3.2 2.9-1.6-.2-2.9-1.9-2.5-3.5.3-1.6 2.1-2.7 3.6-2.1 1.2.3 2.1 1.5 2.1 2.7Zm-1.4 0c.1 1-1.2 1.8-2.1 1.3s-1-1.9-.1-2.5c.9-.7 2.3.1 2.2 1.2z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default EyeSlashIcon;

package/src/icons/FootballIcon.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IconProps } from './Icons.types';
-import { IconContainer } from './styles';
-
-const FootballIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-
-        <path
-          d="M15.18 7.37c.53 1.25 1.41 2.36 2.39 3.41.3-.74.47-1.54.29-2.4-.05-.22-.2-.43-.37-.55-.73-.44-1.52-.53-2.31-.48ZM6.94 13.11c-.32.72-.54 1.51-.36 2.36.04.22.21.45.39.56.75.47 1.56.58 2.38.53-.67-1.3-1.4-2.51-2.4-3.44Zm3.31-3.98c-.14.1-.25.18-.38.28l.98 1.11-.58.56-1.06-1.14c-.2.18-.66.67-.84.85l1.14 1.11-.43.66-1.23-1.09c-.04.08-.11.17-.15.23-.13.21-.23.41-.36.63 1.21 1.18 2.18 2.55 2.89 4.14.23-.04.47-.08.71-.11 1.2-.22 2.29-.88 3.28-1.57.98-.68 1.97-1.47 2.58-2.5.13-.22.23-.42.36-.66-1.24-1.21-2.19-2.6-2.88-4.14-.33.05-.68.11-1.02.19l.57 1.5-.76.17-.55-1.42c-.24.1-.86.37-1.1.5l.71 1.3-.67.31-.73-1.24c-.14.09-.38.25-.5.33ZM9.5 8.07c1.23-.86 2.82-1.58 4.14-1.79 1.31-.21 3.4-.54 5.06.57.23.15.45.47.52.75.48 1.94-.23 3.66-1.11 5.08-.73 1.21-1.95 2.3-3.16 3.15-1.21.86-3.08 1.67-4.09 1.88-1.61.31-3.45.44-5.11-.66-.23-.17-.46-.48-.53-.76-.46-1.93.62-4.07 1.2-4.95.85-1.25 1.88-2.4 3.09-3.25Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default FootballIcon;

package/src/icons/GamesIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const GamesIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M15.4 8.4c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5h-7c-1.93 0-3.5-1.57-3.5-3.5S6.47 8.4 8.4 8.4h7ZM8.4 7h7c2.71 0 4.9 2.19 4.9 4.9 0 2.71-2.19 4.9-4.9 4.9h-7c-2.71 0-4.9-2.19-4.9-4.9C3.5 9.19 5.69 7 8.4 7Zm5.38 4.2c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm1.49-1.48c.18 0 .35.06.49.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.13.32-.2.5-.2Zm1.49 1.48c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm-1.51 1.49c.19-.01.38.06.52.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.12.3-.19.47-.2ZM7.66 13.94h1.4v-1.4h1.4v-1.4H9.06V9.74H7.66v1.4H6.26v1.4h1.4Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default GamesIcon;

package/src/icons/GearUserIcon.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const GearUserIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M10.75 17.07c-.5-.13-.95-.3-1.38-.52-.41-.23-.82-.54-1.21-.95l-2.32 1-.94-1.59 2.03-1.54c-.06-.26-.1-.52-.14-.76-.04-.25-.05-.49-.05-.73 0-.26.02-.51.05-.76s.08-.49.15-.73L4.89 8.96l.94-1.59 2.33.98c.39-.39.78-.7 1.21-.94.41-.24.89-.41 1.41-.52l.26-2.49h1.95l.28 2.52c.44.06.91.23 1.39.53s.86.6 1.15.94l2.4-.99.89 1.59-2.07 1.56c.05.27.09.52.13.74.05.23.06.46.06.73 0 .23-.02.46-.06.7s-.09.5-.15.77l2.05 1.54-.92 1.59-2.32-1.02c-.42.4-.83.7-1.22.93s-.84.4-1.31.52l-.34 2.57h-1.88Zm-1.08-2.34V12.54c0-.6.49-1.1 1.1-1.1h2.19c.6 0 1.1.49 1.1 1.1v2.19Zm3.42-4.89A1.21 1.21 90 0011.88 8.62a1.21 1.21 90 00-1.2 1.21 1.21 1.21 90 001.21 1.21 1.21 1.21 90 001.21-1.21Z"
-          stroke={color}
-          fill="none"
-          strokeWidth={'1.25px'}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default GearUserIcon;

package/src/icons/HexagonIcon.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const HexagonIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="nonzero"
-          d="M7.7 14.16 11.9 16.5l4.2-2.34V9.64L11.9 7.3 7.7 9.64v4.52ZM11.9 4.9 5.6 8.4v7l6.3 3.5 6.3-3.5v-7L11.9 4.9Z"
-          fill={color}
-          stroke={color}
-          strokeWidth={'0.2px'}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default HexagonIcon;

package/src/icons/HomeIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const HomeIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M10.7 7.2c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6 2.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6c-.4 0-.6.3-.6.6s.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6-4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6-.4 0-.6.3-.6.6 0 .4.3.6.6.6Zm2.5-4.4c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6ZM12 9.8c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm1.3-8.2c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 1.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm-.6 7.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6ZM9.5 4.7c-1.1 0-1.9.8-1.9 1.9V16.7c0 1.1.8 1.9 1.9 1.9h5c1.1 0 1.9-.8 1.9-1.9V6.6c0-1.1-.8-1.9-1.9-1.9h-5Zm5 1.3h-5c-.4 0-.6.3-.6.6V16.7c0 .4.3.6.6.6h5c.4 0 .6-.3.6-.6V6.6c0-.4-.3-.6-.6-.6Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default HomeIcon;

package/src/icons/Icons.types.tsx

@@ -1,12 +0,0 @@
-type IconProps = {
-  className?: string;
-  size?: number;
-  color?: string;
-  fillColor?: string;
-  fillOpacity?: number;
-  strokeSize?: number;
-  circleStrokeColor?: string;
-  style?: React.CSSProperties;
-};
-
-export type { IconProps };

package/src/icons/LockIcon.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const LockIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="nonzero"
-          d="M15.75 10.69c1.12 0 2.02.9 2.02 2.02v4.05c0 1.12-.9 2.02-2.02 2.02H7.65c-1.12 0-2.02-.9-2.02-2.02v-4.05c0-1.12.9-2.02 2.02-2.02V8.67c0-2.23 1.82-4.05 4.05-4.05s4.05 1.82 4.05 4.05v2.02ZM11.7 5.96c1.49 0 2.7 1.21 2.7 2.7v2.02H9V8.66c0-1.49 1.21-2.7 2.7-2.7Zm4.05 6.08H7.65c-.37 0-.68.3-.68.68v4.05c0 .37.3.68.68.68h8.1c.37 0 .68-.3.68-.68v-4.05c0-.37-.3-.68-.68-.68Z"
-          fill={color}
-          stroke={color}
-          strokeWidth={'0.2px'}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default LockIcon;

package/src/icons/PenIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const PenIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = '#transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="m15.23 10.2-1.45-1.45.51-.51c.2-.2.52-.2.72 0l.72.72c.2.2.2.52 0 .72l-.51.51Zm-.93.93-1.45-1.45-3.27 3.27 1.45 1.45 3.27-3.27Zm2.18-4.36.72.72c.2.2.2.52 0 .72l-.45.45c.28.57.17 1.27-.3 1.75l-5.42 5.44-2.9-2.9 5.44-5.43c.47-.47 1.18-.58 1.75-.3l.45-.45c.2-.2.52-.2.72 0ZM6.62 17.35l1.09-3.98 2.89 2.89-3.98 1.09Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default PenIcon;

package/src/icons/RulerIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const RulerIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          d="M9.7 8.6v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4c.4 0 .7.3.7.7v4.9c0 .4-.3.7-.7.7H5.5c-.4 0-.7-.3-.7-.7V9.3c0-.4.3-.7.7-.7H6.9v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6H9.7ZM5.5 7.2H18.1c1.2 0 2.1.9 2.1 2.1v4.9c0 1.2-.9 2.1-2.1 2.1H5.5c-1.2 0-2.1-.9-2.1-2.1V9.3c0-1.2.9-2.1 2.1-2.1Z"
-          fillRule="evenodd"
-          clipRule="evenodd"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default RulerIcon;

package/src/icons/SaveIcon.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const SaveIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z"
-          fill={color}
-        />
-        <path d="M6.81 10.75c0-2.17 1.76-3.94 3.94-3.94v1.13c-1.55 0-2.81 1.26-2.81 2.81H6.81Z" fill={color} />
-        <path d="M13.25 16.06c1.55 0 2.81-1.26 2.81-2.81h1.13c0 2.17-1.76 3.94-3.94 3.94v-1.13Z" fill={color} />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 3.75C7.44 3.75 3.75 7.44 3.75 12c0 4.56 3.69 8.25 8.25 8.25 4.56 0 8.25-3.69 8.25-8.25 0-4.56-3.69-8.25-8.25-8.25ZM5.25 12c0 3.73 3.02 6.75 6.75 6.75s6.75-3.02 6.75-6.75S15.73 5.25 12 5.25 5.25 8.27 5.25 12Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default SaveIcon;

package/src/icons/TimeLapseIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const TimeLapseIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          d="M12.03 17.33c-1.51 0-2.77-.63-3.78-1.51l3.78-3.78V6.74c2.9 0 5.29 2.39 5.29 5.29s-2.39 5.29-5.29 5.29Zm8.32-5.3c0 4.54-3.78 8.32-8.32 8.32s-8.32-3.78-8.32-8.32 3.78-8.32 8.32-8.32 8.32 3.79 8.32 8.32Zm-1.51 0c0 3.78-3.02 6.8-6.8 6.8s-6.81-3.02-6.81-6.8 3.02-6.8 6.8-6.8 6.8 3.02 6.8 6.8Z"
-          fillRule="evenodd"
-          clipRule="evenodd"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default TimeLapseIcon;

package/src/icons/UnlockIcon.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const UnlockIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="nonzero"
-          d="M15.75 11.7c.369 0 .675.306.675.675v4.05c0 .369-.306.675-.675.675h-8.1c-.369 0-.675-.306-.675-.675v-4.05c0-.369.306-.675.675-.675h8.1Zm.675-3.375c0-2.232-1.818-4.05-4.05-4.05s-4.05 1.818-4.05 4.05V10.35H7.65c-1.125 0-2.025.9-2.025 2.025v4.05c0 1.125.9 2.025 2.025 2.025h8.1c1.125 0 2.025-.9 2.025-2.025v-4.05c0-1.125-.9-2.025-2.025-2.025H9.675V8.325c0-1.494 1.206-2.7 2.7-2.7s2.7 1.206 2.7 2.7h1.35Z"
-          fill={color}
-          stroke={color}
-          strokeWidth={'0.2px'}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default UnlockIcon;

package/src/icons/UserSettingsIcon.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-
-const UserSettingsIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          d="m9.7 11.6c-.4 0-.8.2-.8.6-.1 1.5 0 3 0 4.5 1.1.6 2.3 1.2 3.4 1.7 1.1-.5 2.2-1.1 3.2-1.7v-3.9c0-.4 0-1.1-.7-1.2zm2.4-6.13C10.8 5.37 10 7.1 10.7 8s2.41.87 2.91-.13c.7-1-.06-2.44-1.51-2.4zm.1-1.5c1.6 0 3 1.23 3.2 2.63.4 1.6-1.1 3.4-2.9 3.4h1.9c1.3-.1 2.6.7 2.7 1.9v3.9c.3-.2.5-.3.8-.5V10h1.6v6c-2.46 1.5-4.8 2.78-7.2 4.2-2.48-1.44-5.14-2.78-7.6-4.2v-6h1.7v5.3c.3.1.5.3.8.5V12.6c-.1-1.1.7-2.3 1.9-2.5.9-.1 1.8-.1 2.8-.1-1.6-.2-2.9-1.4-3-2.7-.2-1.7 1.4-3.43 3.3-3.33Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-
-export default UserSettingsIcon;

package/src/icons/index.ts

@@ -1,63 +0,0 @@
-export * from './AddItemIcon';
-export { default as AddItemIcon } from './AddItemIcon';
-
-export * from './AddUserIcon';
-export { default as AddUserIcon } from './AddUserIcon';
-
-export * from './CheckIcon';
-export { default as CheckIcon } from './CheckIcon';
-
-export * from './CloseIcon';
-export { default as CloseIcon } from './CloseIcon';
-
-export * from './DeleteIcon';
-export { default as DeleteIcon } from './DeleteIcon';
-
-export * from './EleventheyeIcon';
-export { default as EleventheyeIcon } from './EleventheyeIcon';
-
-export * from './EyeIcon';
-export { default as EyeIcon } from './EyeIcon';
-
-export * from './EyeSlashIcon';
-export { default as EyeSlashIcon } from './EyeSlashIcon';
-
-export * from './FootballIcon';
-export { default as FootballIcon } from './FootballIcon';
-
-export * from './GamesIcon';
-export { default as GamesIcon } from './GamesIcon';
-
-export * from './GearUserIcon';
-export { default as GearUserIcon } from './GearUserIcon';
-
-export * from './HexagonIcon';
-export { default as HexagonIcon } from './HexagonIcon';
-
-export * from './HomeIcon';
-export { default as HomeIcon } from './HomeIcon';
-
-export * from './LockIcon';
-export { default as LockIcon } from './LockIcon';
-
-export * from './PenIcon';
-export { default as PenIcon } from './PenIcon';
-
-export * from './RulerIcon';
-export { default as RulerIcon } from './RulerIcon';
-
-export * from './SaveIcon';
-export { default as SaveIcon } from './SaveIcon';
-
-export * from './TimeLapseIcon';
-export { default as TimeLapseIcon } from './TimeLapseIcon';
-
-export * from './UnlockIcon';
-export { default as UnlockIcon } from './UnlockIcon';
-
-export * from './UserSettingsIcon';
-export { default as UserSettingsIcon } from './UserSettingsIcon';
-
-// export * from './icons/Icons.types.js';
-export * from './Icons.types';
-export type { IconProps } from './Icons.types';

package/src/icons/styles.tsx

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-
-export const IconContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: nowrap;
-`;