@universal-tennis/ui-shared 0.1.52 → 0.1.54

package/dist/components.d.ts

@@ -1,22 +1,27 @@
 export { default as Button } from "./stories/atoms/Button/Button";
+export { default as Map } from "./stories/atoms/Map/Map";
 export { default as Typography } from "./stories/atoms/Typography/Typography";
+export { default as AddIcon } from "./stories/atoms/Icons/AddIcon";
 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 ClockIcon } from "./stories/atoms/Icons/ClockIcon";
 export { default as CloseIcon } from "./stories/atoms/Icons/CloseIcon";
+export { default as DeleteIcon } from "./stories/atoms/Icons/DeleteIcon";
 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";
-export { default as Map } from "./stories/atoms/Map/Map";
+export { default as VisibilityIcon } from "./stories/atoms/Icons/VisibilityIcon";
+export { default as VisibilityOffIcon } from "./stories/atoms/Icons/VisibilityOffIcon";
 export { default as AvatarWithName } from "./stories/molecules/AvatarWithName/AvatarWithName";
-export { default as SquareAvatarWithName } from "./stories/molecules/SquareAvatarWithName/SquareAvatarWithName";
 export { default as ContactCard } from "./stories/molecules/Cards/ContactCard";
 export { default as DrawCard } from "./stories/molecules/Cards/DrawCard";
+export { default as SquareAvatarWithName } from "./stories/molecules/SquareAvatarWithName/SquareAvatarWithName";
 export { default as TeamCard } from "./stories/molecules/Cards/TeamCard";
-export { default as SortableTable } from "./stories/organisms/Tables/SortableTable";
 export { default as DrawCardTable } from "./stories/organisms/Tables/DrawCardTable";
 export { default as FullPageModal } from "./stories/organisms/Modals/FullPageModal";
+export { default as SortableTable } from "./stories/organisms/Tables/SortableTable";

package/dist/components.js

@@ -1,27 +1,33 @@
 import "./stories/assets/css/variables.css";
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
+export { default as Map } from './stories/atoms/Map/Map';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+// ATOMS - ICONS
+export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
 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 ClockIcon } from './stories/atoms/Icons/ClockIcon';
 export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
+export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
 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';
-export { default as Map } from './stories/atoms/Map/Map';
+export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
+export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
 // MOLECULES
 export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
-export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
 export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
+export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
 export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
 // ORGANISMS 
-export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
 export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
 export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
+export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
 //# sourceMappingURL=components.js.map

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,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,oBAAoB,EAAE,MAAM,+DAA+D,CAAC;AAChH,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,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE9E,gBAAgB;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,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,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,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,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAEvF,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,oBAAoB,EAAE,MAAM,+DAA+D,CAAC;AAChH,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/AddIcon.d.ts

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

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

@@ -0,0 +1,9 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function AddIcon({ 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: "M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" }),
+        React.createElement("path", { d: "M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" }),
+        React.createElement("path", { d: "M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" })));
+}
+//# sourceMappingURL=AddIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AddIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACxD,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,sNAAsN,GAAG;QACvQ,8BAAM,CAAC,EAAC,6IAA6I,GAAG;QACxJ,8BAAM,CAAC,EAAC,wIAAwI,GAAG,CACjJ,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,9 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function ClockIcon({ 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: "M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" })));
+}
+//# sourceMappingURL=ClockIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClockIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/ClockIcon.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,sNAAsN,GAAG;QACvQ,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uIAAuI,GAAG;QACxL,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,gPAAgP,GAAG,CAE/R,CACT,CAAC;AACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/DeleteIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC3D,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,yKAAyK,GAAG;QAC1N,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,gKAAgK,GAAG;QACjN,8BAAM,CAAC,EAAC,sBAAsB,GAAG;QACjC,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,mJAAmJ,GAAG;QACpM,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uJAAuJ,GAAG,CACtM,CACT,CAAC;AACJ,CAAC"}

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

@@ -2,14 +2,19 @@ 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 Edit: any;
 export declare const Location: any;
 export declare const Message: any;
 export declare const Session: any;
 export declare const Swap: any;
+export declare const Visibility: any;
+export declare const VisibilityOff: any;

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

@@ -1,20 +1,28 @@
 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 EditIcon from './EditIcon';
 import LocationIcon from './LocationIcon';
 import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
 import SwapIcon from './SwapIcon';
+import VisibilityIcon from './VisibilityIcon';
+import VisibilityOffIcon from './VisibilityOffIcon';
 // 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));
 }
@@ -30,9 +38,15 @@ function AvailabilityNotSetIconTemplate(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 EditIconTemplate(args) {
     return React.createElement(EditIcon, Object.assign({}, args));
 }
@@ -48,7 +62,18 @@ function SessionIconTemplate(args) {
 function SwapIconTemplate(args) {
     return React.createElement(SwapIcon, Object.assign({}, args));
 }
+function VisibilityIconTemplate(args) {
+    return React.createElement(VisibilityIcon, Object.assign({}, args));
+}
+function VisibilityOffIconTemplate(args) {
+    return React.createElement(VisibilityOffIcon, Object.assign({}, args));
+}
 // Stories
+export const Add = AddIconTemplate.bind({});
+Add.args = {
+    size: 150,
+    color: 'navy'
+};
 export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
 AvailabilityMaybe.args = {
     size: 150,
@@ -74,11 +99,21 @@ 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 Edit = EditIconTemplate.bind({});
 Edit.args = {
     size: 150,
@@ -104,4 +139,14 @@ Swap.args = {
     size: 150,
     color: 'blue'
 };
+export const Visibility = VisibilityIconTemplate.bind({});
+Visibility.args = {
+    size: 150,
+    color: 'black'
+};
+export const VisibilityOff = VisibilityOffIconTemplate.bind({});
+VisibilityOff.args = {
+    size: 150,
+    color: 'black'
+};
 //# 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,OAAO,MAAM,WAAW,CAAC;AAChC,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,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,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;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,UAAU;AACV,eAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,YAAY;AACZ,SAAS,eAAe,CAAC,IAAe;IACtC,OAAO,oBAAC,OAAO,oBAAK,IAAI,EAAI,CAAC;AAC/B,CAAC;AAED,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,iBAAiB,CAAC,IAAe;IACxC,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAe;IACzC,OAAO,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAClC,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,SAAS,sBAAsB,CAAC,IAAe;IAC7C,OAAO,oBAAC,cAAc,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC;AAED,SAAS,yBAAyB,CAAC,IAAe;IAChD,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAC;AACzC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,GAAG,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,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,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,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,MAAM,CAAC,IAAI,GAAG;IACZ,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;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,UAAU,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChE,aAAa,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,OAAO;CACf,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function VisibilityIcon({ 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: "M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" })));
+}
+//# sourceMappingURL=VisibilityIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/VisibilityIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC/D,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,mmBAAmmB,GAAG;QACppB,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,0NAA0N,GAAG,CACzQ,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,9 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function VisibilityOffIcon({ 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: "M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.646522 15.6464C0.45126 15.4511 0.45126 15.1346 0.646522 14.9393L14.7887 0.797158C14.9839 0.601896 15.3005 0.601896 15.4958 0.797158C15.691 0.99242 15.691 1.309 15.4958 1.50426L1.35363 15.6464C1.15837 15.8417 0.841784 15.8417 0.646522 15.6464Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" })));
+}
+//# sourceMappingURL=VisibilityOffIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityOffIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/VisibilityOffIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAClE,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,0NAA0N,GAAG;QAC3Q,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uPAAuP,GAAG;QACxS,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,mmBAAmmB,GAAG,CAClpB,CACT,CAAC;AACJ,CAAC"}

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

@@ -6,12 +6,13 @@ export interface SquareAvatarWithNameProps {
     avatarWidth: string;
     avatarHeight: string;
     href: string;
+    maxLinkWidth: string;
     name: string;
     fontCategory: string;
     fontSize: string;
     isBye: boolean;
 }
-export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, isBye }: {
+export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, isBye, maxLinkWidth }: {
     avatarOnly?: boolean | undefined;
     name?: string | undefined;
     avatarFontSize?: string | undefined;
@@ -22,4 +23,5 @@ export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize,
     fontSize?: string | undefined;
     fontCategory?: string | undefined;
     isBye?: boolean | undefined;
+    maxLinkWidth?: string | undefined;
 }): JSX.Element;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js

@@ -3,7 +3,7 @@ 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 SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', isBye = false }) {
+export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', isBye = false, maxLinkWidth = "auto" }) {
     const getAcronym = (str) => {
         const acronym = str === null || str === void 0 ? void 0 : str.split(' ').map((word) => word.charAt(0)).join('');
         return acronym;
@@ -18,7 +18,7 @@ export default function SquareAvatarWithName({ avatarOnly = false, name = '', av
     return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
         SquareAvatarComponent,
         href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
-            React.createElement(Typography, { category: fontCategory, size: fontSize, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: {
+            React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: {
                 whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: isBye ? 'grey' : 'black'
             } }, name)))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SquareAvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.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,oBAAoB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,cAAc,EAAE,IAAI,GAAG,EAAE,EACzE,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAC3E,QAAQ,GAAG,aAAa,EAAE,YAAY,GAAG,WAAW,EAAE,KAAK,GAAG,KAAK,EACpE;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,qBAAqB,GAAG,CAC1B,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;YACvD,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,GAAG,WAAW,EAAE;YACvB,MAAM,EAAE,GAAG,YAAY,EAAE;SAC1B,EACD,OAAO,EAAC,SAAS;QAEjB,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAClC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,kBAAkB,IAE3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,CACR,CACZ,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,qBAAqB,CACtB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,qBAAqB;QACrB,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;YAC5C,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAEzE,IAAI,CACI,CACV,CACV,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE;gBACF,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACpG,IAEA,IAAI,CACI,CAChB,CACC,CACT,CACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SquareAvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.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,oBAAoB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,cAAc,EAAE,IAAI,GAAG,EAAE,EACzE,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAC3E,QAAQ,GAAG,aAAa,EAAE,YAAY,GAAG,WAAW,EAAE,KAAK,GAAG,KAAK,EAAE,YAAY,GAAG,MAAM,EAC3F;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,qBAAqB,GAAG,CAC1B,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;YACvD,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,GAAG,WAAW,EAAE;YACvB,MAAM,EAAE,GAAG,YAAY,EAAE;SAC1B,EACD,OAAO,EAAC,SAAS;QAEjB,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAClC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,kBAAkB,IAE3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,CACR,CACZ,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,qBAAqB,CACtB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,qBAAqB;QACrB,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;YAC5C,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAEzE,IAAI,CACI,CACV,CACV,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE;gBACF,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACpG,IAEA,IAAI,CACI,CAChB,CACC,CACT,CACF,CAAC;AACJ,CAAC"}

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

@@ -9,4 +9,5 @@ export declare const WithAvatarOnly: any;
 export declare const WithLink: any;
 export declare const WithLowercaseName: any;
 export declare const WithLongName: any;
+export declare const WithLongLinkName: any;
 export declare const IsBye: any;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js

@@ -52,6 +52,12 @@ export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
 WithLongName.args = {
     name: "Team Dreamadeamadeamadeamadeam",
 };
+export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongLinkName.args = {
+    name: "Team Dreamadeamadeamadeamadeam",
+    href: "https://www.reddit.com",
+    maxLinkWidth: "200px"
+};
 export const IsBye = SquareAvatarWithNameTemplate.bind({});
 IsBye.args = {
     name: "Bye",

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

@@ -1 +1 @@
-{"version":3,"file":"SquareAvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,oBAAmD,MAAM,wBAAwB,CAAC;AAEzF,UAAU;AACV,eAAe;IACb,KAAK,EAAE,gCAAgC;CACxC,CAAC;AAEF,YAAY;AACZ,SAAS,4BAA4B,CAAC,IAA+B;IACnE,OAAO,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAC;AAC5C,CAAC;AAED,SAAS,gCAAgC,CAAC,IAA+B;IACvE,OAAO,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;QAAC,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAM,CAAC;AACrE,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7D,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,YAAY;IAC5B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvE,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,gCAAgC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,IAAI;CACZ,CAAC"}
+{"version":3,"file":"SquareAvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,oBAAmD,MAAM,wBAAwB,CAAC;AAEzF,UAAU;AACV,eAAe;IACb,KAAK,EAAE,gCAAgC;CACxC,CAAC;AAEF,YAAY;AACZ,SAAS,4BAA4B,CAAC,IAA+B;IACnE,OAAO,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAC;AAC5C,CAAC;AAED,SAAS,gCAAgC,CAAC,IAA+B;IACvE,OAAO,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;QAAC,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAM,CAAC;AACrE,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7D,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,YAAY;IAC5B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvE,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,gCAAgC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,gCAAgC;IACtC,IAAI,EAAE,wBAAwB;IAC9B,YAAY,EAAE,OAAO;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,IAAI;CACZ,CAAC"}

package/package.json

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

package/src/components.jsx

@@ -2,28 +2,35 @@ import "./stories/assets/css/variables.css";
 
 // ATOMS
 export { default as Button } from './stories/atoms/Button/Button';
+export { default as Map } from './stories/atoms/Map/Map';
 export { default as Typography } from './stories/atoms/Typography/Typography';
+
+// ATOMS - ICONS
+export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
 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 ClockIcon } from './stories/atoms/Icons/ClockIcon';
 export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
+export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
 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';
-export { default as Map } from './stories/atoms/Map/Map';
+export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
+export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
 
 // MOLECULES
 export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
-export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
 export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
 export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
+export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
 export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
 
 // ORGANISMS 
-export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
 export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
 export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
+export { default as SortableTable } from './stories/organisms/Tables/SortableTable';

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

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16px, Kind=Add">
+<path id="Ellipse 76 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
+<path id="Rectangle" d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" fill="black"/>
+<path id="Rectangle Copy" d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" fill="black"/>
+</g>
+</svg>

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

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16px, Kind=Time">
+<path id="Ellipse 53 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
+<path id="Line 7 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" fill="black"/>
+<path id="Line 8 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" fill="black"/>
+</g>
+</svg>

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

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=24px, Kind=Delete">
+<path id="Rectangle 3 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
+<path id="Rectangle 4 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
+<path id="Rectangle 5" d="M2.5 5H21.5V6H2.5V5Z" fill="black"/>
+<path id="Line 3 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
+<path id="Line 4 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
+</g>
+</svg>

package/src/stories/assets/icons/icon-visibility-off.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16px, Kind=View silent">
+<path id="Ellipse 75 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" fill="black"/>
+<path id="Line 25 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M0.646522 15.6464C0.45126 15.4511 0.45126 15.1346 0.646522 14.9393L14.7887 0.797158C14.9839 0.601896 15.3005 0.601896 15.4958 0.797158C15.691 0.99242 15.691 1.309 15.4958 1.50426L1.35363 15.6464C1.15837 15.8417 0.841784 15.8417 0.646522 15.6464Z" fill="black"/>
+<path id="Ellipse 57 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" fill="black"/>
+</g>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16px, Kind=View">
+<path id="Ellipse 57 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" fill="black"/>
+<path id="Ellipse 75 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" fill="black"/>
+</g>
+</svg>

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

@@ -0,0 +1,13 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function AddIcon({ 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="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
+          <path d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" />
+          <path d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" />
+      </svg>
+  );
+}

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

@@ -0,0 +1,14 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function ClockIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" />
+
+      </svg>
+  );
+}

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

@@ -0,0 +1,15 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function DeleteIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M18.5 6H5.5V22C5.5 22.5523 5.94772 23 6.5 23H17.5C18.0523 23 18.5 22.5523 18.5 22V6ZM4.5 5V22C4.5 23.1046 5.39543 24 6.5 24H17.5C18.6046 24 19.5 23.1046 19.5 22V5H4.5Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M14.5 1H9.5C8.94772 1 8.5 1.44772 8.5 2V5H15.5V2C15.5 1.44772 15.0523 1 14.5 1ZM9.5 0C8.39543 0 7.5 0.89543 7.5 2V6H16.5V2C16.5 0.895431 15.6046 0 14.5 0H9.5Z" />
+          <path d="M2.5 5H21.5V6H2.5V5Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M10 8C10.2761 8 10.5 8.22386 10.5 8.5L10.5 20.5C10.5 20.7761 10.2761 21 10 21C9.72386 21 9.5 20.7761 9.5 20.5L9.5 8.5C9.5 8.22386 9.72386 8 10 8Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M14 8C14.2761 8 14.5 8.22386 14.5 8.5L14.5 20.5C14.5 20.7761 14.2761 21 14 21C13.7239 21 13.5 20.7761 13.5 20.5L13.5 8.5C13.5 8.22386 13.7239 8 14 8Z" />
+      </svg>
+  );
+}

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

@@ -1,16 +1,21 @@
 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 EditIcon from './EditIcon';
 import LocationIcon from './LocationIcon';
 import MessageIcon from './MessageIcon';
 import SessionIcon from './SessionIcon';
 import SwapIcon from './SwapIcon';
+import VisibilityIcon from './VisibilityIcon';
+import VisibilityOffIcon from './VisibilityOffIcon';
 import { IconProps } from './sharedTypes';
 
 // Default
@@ -19,6 +24,10 @@ export default {
 };
 
 // Templates
+function AddIconTemplate(args: IconProps) {
+  return <AddIcon {...args} />;  
+}
+
 function AvailabilityMaybeIconTemplate(args: IconProps) {
   return <AvailabilityMaybeIcon {...args} />;  
 }
@@ -39,10 +48,18 @@ function CalendarIconTemplate(args: IconProps) {
   return <CalendarIcon {...args} />;  
 }
 
+function ClockIconTemplate(args: IconProps) {
+  return <ClockIcon {...args} />;  
+}
+
 function CloseIconTemplate(args: IconProps) {
   return <CloseIcon {...args} />;  
 }
 
+function DeleteIconTemplate(args: IconProps) {
+  return <DeleteIcon {...args} />;  
+}
+
 function EditIconTemplate(args: IconProps) {
   return <EditIcon {...args} />;  
 }
@@ -63,7 +80,21 @@ function SwapIconTemplate(args: IconProps) {
   return <SwapIcon {...args} />;  
 }
 
+function VisibilityIconTemplate(args: IconProps) {
+  return <VisibilityIcon {...args} />;  
+}
+
+function VisibilityOffIconTemplate(args: IconProps) {
+  return <VisibilityOffIcon {...args} />;  
+}
+
 // Stories
+export const Add = AddIconTemplate.bind({});
+Add.args = {
+  size: 150,
+  color: 'navy'
+};
+
 export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
 AvailabilityMaybe.args = {
   size: 150,
@@ -94,12 +125,24 @@ Calendar.args = {
   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 Edit = EditIconTemplate.bind({});
 Edit.args = {
   size: 150,
@@ -129,3 +172,15 @@ Swap.args = {
   size: 150,
   color: 'blue'
 };
+
+export const Visibility = VisibilityIconTemplate.bind({});
+Visibility.args = {
+  size: 150,
+  color: 'black'
+};
+
+export const VisibilityOff = VisibilityOffIconTemplate.bind({});
+VisibilityOff.args = {
+  size: 150,
+  color: 'black'
+};

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

@@ -0,0 +1,12 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function VisibilityIcon({ 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="M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" />
+      </svg>
+  );
+}

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

@@ -0,0 +1,13 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function VisibilityOffIcon({ 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="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10ZM8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M0.646522 15.6464C0.45126 15.4511 0.45126 15.1346 0.646522 14.9393L14.7887 0.797158C14.9839 0.601896 15.3005 0.601896 15.4958 0.797158C15.691 0.99242 15.691 1.309 15.4958 1.50426L1.35363 15.6464C1.15837 15.8417 0.841784 15.8417 0.646522 15.6464Z" />
+          <path fillRule="evenodd" clipRule="evenodd" d="M0 8C0 8 3.58172 14 8 14C12.4183 14 16 8 16 8C16 8 12.4183 2 8 2C3.58172 2 0 8 0 8ZM1.19246 8C1.26436 8.10528 1.34719 8.22394 1.44034 8.35336C1.82566 8.88878 2.38093 9.59917 3.06268 10.3055C4.47204 11.7658 6.22099 13 8 13C9.77901 13 11.528 11.7658 12.9373 10.3055C13.6191 9.59917 14.1743 8.88878 14.5597 8.35336C14.6528 8.22394 14.7356 8.10528 14.8075 8C14.7356 7.89472 14.6528 7.77606 14.5597 7.64664C14.1743 7.11122 13.6191 6.40083 12.9373 5.69446C11.528 4.2342 9.77901 3 8 3C6.22099 3 4.47204 4.2342 3.06268 5.69446C2.38093 6.40083 1.82566 7.11122 1.44034 7.64664C1.34719 7.77606 1.26436 7.89472 1.19246 8Z" />
+      </svg>
+  );
+}

package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx

@@ -63,6 +63,13 @@ WithLongName.args = {
   name: "Team Dreamadeamadeamadeamadeam",
 };
 
+export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongLinkName.args = {
+  name: "Team Dreamadeamadeamadeamadeam",
+  href: "https://www.reddit.com",
+  maxLinkWidth: "200px"
+};
+
 export const IsBye = SquareAvatarWithNameTemplate.bind({});
 IsBye.args = {
   name: "Bye",

package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx

@@ -13,6 +13,7 @@ export interface SquareAvatarWithNameProps {
     avatarWidth: string;
     avatarHeight: string;
     href: string,
+    maxLinkWidth: string,
     name: string;
     fontCategory: string;
     fontSize: string;
@@ -22,7 +23,7 @@ export interface SquareAvatarWithNameProps {
 export default function SquareAvatarWithName({
   avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '',
   avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', 
-  fontSize = 'medium-book', fontCategory = 'secondary', isBye = false
+  fontSize = 'medium-book', fontCategory = 'secondary', isBye = false, maxLinkWidth = "auto"
 }) {
   const getAcronym = (str: string) => {
     const acronym = str?.split(' ').map((word) => word.charAt(0)).join('');
@@ -60,6 +61,7 @@ export default function SquareAvatarWithName({
                     <Typography
                         category={fontCategory}
                         size={fontSize}
+                        maxWidth={maxLinkWidth}
                         sx={{ whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
                     >
                         {name}

package/workflows/package-release-1.yml

@@ -13,7 +13,7 @@ resources:
   repositories:
   - repository: Infrastructure
     type: bitbucket
-    endpoint: ut-bitbucket
+    endpoint: utr-bitbucket-eng-admin
     name: universaltennis/utr-infrastructure
     ref: master