@universal-tennis/ui-shared 0.1.40 → 0.1.42

package/dist/components.d.ts

@@ -1,7 +1,15 @@
 export { default as Button } from "./stories/atoms/Button/Button";
 export { default as Typography } from "./stories/atoms/Typography/Typography";
+export { default as AvailabilityMaybeIcon } from "./stories/atoms/Icons/AvailabilityMaybeIcon";
+export { default as AvailabilityNoIcon } from "./stories/atoms/Icons/AvailabilityNoIcon";
+export { default as AvailabilityYesIcon } from "./stories/atoms/Icons/AvailabilityYesIcon";
 export { default as CalendarIcon } from "./stories/atoms/Icons/CalendarIcon";
+export { default as CloseIcon } from "./stories/atoms/Icons/CloseIcon";
+export { default as EditIcon } from "./stories/atoms/Icons/EditIcon";
+export { default as MessageIcon } from "./stories/atoms/Icons/MessageIcon";
 export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
+export { default as SwapIcon } from "./stories/atoms/Icons/SwapIcon";
+export { default as Map } from "./stories/atoms/Map/Map";
 export { default as ContactCard } from "./stories/molecules/Cards/ContactCard";
 export { default as DrawCard } from "./stories/molecules/Cards/DrawCard";
 export { default as TeamCard } from "./stories/molecules/Cards/TeamCard";

package/dist/components.js

@@ -2,8 +2,16 @@ import "./stories/assets/css/variables.css";
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
+export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
+export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
 export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
+export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
+export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
+export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
 export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
+export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
+export { default as Map } from './stories/atoms/Map/Map';
 // MOLECULES
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
 export { default as DrawCard } from './stories/molecules/Cards/DrawCard';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAE3E,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEzD,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityMaybeIcon({ 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: "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" })));
+}
+//# sourceMappingURL=AvailabilityMaybeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvailabilityMaybeIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACtE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,80BAA80B,GAAG,CAC73B,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityNoIcon({ 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: "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" })));
+}
+//# sourceMappingURL=AvailabilityNoIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvailabilityNoIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AvailabilityNoIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACnE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uuBAAuuB,GAAG,CACtxB,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityYesIcon({ 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: "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" })));
+}
+//# sourceMappingURL=AvailabilityYesIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvailabilityYesIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AvailabilityYesIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACpE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,qfAAqf,GAAG,CACpiB,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function CloseIcon({ 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: "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" })));
+}
+//# sourceMappingURL=CloseIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC1D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,ghBAAghB,GAAG,CAC/jB,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +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" })));
+}
+//# sourceMappingURL=EditIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/EditIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACzD,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,kdAAkd,GAAG,CACjgB,CACT,CAAC;AACJ,CAAC"}

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

@@ -2,5 +2,12 @@ declare const _default: {
     title: string;
 };
 export default _default;
+export declare const AvailabilityMaybe: any;
+export declare const AvailabilityNo: any;
+export declare const AvailabilityYes: any;
 export declare const Calendar: any;
+export declare const Close: any;
+export declare const Edit: any;
+export declare const Message: any;
 export declare const Session: any;
+export declare const Swap: any;

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

@@ -1,26 +1,89 @@
 import React from 'react';
+import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
+import AvailabilityNoIcon from './AvailabilityNoIcon';
+import AvailabilityYesIcon from './AvailabilityYesIcon';
 import CalendarIcon from './CalendarIcon';
+import CloseIcon from './CloseIcon';
+import EditIcon from './EditIcon';
+import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
+import SwapIcon from './SwapIcon';
 // Default
 export default {
     title: 'Atoms/Icons',
 };
 // Templates
+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 CalendarIconTemplate(args) {
     return React.createElement(CalendarIcon, Object.assign({}, args));
 }
+function CloseIconTemplate(args) {
+    return React.createElement(CloseIcon, Object.assign({}, args));
+}
+function EditIconTemplate(args) {
+    return React.createElement(EditIcon, Object.assign({}, args));
+}
+function MessageIconTemplate(args) {
+    return React.createElement(MessageIcon, Object.assign({}, args));
+}
 function SessionIconTemplate(args) {
     return React.createElement(SessionIcon, Object.assign({}, args));
 }
+function SwapIconTemplate(args) {
+    return React.createElement(SwapIcon, Object.assign({}, args));
+}
 // Stories
+export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
+AvailabilityMaybe.args = {
+    size: 50,
+    color: 'orange'
+};
+export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
+AvailabilityNo.args = {
+    size: 50,
+    color: 'red'
+};
+export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
+AvailabilityYes.args = {
+    size: 50,
+    color: 'green'
+};
 export const Calendar = CalendarIconTemplate.bind({});
 Calendar.args = {
     size: 50,
     color: 'green'
 };
+export const Close = CloseIconTemplate.bind({});
+Close.args = {
+    size: 50,
+    color: 'purple'
+};
+export const Edit = EditIconTemplate.bind({});
+Edit.args = {
+    size: 50,
+    color: 'green'
+};
+export const Message = MessageIconTemplate.bind({});
+Message.args = {
+    size: 50,
+    color: 'teal'
+};
 export const Session = SessionIconTemplate.bind({});
 Session.args = {
     size: 50,
     color: 'red'
 };
+export const Swap = SwapIconTemplate.bind({});
+Swap.args = {
+    size: 50,
+    color: 'blue'
+};
 //# sourceMappingURL=Icons.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,YAAY;AACZ,SAAS,oBAAoB,CAAC,IAAe;IAC3C,OAAO,oBAAC,YAAY,oBAAK,IAAI,EAAI,CAAC;AACpC,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,KAAK;CACb,CAAC"}
+{"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,YAAY;AACZ,SAAS,6BAA6B,CAAC,IAAe;IACpD,OAAO,oBAAC,qBAAqB,oBAAK,IAAI,EAAI,CAAC;AAC7C,CAAC;AAED,SAAS,0BAA0B,CAAC,IAAe;IACjD,OAAO,oBAAC,kBAAkB,oBAAK,IAAI,EAAI,CAAC;AAC1C,CAAC;AAED,SAAS,2BAA2B,CAAC,IAAe;IAClD,OAAO,oBAAC,mBAAmB,oBAAK,IAAI,EAAI,CAAC;AAC3C,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAe;IAC3C,OAAO,oBAAC,YAAY,oBAAK,IAAI,EAAI,CAAC;AACpC,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAe;IACxC,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAe;IACvC,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAe;IACvC,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,iBAAiB,GAAG,6BAA6B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxE,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClE,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,MAAM;CACd,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function MessageIcon({ 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: "M17.2383 10.1536H7.28591C6.99677 10.1536 6.7621 10.3776 6.7621 10.6536C6.7621 10.9296 6.99677 11.1536 7.28591 11.1536H17.2383C17.5274 11.1536 17.7621 10.9296 17.7621 10.6536C17.7621 10.3776 17.5274 10.1536 17.2383 10.1536M17.2383 7.1075H7.28591C6.99677 7.1075 6.7621 7.3315 6.7621 7.6075C6.7621 7.8835 6.99677 8.1075 7.28591 8.1075H17.2383C17.5274 8.1075 17.7621 7.8835 17.7621 7.6075C17.7621 7.3315 17.5274 7.1075 17.2383 7.1075M14.0954 13.1996H7.28591C6.99677 13.1996 6.7621 13.4236 6.7621 13.6996C6.7621 13.9756 6.99677 14.1996 7.28591 14.1996H14.0954C14.3846 14.1996 14.6192 13.9756 14.6192 13.6996C14.6192 13.4236 14.3846 13.1996 14.0954 13.1996M12.0002 0C10.7588 0 9.46915 0.19901 8.16381 0.629521C5.09534 1.6398 2.64915 4.033 1.62458 7.01409C-0.613136 13.5235 3.43801 19.6106 9.38115 21.0179V23.4903C9.38115 23.7868 9.63257 24 9.90705 24C9.994 24 10.0831 23.9787 10.1669 23.932L16.6904 20.3071C20.8075 18.117 23.0002 14.9237 23.0002 10.6613C23.0002 4.77319 18.0753 0 12.0002 0M21.9526 10.6613C21.9526 14.4891 20.0658 17.3525 16.1687 19.4258L10.4288 22.6161V21.0179C10.4288 20.5498 10.0988 20.1427 9.62943 20.032C6.94019 19.3943 4.62705 17.6764 3.28296 15.3177C1.91163 12.9133 1.67591 10.0784 2.61877 7.33494C3.54277 4.64628 5.74172 2.49879 8.50115 1.59005C9.66086 1.20828 10.8373 1.01536 12.0002 1.01536C17.4876 1.01536 21.9526 5.34281 21.9526 10.6613Z" })));
+}
+//# sourceMappingURL=MessageIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/MessageIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC5D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,i1CAAi1C,GAAG,CACh4C,CAET,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function SwapIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 38 38", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M36.4167 19C36.4167 28.619 28.619 36.4167 19 36.4167C9.38104 36.4167 1.58333 28.619 1.58333 19C1.58333 9.38104 9.38104 1.58333 19 1.58333C28.619 1.58333 36.4167 9.38104 36.4167 19ZM38 19C38 29.4934 29.4934 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C29.4934 0 38 8.50659 38 19ZM11.6464 15.3536C11.4512 15.1583 11.4512 14.8417 11.6464 14.6464L14.8284 11.4645L18.0104 14.6464C18.2057 14.8417 18.2057 15.1583 18.0104 15.3536C17.8151 15.5488 17.4986 15.5488 17.3033 15.3536L15.3281 13.3784V23.5C15.3281 23.7761 15.1043 24 14.8281 24C14.552 24 14.3281 23.7761 14.3281 23.5V13.379L12.3536 15.3536C12.1583 15.5488 11.8417 15.5488 11.6464 15.3536ZM23.6719 13.5V23.621L25.6464 21.6464C25.8417 21.4512 26.1583 21.4512 26.3536 21.6464C26.5488 21.8417 26.5488 22.1583 26.3536 22.3536L23.1716 25.5355L19.9896 22.3536C19.7943 22.1583 19.7943 21.8417 19.9896 21.6464C20.1849 21.4512 20.5014 21.4512 20.6967 21.6464L22.6719 23.6216V13.5C22.6719 13.2239 22.8957 13 23.1719 13C23.448 13 23.6719 13.2239 23.6719 13.5Z" })));
+}
+//# sourceMappingURL=SwapIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/SwapIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACzD,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,w/BAAw/B,GAAG,CACviC,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface MapProps {
+    placeId: string;
+    height: string;
+}
+export default function Map({ placeId, height }: MapProps): JSX.Element;

package/dist/stories/atoms/Map/Map.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export default function Map({ placeId, height }) {
+    const placeParam = placeId && `q=place_id:${placeId}`;
+    const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
+    const mapheight = height || `216px`;
+    return (React.createElement("iframe", { width: "100%", height: mapheight, src: placeUrl, title: "Google Maps" }));
+}
+//# sourceMappingURL=Map.js.map

package/dist/stories/atoms/Map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Map/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EACN;IACT,MAAM,UAAU,GAAG,OAAO,IAAI,cAAc,OAAO,EAAE,CAAC;IACtD,MAAM,QAAQ,GAAG,0FAA0F,UAAU,EAAE,CAAC;IAExH,MAAM,SAAS,GAAG,MAAM,IAAI,OAAO,CAAC;IACpC,OAAO,CACH,gCACI,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,SAAS,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,aAAa,GACrB,CACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithCustomHeight: any;

package/dist/stories/atoms/Map/Map.stories.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Map from './Map';
+// Default
+export default {
+    title: 'Atoms/Map',
+};
+// Templates
+function MapTemplate(args) {
+    return React.createElement(Map, Object.assign({}, args));
+}
+// Stories
+export const Default = MapTemplate.bind({});
+Default.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+};
+export const WithCustomHeight = MapTemplate.bind({});
+WithCustomHeight.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    height: '320px'
+};
+//# sourceMappingURL=Map.stories.js.map

package/dist/stories/atoms/Map/Map.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Map/Map.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,OAAO,CAAC;AAEtC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,YAAY;AACZ,SAAS,WAAW,CAAC,IAAc;IACjC,OAAO,oBAAC,GAAG,oBAAK,IAAI,EAAI,CAAC;AAC3B,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,6BAA6B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,gBAAgB,CAAC,IAAI,GAAG;IACtB,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,OAAO;CAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-tennis/ui-shared",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/components.jsx

@@ -3,8 +3,16 @@ import "./stories/assets/css/variables.css";
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
+export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
+export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
 export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
+export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
+export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
+export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
 export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
+export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
+export { default as Map } from './stories/atoms/Map/Map';
 
 // MOLECULES
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';

package/src/stories/assets/icons/icon-availability-maybe.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-availability-no.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-availability-yes.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-close.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-edit.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-message.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2383 10.1536H7.28591C6.99677 10.1536 6.7621 10.3776 6.7621 10.6536C6.7621 10.9296 6.99677 11.1536 7.28591 11.1536H17.2383C17.5274 11.1536 17.7621 10.9296 17.7621 10.6536C17.7621 10.3776 17.5274 10.1536 17.2383 10.1536M17.2383 7.1075H7.28591C6.99677 7.1075 6.7621 7.3315 6.7621 7.6075C6.7621 7.8835 6.99677 8.1075 7.28591 8.1075H17.2383C17.5274 8.1075 17.7621 7.8835 17.7621 7.6075C17.7621 7.3315 17.5274 7.1075 17.2383 7.1075M14.0954 13.1996H7.28591C6.99677 13.1996 6.7621 13.4236 6.7621 13.6996C6.7621 13.9756 6.99677 14.1996 7.28591 14.1996H14.0954C14.3846 14.1996 14.6192 13.9756 14.6192 13.6996C14.6192 13.4236 14.3846 13.1996 14.0954 13.1996M12.0002 0C10.7588 0 9.46915 0.19901 8.16381 0.629521C5.09534 1.6398 2.64915 4.033 1.62458 7.01409C-0.613136 13.5235 3.43801 19.6106 9.38115 21.0179V23.4903C9.38115 23.7868 9.63257 24 9.90705 24C9.994 24 10.0831 23.9787 10.1669 23.932L16.6904 20.3071C20.8075 18.117 23.0002 14.9237 23.0002 10.6613C23.0002 4.77319 18.0753 0 12.0002 0M21.9526 10.6613C21.9526 14.4891 20.0658 17.3525 16.1687 19.4258L10.4288 22.6161V21.0179C10.4288 20.5498 10.0988 20.1427 9.62943 20.032C6.94019 19.3943 4.62705 17.6764 3.28296 15.3177C1.91163 12.9133 1.67591 10.0784 2.61877 7.33494C3.54277 4.64628 5.74172 2.49879 8.50115 1.59005C9.66086 1.20828 10.8373 1.01536 12.0002 1.01536C17.4876 1.01536 21.9526 5.34281 21.9526 10.6613Z" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-swap.svg

@@ -0,0 +1,3 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.4167 19C36.4167 28.619 28.619 36.4167 19 36.4167C9.38104 36.4167 1.58333 28.619 1.58333 19C1.58333 9.38104 9.38104 1.58333 19 1.58333C28.619 1.58333 36.4167 9.38104 36.4167 19ZM38 19C38 29.4934 29.4934 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C29.4934 0 38 8.50659 38 19ZM11.6464 15.3536C11.4512 15.1583 11.4512 14.8417 11.6464 14.6464L14.8284 11.4645L18.0104 14.6464C18.2057 14.8417 18.2057 15.1583 18.0104 15.3536C17.8151 15.5488 17.4986 15.5488 17.3033 15.3536L15.3281 13.3784V23.5C15.3281 23.7761 15.1043 24 14.8281 24C14.552 24 14.3281 23.7761 14.3281 23.5V13.379L12.3536 15.3536C12.1583 15.5488 11.8417 15.5488 11.6464 15.3536ZM23.6719 13.5V23.621L25.6464 21.6464C25.8417 21.4512 26.1583 21.4512 26.3536 21.6464C26.5488 21.8417 26.5488 22.1583 26.3536 22.3536L23.1716 25.5355L19.9896 22.3536C19.7943 22.1583 19.7943 21.8417 19.9896 21.6464C20.1849 21.4512 20.5014 21.4512 20.6967 21.6464L22.6719 23.6216V13.5C22.6719 13.2239 22.8957 13 23.1719 13C23.448 13 23.6719 13.2239 23.6719 13.5Z" fill="black"/>
+</svg>

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,14 @@
 import React from 'react';
 
+import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
+import AvailabilityNoIcon from './AvailabilityNoIcon';
+import AvailabilityYesIcon from './AvailabilityYesIcon';
 import CalendarIcon from './CalendarIcon';
+import CloseIcon from './CloseIcon';
+import EditIcon from './EditIcon';
+import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
+import SwapIcon from './SwapIcon';
 import { IconProps } from './sharedTypes';
 
 // Default
@@ -10,23 +17,93 @@ export default {
 };
 
 // Templates
+function AvailabilityMaybeIconTemplate(args: IconProps) {
+  return <AvailabilityMaybeIcon {...args} />;  
+}
+
+function AvailabilityNoIconTemplate(args: IconProps) {
+  return <AvailabilityNoIcon {...args} />;  
+}
+
+function AvailabilityYesIconTemplate(args: IconProps) {
+  return <AvailabilityYesIcon {...args} />;  
+}
+
 function CalendarIconTemplate(args: IconProps) {
   return <CalendarIcon {...args} />;  
 }
 
+function CloseIconTemplate(args: IconProps) {
+  return <CloseIcon {...args} />;  
+}
+
+function EditIconTemplate(args: IconProps) {
+  return <EditIcon {...args} />;  
+}
+
+function MessageIconTemplate(args: IconProps) {
+  return <MessageIcon {...args} />;  
+}
+
 function SessionIconTemplate(args: IconProps) {
   return <SessionIcon {...args} />;  
 }
 
+function SwapIconTemplate(args: IconProps) {
+  return <SwapIcon {...args} />;  
+}
+
 // Stories
+export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
+AvailabilityMaybe.args = {
+  size: 50,
+  color: 'orange'
+};
+
+export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
+AvailabilityNo.args = {
+  size: 50,
+  color: 'red'
+};
+
+export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
+AvailabilityYes.args = {
+  size: 50,
+  color: 'green'
+};
+
 export const Calendar = CalendarIconTemplate.bind({});
 Calendar.args = {
   size: 50,
   color: 'green'
 };
 
+export const Close = CloseIconTemplate.bind({});
+Close.args = {
+  size: 50,
+  color: 'purple'
+};
+
+export const Edit = EditIconTemplate.bind({});
+Edit.args = {
+  size: 50,
+  color: 'green'
+};
+
+export const Message = MessageIconTemplate.bind({});
+Message.args = {
+  size: 50,
+  color: 'teal'
+};
+
 export const Session = SessionIconTemplate.bind({});
 Session.args = {
   size: 50,
   color: 'red'
 };
+
+export const Swap = SwapIconTemplate.bind({});
+Swap.args = {
+  size: 50,
+  color: 'blue'
+};

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

@@ -0,0 +1,12 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function MessageIcon({ 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="M17.2383 10.1536H7.28591C6.99677 10.1536 6.7621 10.3776 6.7621 10.6536C6.7621 10.9296 6.99677 11.1536 7.28591 11.1536H17.2383C17.5274 11.1536 17.7621 10.9296 17.7621 10.6536C17.7621 10.3776 17.5274 10.1536 17.2383 10.1536M17.2383 7.1075H7.28591C6.99677 7.1075 6.7621 7.3315 6.7621 7.6075C6.7621 7.8835 6.99677 8.1075 7.28591 8.1075H17.2383C17.5274 8.1075 17.7621 7.8835 17.7621 7.6075C17.7621 7.3315 17.5274 7.1075 17.2383 7.1075M14.0954 13.1996H7.28591C6.99677 13.1996 6.7621 13.4236 6.7621 13.6996C6.7621 13.9756 6.99677 14.1996 7.28591 14.1996H14.0954C14.3846 14.1996 14.6192 13.9756 14.6192 13.6996C14.6192 13.4236 14.3846 13.1996 14.0954 13.1996M12.0002 0C10.7588 0 9.46915 0.19901 8.16381 0.629521C5.09534 1.6398 2.64915 4.033 1.62458 7.01409C-0.613136 13.5235 3.43801 19.6106 9.38115 21.0179V23.4903C9.38115 23.7868 9.63257 24 9.90705 24C9.994 24 10.0831 23.9787 10.1669 23.932L16.6904 20.3071C20.8075 18.117 23.0002 14.9237 23.0002 10.6613C23.0002 4.77319 18.0753 0 12.0002 0M21.9526 10.6613C21.9526 14.4891 20.0658 17.3525 16.1687 19.4258L10.4288 22.6161V21.0179C10.4288 20.5498 10.0988 20.1427 9.62943 20.032C6.94019 19.3943 4.62705 17.6764 3.28296 15.3177C1.91163 12.9133 1.67591 10.0784 2.61877 7.33494C3.54277 4.64628 5.74172 2.49879 8.50115 1.59005C9.66086 1.20828 10.8373 1.01536 12.0002 1.01536C17.4876 1.01536 21.9526 5.34281 21.9526 10.6613Z" />
+      </svg>
+
+  );
+}

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

@@ -0,0 +1,11 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function SwapIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 38 38" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M36.4167 19C36.4167 28.619 28.619 36.4167 19 36.4167C9.38104 36.4167 1.58333 28.619 1.58333 19C1.58333 9.38104 9.38104 1.58333 19 1.58333C28.619 1.58333 36.4167 9.38104 36.4167 19ZM38 19C38 29.4934 29.4934 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C29.4934 0 38 8.50659 38 19ZM11.6464 15.3536C11.4512 15.1583 11.4512 14.8417 11.6464 14.6464L14.8284 11.4645L18.0104 14.6464C18.2057 14.8417 18.2057 15.1583 18.0104 15.3536C17.8151 15.5488 17.4986 15.5488 17.3033 15.3536L15.3281 13.3784V23.5C15.3281 23.7761 15.1043 24 14.8281 24C14.552 24 14.3281 23.7761 14.3281 23.5V13.379L12.3536 15.3536C12.1583 15.5488 11.8417 15.5488 11.6464 15.3536ZM23.6719 13.5V23.621L25.6464 21.6464C25.8417 21.4512 26.1583 21.4512 26.3536 21.6464C26.5488 21.8417 26.5488 22.1583 26.3536 22.3536L23.1716 25.5355L19.9896 22.3536C19.7943 22.1583 19.7943 21.8417 19.9896 21.6464C20.1849 21.4512 20.5014 21.4512 20.6967 21.6464L22.6719 23.6216V13.5C22.6719 13.2239 22.8957 13 23.1719 13C23.448 13 23.6719 13.2239 23.6719 13.5Z" />
+      </svg>
+  );
+}

package/src/stories/atoms/Map/Map.stories.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+import Map, { MapProps } from './Map';
+
+// Default
+export default {
+  title: 'Atoms/Map',
+};
+
+// Templates
+function MapTemplate(args: MapProps) {
+  return <Map {...args} />;  
+}
+
+// Stories
+export const Default = MapTemplate.bind({});
+Default.args = {
+  placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+};
+
+export const WithCustomHeight = MapTemplate.bind({});
+WithCustomHeight.args = {
+  placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+  height: '320px'
+};

package/src/stories/atoms/Map/Map.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+export interface MapProps {
+    placeId: string;
+    height: string;
+  }
+
+export default function Map({
+  placeId, height 
+}: MapProps) {
+  const placeParam = placeId && `q=place_id:${placeId}`;
+  const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
+
+  const mapheight = height || `216px`;
+  return (
+      <iframe
+          width="100%"
+          height={mapheight}
+          src={placeUrl}
+          title="Google Maps"
+      />
+  );
+}