@universal-tennis/ui-shared 0.1.82 → 0.1.85

package/dist/stories/atoms/Icons/DeleteIcon.js

@@ -1,11 +1,11 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function DeleteIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("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" }),
-        React.createElement("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" }),
-        React.createElement("path", { d: "M2.5 5H21.5V6H2.5V5Z" }),
-        React.createElement("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" }),
-        React.createElement("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" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function DeleteIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("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" }),
+        React.createElement("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" }),
+        React.createElement("path", { d: "M2.5 5H21.5V6H2.5V5Z" }),
+        React.createElement("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" }),
+        React.createElement("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" })));
+}
 //# sourceMappingURL=DeleteIcon.js.map

package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IconProps } from './sharedTypes';
-export default function DoublePersonIcon({ width, height, color }: IconProps): JSX.Element;
+/// <reference types="react" />
+import { IconProps } from './sharedTypes';
+export default function DoublePersonIcon({ width, height, color }: IconProps): JSX.Element;

package/dist/stories/atoms/Icons/DoublePersonIcon.js

@@ -1,14 +1,14 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function DoublePersonIcon({ width, height, color }) {
-    return (React.createElement("svg", { width: width, height: height, viewBox: "1 2 21 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("mask", { id: "path-1-inside-1_1025_2123", fill: "white" },
-            React.createElement("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" })),
-        React.createElement("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)" }),
-        React.createElement("path", { d: "M12 15C12 12.2386 9.76142 10 7 10C4.23858 10 2 12.2386 2 15", stroke: color, strokeLinecap: "round" }),
-        React.createElement("mask", { id: "path-4-inside-2_1025_2123", fill: "white" },
-            React.createElement("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" })),
-        React.createElement("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)" }),
-        React.createElement("path", { d: "M21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15", stroke: color, strokeLinecap: "round" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function DoublePersonIcon({ width, height, color }) {
+    return (React.createElement("svg", { width: width, height: height, viewBox: "1 2 21 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("mask", { id: "path-1-inside-1_1025_2123", fill: "white" },
+            React.createElement("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" })),
+        React.createElement("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)" }),
+        React.createElement("path", { d: "M12 15C12 12.2386 9.76142 10 7 10C4.23858 10 2 12.2386 2 15", stroke: color, strokeLinecap: "round" }),
+        React.createElement("mask", { id: "path-4-inside-2_1025_2123", fill: "white" },
+            React.createElement("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" })),
+        React.createElement("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)" }),
+        React.createElement("path", { d: "M21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15", stroke: color, strokeLinecap: "round" })));
+}
 //# sourceMappingURL=DoublePersonIcon.js.map

package/dist/stories/atoms/Icons/EditIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IconProps } from './sharedTypes';
-export default function EditIcon({ size, color }: IconProps): JSX.Element;
+/// <reference types="react" />
+import { IconProps } from './sharedTypes';
+export default function EditIcon({ size, color }: IconProps): JSX.Element;

package/dist/stories/atoms/Icons/EditIcon.js

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function EditIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("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" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function EditIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("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" })));
+}
 //# sourceMappingURL=EditIcon.js.map

package/dist/stories/atoms/Icons/Icons.stories.d.ts

@@ -1,28 +1,33 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Add: any;
-export declare const AvailabilityMaybe: any;
-export declare const AvailabilityNo: any;
-export declare const AvailabilityYes: any;
-export declare const AvailabilityNotSet: any;
-export declare const Calendar: any;
-export declare const Clock: any;
-export declare const Close: any;
-export declare const Delete: any;
-export declare const DoublePerson: any;
-export declare const Edit: any;
-export declare const LeftChevron: any;
-export declare const RightChevron: any;
-export declare const Location: any;
-export declare const Line: any;
-export declare const Message: any;
-export declare const Session: any;
-export declare const SinglePerson: any;
-export declare const Swap: any;
-export declare const SwapNoBorder: any;
-export declare const Verified: any;
-export declare const Visibility: any;
-export declare const VisibilityOff: any;
-export declare const WinnerIndicator: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Add: any;
+export declare const AvailabilityMaybe: any;
+export declare const AvailabilityNo: any;
+export declare const AvailabilityYes: any;
+export declare const AvailabilityNotSet: any;
+export declare const Calendar: any;
+export declare const Clock: any;
+export declare const Close: any;
+export declare const Delete: any;
+export declare const DoublePerson: any;
+export declare const Edit: any;
+export declare const LeftChevron: any;
+export declare const RightChevron: any;
+export declare const Location: any;
+export declare const Line: any;
+export declare const Message: any;
+export declare const Session: any;
+export declare const SinglePerson: any;
+export declare const FacebookIcon: any;
+export declare const InstagramIcon: any;
+export declare const TikTokIcon: any;
+export declare const XIcon: any;
+export declare const YoutubeIcon: any;
+export declare const Swap: any;
+export declare const SwapNoBorder: any;
+export declare const Verified: any;
+export declare const Visibility: any;
+export declare const VisibilityOff: any;
+export declare const WinnerIndicator: any;

package/dist/stories/atoms/Icons/Icons.stories.js

@@ -1,225 +1,270 @@
-import React from 'react';
-import AddIcon from './AddIcon';
-import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
-import AvailabilityNoIcon from './AvailabilityNoIcon';
-import AvailabilityYesIcon from './AvailabilityYesIcon';
-import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
-import CalendarIcon from './CalendarIcon';
-import ClockIcon from './ClockIcon';
-import CloseIcon from './CloseIcon';
-import DeleteIcon from './DeleteIcon';
-import DoublePersonIcon from './DoublePersonIcon';
-import EditIcon from './EditIcon';
-import LeftChevronIcon from './LeftChevronIcon';
-import LocationIcon from './LocationIcon';
-import LineIcon from './LineIcon';
-import MessageIcon from './MessageIcon';
-import RightChevronIcon from './RightChevronIcon';
-import SessionIcon from './SessionIcon';
-import SinglePersonIcon from './SinglePersonIcon';
-import SwapIcon from './SwapIcon';
-import SwapNoBorderIcon from './SwapNoBorderIcon';
-import VerifiedIcon from './VerifiedIcon';
-import VisibilityIcon from './VisibilityIcon';
-import VisibilityOffIcon from './VisibilityOffIcon';
-import WinnerIndicatorIcon from './WinnerIndicatorIcon';
-// Default
-export default {
-    title: 'Atoms/Icons',
-};
-// Templates
-function AddIconTemplate(args) {
-    return React.createElement(AddIcon, Object.assign({}, args));
-}
-function AvailabilityMaybeIconTemplate(args) {
-    return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
-}
-function AvailabilityNoIconTemplate(args) {
-    return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
-}
-function AvailabilityYesIconTemplate(args) {
-    return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
-}
-function AvailabilityNotSetIconTemplate(args) {
-    return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
-}
-function CalendarIconTemplate(args) {
-    return React.createElement(CalendarIcon, Object.assign({}, args));
-}
-function ClockIconTemplate(args) {
-    return React.createElement(ClockIcon, Object.assign({}, args));
-}
-function CloseIconTemplate(args) {
-    return React.createElement(CloseIcon, Object.assign({}, args));
-}
-function DeleteIconTemplate(args) {
-    return React.createElement(DeleteIcon, Object.assign({}, args));
-}
-function DoublePersonIconTemplate(args) {
-    return React.createElement(DoublePersonIcon, Object.assign({}, args));
-}
-function EditIconTemplate(args) {
-    return React.createElement(EditIcon, Object.assign({}, args));
-}
-function LeftChevronIconTemplate(args) {
-    return React.createElement(LeftChevronIcon, Object.assign({}, args));
-}
-function LocationIconTemplate(args) {
-    return React.createElement(LocationIcon, Object.assign({}, args));
-}
-function LineIconTemplate(args) {
-    return React.createElement(LineIcon, Object.assign({}, args));
-}
-function MessageIconTemplate(args) {
-    return React.createElement(MessageIcon, Object.assign({}, args));
-}
-function RightChevronIconTemplate(args) {
-    return React.createElement(RightChevronIcon, Object.assign({}, args));
-}
-function SessionIconTemplate(args) {
-    return React.createElement(SessionIcon, Object.assign({}, args));
-}
-function SinglePersonIconTemplate(args) {
-    return React.createElement(SinglePersonIcon, Object.assign({}, args));
-}
-function SwapIconTemplate(args) {
-    return React.createElement(SwapIcon, Object.assign({}, args));
-}
-function SwapNoBorderIconTemplate(args) {
-    return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
-}
-function VerifiedIconTemplate(args) {
-    return React.createElement(VerifiedIcon, Object.assign({}, args));
-}
-function VisibilityIconTemplate(args) {
-    return React.createElement(VisibilityIcon, Object.assign({}, args));
-}
-function VisibilityOffIconTemplate(args) {
-    return React.createElement(VisibilityOffIcon, Object.assign({}, args));
-}
-function WinnerIndicatorIconTemplate(args) {
-    return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
-}
-// Stories
-export const Add = AddIconTemplate.bind({});
-Add.args = {
-    size: 150,
-    color: 'navy'
-};
-export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
-AvailabilityMaybe.args = {
-    size: 150,
-    color: 'orange'
-};
-export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
-AvailabilityNo.args = {
-    size: 150,
-    color: 'red'
-};
-export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
-AvailabilityYes.args = {
-    size: 150,
-    color: 'green'
-};
-export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
-AvailabilityNotSet.args = {
-    size: 150,
-    color: 'green'
-};
-export const Calendar = CalendarIconTemplate.bind({});
-Calendar.args = {
-    size: 150,
-    color: 'green'
-};
-export const Clock = ClockIconTemplate.bind({});
-Clock.args = {
-    size: 150,
-    color: 'maroon'
-};
-export const Close = CloseIconTemplate.bind({});
-Close.args = {
-    size: 150,
-    color: 'purple'
-};
-export const Delete = DeleteIconTemplate.bind({});
-Delete.args = {
-    size: 150,
-    color: 'orange'
-};
-export const DoublePerson = DoublePersonIconTemplate.bind({});
-DoublePerson.args = {
-    height: 150,
-    width: 200,
-    color: 'red'
-};
-export const Edit = EditIconTemplate.bind({});
-Edit.args = {
-    size: 150,
-    color: 'green'
-};
-export const LeftChevron = LeftChevronIconTemplate.bind({});
-LeftChevron.args = {
-    size: 150,
-    color: 'grey'
-};
-export const RightChevron = RightChevronIconTemplate.bind({});
-RightChevron.args = {
-    size: 150,
-    color: 'grey'
-};
-export const Location = LocationIconTemplate.bind({});
-Location.args = {
-    size: 150,
-    color: 'grey'
-};
-export const Line = LineIconTemplate.bind({});
-Line.args = {
-    width: 80,
-    height: 2,
-    color: 'grey'
-};
-export const Message = MessageIconTemplate.bind({});
-Message.args = {
-    size: 150,
-    color: 'teal'
-};
-export const Session = SessionIconTemplate.bind({});
-Session.args = {
-    size: 150,
-    color: 'red'
-};
-export const SinglePerson = SinglePersonIconTemplate.bind({});
-SinglePerson.args = {
-    size: 150,
-    color: 'red'
-};
-export const Swap = SwapIconTemplate.bind({});
-Swap.args = {
-    size: 150,
-    color: 'blue'
-};
-export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
-SwapNoBorder.args = {
-    size: 150,
-    color: 'blue'
-};
-export const Verified = VerifiedIconTemplate.bind({});
-Verified.args = {
-    size: 150,
-    color: 'black'
-};
-export const Visibility = VisibilityIconTemplate.bind({});
-Visibility.args = {
-    size: 150,
-    color: 'black'
-};
-export const VisibilityOff = VisibilityOffIconTemplate.bind({});
-VisibilityOff.args = {
-    size: 150,
-    color: 'black'
-};
-export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
-WinnerIndicator.args = {
-    isBlack: true
-};
+import React from 'react';
+import AddIcon from './AddIcon';
+import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
+import AvailabilityNoIcon from './AvailabilityNoIcon';
+import AvailabilityYesIcon from './AvailabilityYesIcon';
+import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
+import CalendarIcon from './CalendarIcon';
+import ClockIcon from './ClockIcon';
+import CloseIcon from './CloseIcon';
+import DeleteIcon from './DeleteIcon';
+import DoublePersonIcon from './DoublePersonIcon';
+import EditIcon from './EditIcon';
+import LeftChevronIcon from './LeftChevronIcon';
+import LocationIcon from './LocationIcon';
+import LineIcon from './LineIcon';
+import MessageIcon from './MessageIcon';
+import RightChevronIcon from './RightChevronIcon';
+import SessionIcon from './SessionIcon';
+import SinglePersonIcon from './SinglePersonIcon';
+import SocialMediaFacebookIcon from './SocialMediaFacebookIcon';
+import SocialMediaInstagramIcon from './SocialMediaInstagramIcon';
+import SocialMediaTikTokIcon from './SocialMediaTikTokIcon';
+import SocialMediaXIcon from './SocialMediaXIcon';
+import SocialMediaYoutubeIcon from './SocialMediaYoutubeIcon';
+import SwapIcon from './SwapIcon';
+import SwapNoBorderIcon from './SwapNoBorderIcon';
+import VerifiedIcon from './VerifiedIcon';
+import VisibilityIcon from './VisibilityIcon';
+import VisibilityOffIcon from './VisibilityOffIcon';
+import WinnerIndicatorIcon from './WinnerIndicatorIcon';
+// Default
+export default {
+    title: 'Atoms/Icons',
+};
+// Templates
+function AddIconTemplate(args) {
+    return React.createElement(AddIcon, Object.assign({}, args));
+}
+function AvailabilityMaybeIconTemplate(args) {
+    return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
+}
+function AvailabilityNoIconTemplate(args) {
+    return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
+}
+function AvailabilityYesIconTemplate(args) {
+    return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
+}
+function AvailabilityNotSetIconTemplate(args) {
+    return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
+}
+function CalendarIconTemplate(args) {
+    return React.createElement(CalendarIcon, Object.assign({}, args));
+}
+function ClockIconTemplate(args) {
+    return React.createElement(ClockIcon, Object.assign({}, args));
+}
+function CloseIconTemplate(args) {
+    return React.createElement(CloseIcon, Object.assign({}, args));
+}
+function DeleteIconTemplate(args) {
+    return React.createElement(DeleteIcon, Object.assign({}, args));
+}
+function DoublePersonIconTemplate(args) {
+    return React.createElement(DoublePersonIcon, Object.assign({}, args));
+}
+function EditIconTemplate(args) {
+    return React.createElement(EditIcon, Object.assign({}, args));
+}
+function LeftChevronIconTemplate(args) {
+    return React.createElement(LeftChevronIcon, Object.assign({}, args));
+}
+function LocationIconTemplate(args) {
+    return React.createElement(LocationIcon, Object.assign({}, args));
+}
+function LineIconTemplate(args) {
+    return React.createElement(LineIcon, Object.assign({}, args));
+}
+function MessageIconTemplate(args) {
+    return React.createElement(MessageIcon, Object.assign({}, args));
+}
+function RightChevronIconTemplate(args) {
+    return React.createElement(RightChevronIcon, Object.assign({}, args));
+}
+function SessionIconTemplate(args) {
+    return React.createElement(SessionIcon, Object.assign({}, args));
+}
+function SinglePersonIconTemplate(args) {
+    return React.createElement(SinglePersonIcon, Object.assign({}, args));
+}
+function SocialMediaFacebookIconTemplate(args) {
+    return React.createElement(SocialMediaFacebookIcon, Object.assign({}, args));
+}
+function SocialMediaInstagramIconTemplate(args) {
+    return React.createElement(SocialMediaInstagramIcon, Object.assign({}, args));
+}
+function SocialMediaTikTokIconTemplate(args) {
+    return React.createElement(SocialMediaTikTokIcon, Object.assign({}, args));
+}
+function SocialMediaXIconTemplate(args) {
+    return React.createElement(SocialMediaXIcon, Object.assign({}, args));
+}
+function SocialMediaYoutubeIconTemplate(args) {
+    return React.createElement(SocialMediaYoutubeIcon, Object.assign({}, args));
+}
+function SwapIconTemplate(args) {
+    return React.createElement(SwapIcon, Object.assign({}, args));
+}
+function SwapNoBorderIconTemplate(args) {
+    return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
+}
+function VerifiedIconTemplate(args) {
+    return React.createElement(VerifiedIcon, Object.assign({}, args));
+}
+function VisibilityIconTemplate(args) {
+    return React.createElement(VisibilityIcon, Object.assign({}, args));
+}
+function VisibilityOffIconTemplate(args) {
+    return React.createElement(VisibilityOffIcon, Object.assign({}, args));
+}
+function WinnerIndicatorIconTemplate(args) {
+    return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
+}
+// Stories
+export const Add = AddIconTemplate.bind({});
+Add.args = {
+    size: 150,
+    color: 'navy'
+};
+export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
+AvailabilityMaybe.args = {
+    size: 150,
+    color: 'orange'
+};
+export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
+AvailabilityNo.args = {
+    size: 150,
+    color: 'red'
+};
+export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
+AvailabilityYes.args = {
+    size: 150,
+    color: 'green'
+};
+export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
+AvailabilityNotSet.args = {
+    size: 150,
+    color: 'green'
+};
+export const Calendar = CalendarIconTemplate.bind({});
+Calendar.args = {
+    size: 150,
+    color: 'green'
+};
+export const Clock = ClockIconTemplate.bind({});
+Clock.args = {
+    size: 150,
+    color: 'maroon'
+};
+export const Close = CloseIconTemplate.bind({});
+Close.args = {
+    size: 150,
+    color: 'purple'
+};
+export const Delete = DeleteIconTemplate.bind({});
+Delete.args = {
+    size: 150,
+    color: 'orange'
+};
+export const DoublePerson = DoublePersonIconTemplate.bind({});
+DoublePerson.args = {
+    height: 150,
+    width: 200,
+    color: 'red'
+};
+export const Edit = EditIconTemplate.bind({});
+Edit.args = {
+    size: 150,
+    color: 'green'
+};
+export const LeftChevron = LeftChevronIconTemplate.bind({});
+LeftChevron.args = {
+    size: 150,
+    color: 'grey'
+};
+export const RightChevron = RightChevronIconTemplate.bind({});
+RightChevron.args = {
+    size: 150,
+    color: 'grey'
+};
+export const Location = LocationIconTemplate.bind({});
+Location.args = {
+    size: 150,
+    color: 'grey'
+};
+export const Line = LineIconTemplate.bind({});
+Line.args = {
+    width: 80,
+    height: 2,
+    color: 'grey'
+};
+export const Message = MessageIconTemplate.bind({});
+Message.args = {
+    size: 150,
+    color: 'teal'
+};
+export const Session = SessionIconTemplate.bind({});
+Session.args = {
+    size: 150,
+    color: 'red'
+};
+export const SinglePerson = SinglePersonIconTemplate.bind({});
+SinglePerson.args = {
+    size: 150,
+    color: 'red'
+};
+export const FacebookIcon = SocialMediaFacebookIconTemplate.bind({});
+FacebookIcon.args = {
+    size: 150,
+    color: 'blue'
+};
+export const InstagramIcon = SocialMediaInstagramIconTemplate.bind({});
+InstagramIcon.args = {
+    size: 150,
+    color: 'green'
+};
+export const TikTokIcon = SocialMediaTikTokIconTemplate.bind({});
+TikTokIcon.args = {
+    size: 150,
+    color: 'pink'
+};
+export const XIcon = SocialMediaXIconTemplate.bind({});
+XIcon.args = {
+    size: 150,
+    color: 'black'
+};
+export const YoutubeIcon = SocialMediaYoutubeIconTemplate.bind({});
+YoutubeIcon.args = {
+    size: 150,
+    color: 'brown'
+};
+export const Swap = SwapIconTemplate.bind({});
+Swap.args = {
+    size: 150,
+    color: 'blue'
+};
+export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
+SwapNoBorder.args = {
+    size: 150,
+    color: 'blue'
+};
+export const Verified = VerifiedIconTemplate.bind({});
+Verified.args = {
+    size: 150,
+    color: 'black'
+};
+export const Visibility = VisibilityIconTemplate.bind({});
+Visibility.args = {
+    size: 150,
+    color: 'black'
+};
+export const VisibilityOff = VisibilityOffIconTemplate.bind({});
+VisibilityOff.args = {
+    size: 150,
+    color: 'black'
+};
+export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
+WinnerIndicator.args = {
+    isBlack: true
+};
 //# sourceMappingURL=Icons.stories.js.map