@universal-tennis/ui-shared 0.1.47 → 0.1.49

package/dist/components.d.ts

@@ -3,9 +3,11 @@ 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 AvailabilityNotSetIcon } from "./stories/atoms/Icons/AvailabilityNotSetIcon";
 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 LocationIcon } from "./stories/atoms/Icons/LocationIcon";
 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";

package/dist/components.js

@@ -5,9 +5,11 @@ 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 AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
 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 LocationIcon } from './stories/atoms/Icons/LocationIcon';
 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';

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,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,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,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,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACjG,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,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,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,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,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/AvailabilityNotSetIcon.d.ts

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

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

@@ -0,0 +1,8 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityNotSetIcon({ 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: "M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" })));
+}
+//# sourceMappingURL=AvailabilityNotSetIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvailabilityNotSetIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACvE,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,6IAA6I,GAAG;QAC9L,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oOAAoO,GAAG,CACnR,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,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,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG;QAC3C,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,ohBAAohB,GAAG,CACnkB,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CalendarIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,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,ohBAAohB,GAAG,CACnkB,CACT,CAAC;AACJ,CAAC"}

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

@@ -5,9 +5,11 @@ export default _default;
 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 Close: any;
 export declare const Edit: any;
+export declare const Location: any;
 export declare const Message: any;
 export declare const Session: any;
 export declare const Swap: any;

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

@@ -2,9 +2,11 @@ import React from 'react';
 import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
 import AvailabilityNoIcon from './AvailabilityNoIcon';
 import AvailabilityYesIcon from './AvailabilityYesIcon';
+import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
 import CalendarIcon from './CalendarIcon';
 import CloseIcon from './CloseIcon';
 import EditIcon from './EditIcon';
+import LocationIcon from './LocationIcon';
 import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
 import SwapIcon from './SwapIcon';
@@ -22,6 +24,9 @@ function AvailabilityNoIconTemplate(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));
 }
@@ -31,6 +36,9 @@ function CloseIconTemplate(args) {
 function EditIconTemplate(args) {
     return React.createElement(EditIcon, Object.assign({}, args));
 }
+function LocationIconTemplate(args) {
+    return React.createElement(LocationIcon, Object.assign({}, args));
+}
 function MessageIconTemplate(args) {
     return React.createElement(MessageIcon, Object.assign({}, args));
 }
@@ -43,47 +51,57 @@ function SwapIconTemplate(args) {
 // Stories
 export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
 AvailabilityMaybe.args = {
-    size: 50,
+    size: 150,
     color: 'orange'
 };
 export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
 AvailabilityNo.args = {
-    size: 50,
+    size: 150,
     color: 'red'
 };
 export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
 AvailabilityYes.args = {
-    size: 50,
+    size: 150,
+    color: 'green'
+};
+export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
+AvailabilityNotSet.args = {
+    size: 150,
     color: 'green'
 };
 export const Calendar = CalendarIconTemplate.bind({});
 Calendar.args = {
-    size: 50,
+    size: 150,
     color: 'green'
 };
 export const Close = CloseIconTemplate.bind({});
 Close.args = {
-    size: 50,
+    size: 150,
     color: 'purple'
 };
 export const Edit = EditIconTemplate.bind({});
 Edit.args = {
-    size: 50,
+    size: 150,
     color: 'green'
 };
+export const Location = LocationIconTemplate.bind({});
+Location.args = {
+    size: 150,
+    color: 'grey'
+};
 export const Message = MessageIconTemplate.bind({});
 Message.args = {
-    size: 50,
+    size: 150,
     color: 'teal'
 };
 export const Session = SessionIconTemplate.bind({});
 Session.args = {
-    size: 50,
+    size: 150,
     color: 'red'
 };
 export const Swap = SwapIconTemplate.bind({});
 Swap.args = {
-    size: 50,
+    size: 150,
     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":"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"}
+{"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,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,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,8BAA8B,CAAC,IAAe;IACrD,OAAO,oBAAC,sBAAsB,oBAAK,IAAI,EAAI,CAAC;AAC9C,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,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,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,8BAA8B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,kBAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,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,GAAG;IACT,KAAK,EAAE,MAAM;CACd,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function LocationIcon({ 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: "M7 8C8.10457 8 9 7.10457 9 6C9 4.89543 8.10457 4 7 4C5.89543 4 5 4.89543 5 6C5 7.10457 5.89543 8 7 8ZM7 9C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3C5.34315 3 4 4.34315 4 6C4 7.65685 5.34315 9 7 9Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.30809 10.9655C10.7626 9.57161 12 7.8219 12 6C12 3.23858 9.76142 1 7 1C4.23858 1 2 3.23858 2 6C2 7.8219 3.2374 9.57161 4.69191 10.9655C5.39697 11.6412 6.10609 12.1882 6.64052 12.5668C6.7725 12.6603 6.89326 12.7431 7 12.8146C7.10674 12.7431 7.2275 12.6603 7.35948 12.5668C7.89391 12.1882 8.60303 11.6412 9.30809 10.9655ZM7 14C7 14 13 10.5 13 6C13 2.68629 10.3137 0 7 0C3.68629 0 1 2.68629 1 6C1 10.5 7 14 7 14Z" })));
+}
+//# sourceMappingURL=LocationIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/LocationIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,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,+MAA+M,GAAG;QAChQ,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,6ZAA6Z,GAAG,CAC5c,CACT,CAAC;AACJ,CAAC"}

package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts

@@ -10,8 +10,9 @@ export interface AvatarWithNameProps {
     playerName: string;
     fontCategory: string;
     fontSize: string;
+    maxCharacterLimit: number;
 }
-export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory }: {
+export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, maxCharacterLimit }: {
     avatarOnly?: boolean | undefined;
     imgSrc?: string | undefined;
     playerName?: string | undefined;
@@ -22,4 +23,5 @@ export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarF
     avatarHeight?: string | undefined;
     fontSize?: string | undefined;
     fontCategory?: string | undefined;
+    maxCharacterLimit?: number | undefined;
 }): JSX.Element;

package/dist/stories/molecules/AvatarWithName/AvatarWithName.js

@@ -3,22 +3,19 @@ import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Typography from '../../atoms/Typography/Typography';
-export default function AvatarWithName({ avatarOnly = false, imgSrc = '', playerName = '', avatarFontSize = 'medium-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary' }) {
+export default function AvatarWithName({ avatarOnly = false, imgSrc = '', playerName = '', avatarFontSize = 'medium-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary', maxCharacterLimit = 24 }) {
     const getAcronym = (str) => {
         const acronym = str === null || str === void 0 ? void 0 : str.split(' ').map((word) => word.charAt(0)).join('');
         return acronym;
     };
-    const getTruncatedName = (name) => {
-        const maxCharacterLimit = 24;
-        return (name.length > maxCharacterLimit ? `${name.slice(0, maxCharacterLimit)}...` : name);
-    };
+    const getTruncatedName = (name, characterLimit) => (name.length > characterLimit ? `${name.slice(0, characterLimit)}...` : name);
     const AvatarComponent = (React.createElement(Avatar, { sx: {
             backgroundColor: 'var(--black)', marginRight: '10px', width: `${avatarWidth}`, height: `${avatarHeight}`
         }, src: imgSrc },
-        React.createElement(Typography, { size: avatarFontSize, category: avatarFontCategory }, getAcronym(playerName))));
+        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, getAcronym(playerName))));
     return (avatarOnly ? (AvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
         AvatarComponent,
         href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
-            React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName)))) : React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName)))));
+            React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))) : React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))));
 }
 //# sourceMappingURL=AvatarWithName.js.map

package/dist/stories/molecules/AvatarWithName/AvatarWithName.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/AvatarWithName/AvatarWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAe3D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,GAAG,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,cAAc,GAAG,eAAe,EAAE,IAAI,GAAG,EAAE,EAC7F,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAAE,QAAQ,GAAG,cAAc,EAAE,YAAY,GAAG,WAAW,EACnI;IACC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAW,EAAE,EAAE;QACvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;QAC7B,OAAO,CACL,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAClF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CACpB,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE;SACzG,EACD,GAAG,EAAE,MAAM;QAEX,oBAAC,UAAU,IAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,IAAG,UAAU,CAAC,UAAU,CAAC,CAAc,CAChG,CACZ,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,eAAe,CAChB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,eAAe;QACf,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;YAC5C,oBAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,IAAG,gBAAgB,CAAC,UAAU,CAAC,CAAc,CAC5F,CACV,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,IAAG,gBAAgB,CAAC,UAAU,CAAC,CAAc,CACjG,CACT,CACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/AvatarWithName/AvatarWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAgB3D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,GAAG,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,cAAc,GAAG,eAAe,EAAE,IAAI,GAAG,EAAE,EAC7F,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAAE,QAAQ,GAAG,cAAc,EAAE,YAAY,GAAG,WAAW,EAClI,iBAAiB,GAAG,EAAE,EACvB;IACC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,cAAsB,EAAE,EAAE,CAAC,CACjE,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAC5E,CAAC;IAEF,MAAM,eAAe,GAAG,CACpB,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE;SACzG,EACD,GAAG,EAAE,MAAM;QAEX,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAClC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,kBAAkB,IAE3B,UAAU,CAAC,UAAU,CAAC,CACd,CACR,CACZ,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,eAAe,CAChB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,eAAe;QACf,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;YAC5C,oBAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,IAAG,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAc,CAC/G,CACV,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,IAAG,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAc,CACpH,CACT,CACF,CAAC;AACJ,CAAC"}

package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts

@@ -10,4 +10,6 @@ export declare const WithAvatarOnly: any;
 export declare const WithNoImage: any;
 export declare const WithBrokenImage: any;
 export declare const WithLink: any;
+export declare const WithLowercaseName: any;
 export declare const WithLongName: any;
+export declare const WithCustomMaxCharacterLimit: any;

package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js

@@ -55,9 +55,19 @@ WithLink.args = {
     href: "https://www.reddit.com",
     playerName: "Julia Gulia",
 };
+export const WithLowercaseName = AvatarWithNameTemplate.bind({});
+WithLowercaseName.args = {
+    playerName: "julia gulia",
+};
 export const WithLongName = AvatarWithNameTemplate.bind({});
 WithLongName.args = {
     imgSrc: 'https://ci-cdn.universaltennis.com/v1/player/329903/images/profile/7839bf68-b56f-486a-88ab-a52debbac709.png',
     playerName: "Julia Guliauliauliauliauliauliauliauliauliaulia",
 };
+export const WithCustomMaxCharacterLimit = AvatarWithNameTemplate.bind({});
+WithCustomMaxCharacterLimit.args = {
+    imgSrc: 'https://ci-cdn.universaltennis.com/v1/player/329903/images/profile/7839bf68-b56f-486a-88ab-a52debbac709.png',
+    playerName: "Julia Guliauliauliauliauliauliauliauliauliaulia",
+    maxCharacterLimit: 7
+};
 //# sourceMappingURL=AvatarWithName.stories.js.map

package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAuC,MAAM,kBAAkB,CAAC;AAEvE,UAAU;AACV,eAAe;IACb,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEF,YAAY;AACZ,SAAS,sBAAsB,CAAC,IAAyB;IACvD,OAAO,oBAAC,cAAc,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,6GAA6G;IACrH,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,oBAAoB,CAAC,IAAI,GAAG;IAC1B,UAAU,EAAE,aAAa;IACzB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,oBAAoB,CAAC,IAAI,GAAG;IAC1B,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,WAAW,CAAC,IAAI,GAAG;IACjB,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/D,eAAe,CAAC,IAAI,GAAG;IACrB,MAAM,EAAE,4GAA4G;IACpH,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,6GAA6G;IACrH,IAAI,EAAE,wBAAwB;IAC9B,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,6GAA6G;IACrH,UAAU,EAAE,iDAAiD;CAC9D,CAAC"}
+{"version":3,"file":"AvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAuC,MAAM,kBAAkB,CAAC;AAEvE,UAAU;AACV,eAAe;IACb,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEF,YAAY;AACZ,SAAS,sBAAsB,CAAC,IAAyB;IACvD,OAAO,oBAAC,cAAc,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,6GAA6G;IACrH,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,oBAAoB,CAAC,IAAI,GAAG;IAC1B,UAAU,EAAE,aAAa;IACzB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,oBAAoB,CAAC,IAAI,GAAG;IAC1B,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,WAAW,CAAC,IAAI,GAAG;IACjB,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/D,eAAe,CAAC,IAAI,GAAG;IACrB,MAAM,EAAE,4GAA4G;IACpH,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,6GAA6G;IACrH,IAAI,EAAE,wBAAwB;IAC9B,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjE,iBAAiB,CAAC,IAAI,GAAG;IACvB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,6GAA6G;IACrH,UAAU,EAAE,iDAAiD;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3E,2BAA2B,CAAC,IAAI,GAAG;IACjC,MAAM,EAAE,6GAA6G;IACrH,UAAU,EAAE,iDAAiD;IAC7D,iBAAiB,EAAE,CAAC;CACrB,CAAC"}

package/package.json

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

package/src/components.jsx

@@ -6,9 +6,11 @@ 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 AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
 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 LocationIcon } from './stories/atoms/Icons/LocationIcon';
 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';

package/src/stories/assets/icons/icon-availability-not-set.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=24px, Kind=Less">
+<g id="Icon">
+<path id="Rectangle Copy" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" fill="black"/>
+<path id="Ellipse 74 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="black"/>
+</g>
+</g>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=14px, Kind=Location">
+<path id="Ellipse 52 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M7 8C8.10457 8 9 7.10457 9 6C9 4.89543 8.10457 4 7 4C5.89543 4 5 4.89543 5 6C5 7.10457 5.89543 8 7 8ZM7 9C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3C5.34315 3 4 4.34315 4 6C4 7.65685 5.34315 9 7 9Z" fill="black"/>
+<path id="Ellipse 53 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M9.30809 10.9655C10.7626 9.57161 12 7.8219 12 6C12 3.23858 9.76142 1 7 1C4.23858 1 2 3.23858 2 6C2 7.8219 3.2374 9.57161 4.69191 10.9655C5.39697 11.6412 6.10609 12.1882 6.64052 12.5668C6.7725 12.6603 6.89326 12.7431 7 12.8146C7.10674 12.7431 7.2275 12.6603 7.35948 12.5668C7.89391 12.1882 8.60303 11.6412 9.30809 10.9655ZM7 14C7 14 13 10.5 13 6C13 2.68629 10.3137 0 7 0C3.68629 0 1 2.68629 1 6C1 10.5 7 14 7 14Z" fill="black"/>
+</g>
+</svg>

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

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

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

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

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

@@ -3,9 +3,11 @@ import React from 'react';
 import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
 import AvailabilityNoIcon from './AvailabilityNoIcon';
 import AvailabilityYesIcon from './AvailabilityYesIcon';
+import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
 import CalendarIcon from './CalendarIcon';
 import CloseIcon from './CloseIcon';
 import EditIcon from './EditIcon';
+import LocationIcon from './LocationIcon';
 import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
 import SwapIcon from './SwapIcon';
@@ -29,6 +31,10 @@ function AvailabilityYesIconTemplate(args: IconProps) {
   return <AvailabilityYesIcon {...args} />;  
 }
 
+function AvailabilityNotSetIconTemplate(args: IconProps) {
+  return <AvailabilityNotSetIcon {...args} />;  
+}
+
 function CalendarIconTemplate(args: IconProps) {
   return <CalendarIcon {...args} />;  
 }
@@ -41,6 +47,10 @@ function EditIconTemplate(args: IconProps) {
   return <EditIcon {...args} />;  
 }
 
+function LocationIconTemplate(args: IconProps) {
+  return <LocationIcon {...args} />;  
+}
+
 function MessageIconTemplate(args: IconProps) {
   return <MessageIcon {...args} />;  
 }
@@ -56,54 +66,66 @@ function SwapIconTemplate(args: IconProps) {
 // Stories
 export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
 AvailabilityMaybe.args = {
-  size: 50,
+  size: 150,
   color: 'orange'
 };
 
 export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
 AvailabilityNo.args = {
-  size: 50,
+  size: 150,
   color: 'red'
 };
 
 export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
 AvailabilityYes.args = {
-  size: 50,
+  size: 150,
+  color: 'green'
+};
+
+export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
+AvailabilityNotSet.args = {
+  size: 150,
   color: 'green'
 };
 
 export const Calendar = CalendarIconTemplate.bind({});
 Calendar.args = {
-  size: 50,
+  size: 150,
   color: 'green'
 };
 
 export const Close = CloseIconTemplate.bind({});
 Close.args = {
-  size: 50,
+  size: 150,
   color: 'purple'
 };
 
 export const Edit = EditIconTemplate.bind({});
 Edit.args = {
-  size: 50,
+  size: 150,
   color: 'green'
 };
 
+export const Location = LocationIconTemplate.bind({});
+Location.args = {
+  size: 150,
+  color: 'grey'
+};
+
 export const Message = MessageIconTemplate.bind({});
 Message.args = {
-  size: 50,
+  size: 150,
   color: 'teal'
 };
 
 export const Session = SessionIconTemplate.bind({});
 Session.args = {
-  size: 50,
+  size: 150,
   color: 'red'
 };
 
 export const Swap = SwapIconTemplate.bind({});
 Swap.args = {
-  size: 50,
+  size: 150,
   color: 'blue'
 };

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

@@ -0,0 +1,12 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function LocationIcon({ 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="M7 8C8.10457 8 9 7.10457 9 6C9 4.89543 8.10457 4 7 4C5.89543 4 5 4.89543 5 6C5 7.10457 5.89543 8 7 8ZM7 9C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3C5.34315 3 4 4.34315 4 6C4 7.65685 5.34315 9 7 9Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M9.30809 10.9655C10.7626 9.57161 12 7.8219 12 6C12 3.23858 9.76142 1 7 1C4.23858 1 2 3.23858 2 6C2 7.8219 3.2374 9.57161 4.69191 10.9655C5.39697 11.6412 6.10609 12.1882 6.64052 12.5668C6.7725 12.6603 6.89326 12.7431 7 12.8146C7.10674 12.7431 7.2275 12.6603 7.35948 12.5668C7.89391 12.1882 8.60303 11.6412 9.30809 10.9655ZM7 14C7 14 13 10.5 13 6C13 2.68629 10.3137 0 7 0C3.68629 0 1 2.68629 1 6C1 10.5 7 14 7 14Z" />
+      </svg>
+  );
+}

package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx

@@ -67,8 +67,20 @@ WithLink.args = {
   playerName: "Julia Gulia",
 };
 
+export const WithLowercaseName = AvatarWithNameTemplate.bind({});
+WithLowercaseName.args = {
+  playerName: "julia gulia",
+};
+
 export const WithLongName = AvatarWithNameTemplate.bind({});
 WithLongName.args = {
   imgSrc: 'https://ci-cdn.universaltennis.com/v1/player/329903/images/profile/7839bf68-b56f-486a-88ab-a52debbac709.png',
   playerName: "Julia Guliauliauliauliauliauliauliauliauliaulia",
 };
+
+export const WithCustomMaxCharacterLimit = AvatarWithNameTemplate.bind({});
+WithCustomMaxCharacterLimit.args = {
+  imgSrc: 'https://ci-cdn.universaltennis.com/v1/player/329903/images/profile/7839bf68-b56f-486a-88ab-a52debbac709.png',
+  playerName: "Julia Guliauliauliauliauliauliauliauliauliaulia",
+  maxCharacterLimit: 7
+};

package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx

@@ -17,23 +17,22 @@ export interface AvatarWithNameProps {
     playerName: string;
     fontCategory: string;
     fontSize: string;
+    maxCharacterLimit: number;
   }
 
 export default function AvatarWithName({
   avatarOnly = false, imgSrc = '', playerName = '', avatarFontSize = 'medium-medium', href = '',
-  avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary'
+  avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary', 
+  maxCharacterLimit = 24
 }) {
   const getAcronym = (str: string) => {
     const acronym = str?.split(' ').map((word) => word.charAt(0)).join('');
     return acronym;
   };
 
-  const getTruncatedName = (name:string) => {
-    const maxCharacterLimit = 24;
-    return (
-      name.length > maxCharacterLimit ? `${name.slice(0, maxCharacterLimit)}...` : name
-    );
-  };
+  const getTruncatedName = (name: string, characterLimit: number) => (
+    name.length > characterLimit ? `${name.slice(0, characterLimit)}...` : name
+  );
 
   const AvatarComponent = (
       <Avatar 
@@ -42,7 +41,13 @@ export default function AvatarWithName({
           }} 
           src={imgSrc}
       >
-          <Typography size={avatarFontSize} category={avatarFontCategory}>{getAcronym(playerName)}</Typography>
+          <Typography 
+              sx={{ textTransform: 'uppercase' }} 
+              size={avatarFontSize} 
+              category={avatarFontCategory}
+          >
+              {getAcronym(playerName)}
+          </Typography>
       </Avatar>
   );
 
@@ -54,9 +59,9 @@ export default function AvatarWithName({
             {AvatarComponent}
             {href ? (
                 <Link href={href} sx={{ textDecoration: 'none' }}>
-                    <Typography category={fontCategory} size={fontSize}>{getTruncatedName(playerName)}</Typography>
+                    <Typography category={fontCategory} size={fontSize}>{getTruncatedName(playerName, maxCharacterLimit)}</Typography>
                 </Link>
-            ) : <Typography category={fontCategory} size={fontSize}>{getTruncatedName(playerName)}</Typography>}
+            ) : <Typography category={fontCategory} size={fontSize}>{getTruncatedName(playerName, maxCharacterLimit)}</Typography>}
         </Box>
     )
   );