@universal-tennis/ui-shared 0.1.82 → 0.1.86

package/src/stories/atoms/Button/Button.tsx

@@ -1,145 +1,145 @@
-import React, { ReactElement } from 'react';
-import MuiButton from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-
-type ButtonProps = {
-  children: string | ReactElement;
-  category?: string;
-  onClick?: VoidFunction;
-  style?: React.CSSProperties;
-  disabled?: boolean;
-}
-
-type StyledButtonProps = {
-  isExpanded?: boolean;
-}
-
-const StyledButton = styled(MuiButton)({
-  borderRadius: '24px',
-  fontSize: '12px',
-  padding: '0 24px',
-  height: '40px',
-  whiteSpace: 'nowrap',
-  lineHeight: '39px',
-  border: '1px solid transparent',
-
-  '&:hover': {
-    cursor: 'pointer'
-  },
-});
-
-const PrimaryButton = styled(StyledButton)((props: StyledButtonProps) => ({
-  backgroundColor: 'var(--black)',
-  color: 'var(--white)',
-  width: props.isExpanded ? '100%' : 'inherit',
-  
-  '&:hover': {
-    backgroundColor: 'var(--darkest-grey)',
-    borderColor: 'var(--darkest-grey)',
-  },
-  '&:disabled': {
-    backgroundColor: 'var(--light-grey)',
-    borderColor: 'var(--light-grey)',
-  },
-}));
-
-const SecondaryButton = styled(StyledButton)({
-  borderColor: 'var(--black)',
-  backgroundColor: 'transparent',
-  color: 'var(--black)',
-
-  '&:hover': {
-    borderColor: 'var(--darkest-grey)',
-  },
-  '&:disabled': {
-    borderColor: 'var(--disabled)'
-  },
-});
-
-const SecondaryButtonFlipped = styled(StyledButton)({
-  borderColor: 'var(--white)',
-  backgroundColor: 'transparent',
-  color: 'var(--white)',
-  borderWidth: '2px',
-
-  '&:hover': {
-    borderColor: 'var(--darkest-grey)',
-    color: 'var(--darkest-grey)',
-  },
-  '&:disabled': {
-    borderColor: 'var(--disabled)',
-    color: 'var(--disabled)'
-  },
-});
-
-const LinkButton = styled(MuiButton)({
-  borderColor: 'transparent',
-  backgroundColor: 'transparent',
-  color: 'var(--primary)',
-  textTransform: 'inherit',
-  justifyContent: 'left',
-  padding: 0,
-
-  '&:hover': {
-    backgroundColor: 'transparent',
-  },
-
-  '&:disabled': {
-    borderColor: 'var(--disabled)'
-  },
-});
-
-export default function Button({ children, category, ...props }: ButtonProps) {
-  switch (category) {
-    case 'primary':
-      return (
-          <PrimaryButton
-              {...props}
-          >
-              {children}
-          </PrimaryButton>
-      );
-    case 'primary-expanded':
-      return (
-          <PrimaryButton
-              isExpanded
-              {...props}
-          >
-              {children}
-          </PrimaryButton>
-      );
-    case 'secondary':
-      return (
-          <SecondaryButton
-              {...props}
-          >
-              {children}
-          </SecondaryButton>
-      );
-    case 'secondary-flipped':
-      return (
-          <SecondaryButtonFlipped
-              {...props}
-          >
-              {children}
-          </SecondaryButtonFlipped>
-      );
-    case 'link':
-      return (
-          <LinkButton
-              disableTouchRipple
-              {...props}
-          >
-              {children}
-          </LinkButton>
-      );
-    default: 
-      return (
-          <StyledButton
-              {...props}
-          >
-              {children}
-          </StyledButton>
-      );
-  }
-}
+import React, { ReactElement } from 'react';
+import MuiButton from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
+
+type ButtonProps = {
+  children: string | ReactElement;
+  category?: string;
+  onClick?: VoidFunction;
+  style?: React.CSSProperties;
+  disabled?: boolean;
+}
+
+type StyledButtonProps = {
+  isExpanded?: boolean;
+}
+
+const StyledButton = styled(MuiButton)({
+  borderRadius: '24px',
+  fontSize: '12px',
+  padding: '0 24px',
+  height: '40px',
+  whiteSpace: 'nowrap',
+  lineHeight: '39px',
+  border: '1px solid transparent',
+
+  '&:hover': {
+    cursor: 'pointer'
+  },
+});
+
+const PrimaryButton = styled(StyledButton)((props: StyledButtonProps) => ({
+  backgroundColor: 'var(--black)',
+  color: 'var(--white)',
+  width: props.isExpanded ? '100%' : 'inherit',
+  
+  '&:hover': {
+    backgroundColor: 'var(--darkest-grey)',
+    borderColor: 'var(--darkest-grey)',
+  },
+  '&:disabled': {
+    backgroundColor: 'var(--light-grey)',
+    borderColor: 'var(--light-grey)',
+  },
+}));
+
+const SecondaryButton = styled(StyledButton)({
+  borderColor: 'var(--black)',
+  backgroundColor: 'transparent',
+  color: 'var(--black)',
+
+  '&:hover': {
+    borderColor: 'var(--darkest-grey)',
+  },
+  '&:disabled': {
+    borderColor: 'var(--disabled)'
+  },
+});
+
+const SecondaryButtonFlipped = styled(StyledButton)({
+  borderColor: 'var(--white)',
+  backgroundColor: 'transparent',
+  color: 'var(--white)',
+  borderWidth: '2px',
+
+  '&:hover': {
+    borderColor: 'var(--darkest-grey)',
+    color: 'var(--darkest-grey)',
+  },
+  '&:disabled': {
+    borderColor: 'var(--disabled)',
+    color: 'var(--disabled)'
+  },
+});
+
+const LinkButton = styled(MuiButton)({
+  borderColor: 'transparent',
+  backgroundColor: 'transparent',
+  color: 'var(--primary)',
+  textTransform: 'inherit',
+  justifyContent: 'left',
+  padding: 0,
+
+  '&:hover': {
+    backgroundColor: 'transparent',
+  },
+
+  '&:disabled': {
+    borderColor: 'var(--disabled)'
+  },
+});
+
+export default function Button({ children, category, ...props }: ButtonProps) {
+  switch (category) {
+    case 'primary':
+      return (
+          <PrimaryButton
+              {...props}
+          >
+              {children}
+          </PrimaryButton>
+      );
+    case 'primary-expanded':
+      return (
+          <PrimaryButton
+              isExpanded
+              {...props}
+          >
+              {children}
+          </PrimaryButton>
+      );
+    case 'secondary':
+      return (
+          <SecondaryButton
+              {...props}
+          >
+              {children}
+          </SecondaryButton>
+      );
+    case 'secondary-flipped':
+      return (
+          <SecondaryButtonFlipped
+              {...props}
+          >
+              {children}
+          </SecondaryButtonFlipped>
+      );
+    case 'link':
+      return (
+          <LinkButton
+              disableTouchRipple
+              {...props}
+          >
+              {children}
+          </LinkButton>
+      );
+    default: 
+      return (
+          <StyledButton
+              {...props}
+          >
+              {children}
+          </StyledButton>
+      );
+  }
+}

package/src/stories/atoms/Icons/AddIcon.tsx

@@ -1,13 +1,13 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function AddIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
-          <path d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" />
-          <path d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AddIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
+          <path d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" />
+          <path d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function AvailabilityMaybeIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AvailabilityMaybeIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function AvailabilityNoIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AvailabilityNoIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx

@@ -1,12 +1,12 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function AvailabilityNotSetIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">  
-          <path fillRule="evenodd" clipRule="evenodd" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AvailabilityNotSetIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">  
+          <path fillRule="evenodd" clipRule="evenodd" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function AvailabilityYesIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AvailabilityYesIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/CalendarIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function CalendarIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function CalendarIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/ClockIcon.tsx

@@ -1,14 +1,14 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function ClockIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" />
-
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function ClockIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" />
+
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/CloseIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function CloseIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function CloseIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/DeleteIcon.tsx

@@ -1,15 +1,15 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function DeleteIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M18.5 6H5.5V22C5.5 22.5523 5.94772 23 6.5 23H17.5C18.0523 23 18.5 22.5523 18.5 22V6ZM4.5 5V22C4.5 23.1046 5.39543 24 6.5 24H17.5C18.6046 24 19.5 23.1046 19.5 22V5H4.5Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M14.5 1H9.5C8.94772 1 8.5 1.44772 8.5 2V5H15.5V2C15.5 1.44772 15.0523 1 14.5 1ZM9.5 0C8.39543 0 7.5 0.89543 7.5 2V6H16.5V2C16.5 0.895431 15.6046 0 14.5 0H9.5Z" />
-          <path d="M2.5 5H21.5V6H2.5V5Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M10 8C10.2761 8 10.5 8.22386 10.5 8.5L10.5 20.5C10.5 20.7761 10.2761 21 10 21C9.72386 21 9.5 20.7761 9.5 20.5L9.5 8.5C9.5 8.22386 9.72386 8 10 8Z" />
-          <path fillRule="evenodd" clipRule="evenodd" d="M14 8C14.2761 8 14.5 8.22386 14.5 8.5L14.5 20.5C14.5 20.7761 14.2761 21 14 21C13.7239 21 13.5 20.7761 13.5 20.5L13.5 8.5C13.5 8.22386 13.7239 8 14 8Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function DeleteIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M18.5 6H5.5V22C5.5 22.5523 5.94772 23 6.5 23H17.5C18.0523 23 18.5 22.5523 18.5 22V6ZM4.5 5V22C4.5 23.1046 5.39543 24 6.5 24H17.5C18.6046 24 19.5 23.1046 19.5 22V5H4.5Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M14.5 1H9.5C8.94772 1 8.5 1.44772 8.5 2V5H15.5V2C15.5 1.44772 15.0523 1 14.5 1ZM9.5 0C8.39543 0 7.5 0.89543 7.5 2V6H16.5V2C16.5 0.895431 15.6046 0 14.5 0H9.5Z" />
+          <path d="M2.5 5H21.5V6H2.5V5Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M10 8C10.2761 8 10.5 8.22386 10.5 8.5L10.5 20.5C10.5 20.7761 10.2761 21 10 21C9.72386 21 9.5 20.7761 9.5 20.5L9.5 8.5C9.5 8.22386 9.72386 8 10 8Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M14 8C14.2761 8 14.5 8.22386 14.5 8.5L14.5 20.5C14.5 20.7761 14.2761 21 14 21C13.7239 21 13.5 20.7761 13.5 20.5L13.5 8.5C13.5 8.22386 13.7239 8 14 8Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/DoublePersonIcon.tsx

@@ -1,20 +1,20 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function DoublePersonIcon({ width, height, color }: IconProps) {
-  return (  
-      <svg width={width} height={height} viewBox="1 2 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <mask id="path-1-inside-1_1025_2123" fill="white">
-              <path d="M7 3C8.933 3 10.5 4.567 10.5 6.5C10.5 8.433 8.933 10 7 10C5.067 10 3.5 8.433 3.5 6.5C3.5 4.567 5.067 3 7 3Z" />
-          </mask>
-          <path d="M7 4C8.38071 4 9.5 5.11929 9.5 6.5H11.5C11.5 4.01472 9.48528 2 7 2V4ZM9.5 6.5C9.5 7.88071 8.38071 9 7 9V11C9.48528 11 11.5 8.98528 11.5 6.5H9.5ZM7 9C5.61929 9 4.5 7.88071 4.5 6.5H2.5C2.5 8.98528 4.51472 11 7 11V9ZM4.5 6.5C4.5 5.11929 5.61929 4 7 4V2C4.51472 2 2.5 4.01472 2.5 6.5H4.5Z" fill={color} mask="url(#path-1-inside-1_1025_2123)" />
-          <path d="M12 15C12 12.2386 9.76142 10 7 10C4.23858 10 2 12.2386 2 15" stroke={color} strokeLinecap="round" />
-          <mask id="path-4-inside-2_1025_2123" fill="white">
-              <path d="M16 3C17.933 3 19.5 4.567 19.5 6.5C19.5 8.433 17.933 10 16 10C14.067 10 12.5 8.433 12.5 6.5C12.5 4.567 14.067 3 16 3Z" />
-          </mask>
-          <path d="M16 4C17.3807 4 18.5 5.11929 18.5 6.5H20.5C20.5 4.01472 18.4853 2 16 2V4ZM18.5 6.5C18.5 7.88071 17.3807 9 16 9V11C18.4853 11 20.5 8.98528 20.5 6.5H18.5ZM16 9C14.6193 9 13.5 7.88071 13.5 6.5H11.5C11.5 8.98528 13.5147 11 16 11V9ZM13.5 6.5C13.5 5.11929 14.6193 4 16 4V2C13.5147 2 11.5 4.01472 11.5 6.5H13.5Z" fill={color} mask="url(#path-4-inside-2_1025_2123)" />
-          <path d="M21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15" stroke={color} strokeLinecap="round" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function DoublePersonIcon({ width, height, color }: IconProps) {
+  return (  
+      <svg width={width} height={height} viewBox="1 2 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <mask id="path-1-inside-1_1025_2123" fill="white">
+              <path d="M7 3C8.933 3 10.5 4.567 10.5 6.5C10.5 8.433 8.933 10 7 10C5.067 10 3.5 8.433 3.5 6.5C3.5 4.567 5.067 3 7 3Z" />
+          </mask>
+          <path d="M7 4C8.38071 4 9.5 5.11929 9.5 6.5H11.5C11.5 4.01472 9.48528 2 7 2V4ZM9.5 6.5C9.5 7.88071 8.38071 9 7 9V11C9.48528 11 11.5 8.98528 11.5 6.5H9.5ZM7 9C5.61929 9 4.5 7.88071 4.5 6.5H2.5C2.5 8.98528 4.51472 11 7 11V9ZM4.5 6.5C4.5 5.11929 5.61929 4 7 4V2C4.51472 2 2.5 4.01472 2.5 6.5H4.5Z" fill={color} mask="url(#path-1-inside-1_1025_2123)" />
+          <path d="M12 15C12 12.2386 9.76142 10 7 10C4.23858 10 2 12.2386 2 15" stroke={color} strokeLinecap="round" />
+          <mask id="path-4-inside-2_1025_2123" fill="white">
+              <path d="M16 3C17.933 3 19.5 4.567 19.5 6.5C19.5 8.433 17.933 10 16 10C14.067 10 12.5 8.433 12.5 6.5C12.5 4.567 14.067 3 16 3Z" />
+          </mask>
+          <path d="M16 4C17.3807 4 18.5 5.11929 18.5 6.5H20.5C20.5 4.01472 18.4853 2 16 2V4ZM18.5 6.5C18.5 7.88071 17.3807 9 16 9V11C18.4853 11 20.5 8.98528 20.5 6.5H18.5ZM16 9C14.6193 9 13.5 7.88071 13.5 6.5H11.5C11.5 8.98528 13.5147 11 16 11V9ZM13.5 6.5C13.5 5.11929 14.6193 4 16 4V2C13.5147 2 11.5 4.01472 11.5 6.5H13.5Z" fill={color} mask="url(#path-4-inside-2_1025_2123)" />
+          <path d="M21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15" stroke={color} strokeLinecap="round" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/EditIcon.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-import { IconProps } from './sharedTypes';
-
-export default function EditIcon({ size, color }: IconProps) {
-  return (  
-      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M11.7132 2.12742L13.791 4.20523C14.1803 4.59456 14.1817 5.22538 13.794 5.61639L12.4183 7.00405L8.92623 3.51202L10.2959 2.13047C10.686 1.73708 11.3215 1.73571 11.7132 2.12742ZM8.22216 4.22217L1.91743 10.5814L1.80221 14.191L5.40691 14.076L11.7142 7.7142L8.22216 4.22217ZM14.5042 6.32045L5.83674 15.0628L0.768707 15.2245L0.930483 10.1565L9.5858 1.42641C10.3658 0.639625 11.6369 0.636889 12.4203 1.42031L14.4981 3.49812C15.2768 4.27679 15.2795 5.53843 14.5042 6.32045Z" />
-      </svg>
-  );
-}
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function EditIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M11.7132 2.12742L13.791 4.20523C14.1803 4.59456 14.1817 5.22538 13.794 5.61639L12.4183 7.00405L8.92623 3.51202L10.2959 2.13047C10.686 1.73708 11.3215 1.73571 11.7132 2.12742ZM8.22216 4.22217L1.91743 10.5814L1.80221 14.191L5.40691 14.076L11.7142 7.7142L8.22216 4.22217ZM14.5042 6.32045L5.83674 15.0628L0.768707 15.2245L0.930483 10.1565L9.5858 1.42641C10.3658 0.639625 11.6369 0.636889 12.4203 1.42031L14.4981 3.49812C15.2768 4.27679 15.2795 5.53843 14.5042 6.32045Z" />
+      </svg>
+  );
+}