@universal-tennis/ui-shared 0.1.87 → 0.1.88

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