@universal-tennis/ui-shared 0.1.86 → 0.1.88

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>
+  );
+}