@universal-tennis/ui-shared 0.1.98 → 0.2.0

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

@@ -1,10 +1,10 @@
-import React, { ReactElement } from 'react';
-type ButtonProps = {
-    children: string | ReactElement;
-    category?: string;
-    onClick?: VoidFunction;
-    style?: React.CSSProperties;
-    disabled?: boolean;
-};
-export default function Button({ children, category, ...props }: ButtonProps): JSX.Element;
-export {};
+import React, { ReactElement } from 'react';
+type ButtonProps = {
+    children: string | ReactElement;
+    category?: string;
+    onClick?: VoidFunction;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+};
+export default function Button({ children, category, ...props }: ButtonProps): React.JSX.Element;
+export {};

package/dist/stories/atoms/Button/Button.js

@@ -1,96 +1,96 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import MuiButton from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-const StyledButton = styled(MuiButton)({
-    borderRadius: '24px',
-    fontSize: '12px',
-    padding: '0 24px',
-    height: '40px',
-    whiteSpace: 'nowrap',
-    lineHeight: '39px',
-    border: '1px solid transparent',
-    '&:hover': {
-        cursor: 'pointer'
-    },
-});
-const PrimaryButton = styled(StyledButton)((props) => ({
-    backgroundColor: 'var(--black)',
-    color: 'var(--white)',
-    width: props.isExpanded ? '100%' : 'inherit',
-    '&:hover': {
-        backgroundColor: 'var(--darkest-grey)',
-        borderColor: 'var(--darkest-grey)',
-    },
-    '&:disabled': {
-        backgroundColor: 'var(--light-grey)',
-        borderColor: 'var(--light-grey)',
-    },
-}));
-const SecondaryButton = styled(StyledButton)({
-    borderColor: 'var(--black)',
-    backgroundColor: 'transparent',
-    color: 'var(--black)',
-    '&:hover': {
-        borderColor: 'var(--darkest-grey)',
-    },
-    '&:disabled': {
-        borderColor: 'var(--disabled)'
-    },
-});
-const SecondaryButtonFlipped = styled(StyledButton)({
-    borderColor: 'var(--white)',
-    backgroundColor: 'transparent',
-    color: 'var(--white)',
-    borderWidth: '2px',
-    '&:hover': {
-        borderColor: 'var(--darkest-grey)',
-        color: 'var(--darkest-grey)',
-    },
-    '&:disabled': {
-        borderColor: 'var(--disabled)',
-        color: 'var(--disabled)'
-    },
-});
-const LinkButton = styled(MuiButton)({
-    borderColor: 'transparent',
-    backgroundColor: 'transparent',
-    color: 'var(--primary)',
-    textTransform: 'inherit',
-    justifyContent: 'left',
-    padding: 0,
-    '&:hover': {
-        backgroundColor: 'transparent',
-    },
-    '&:disabled': {
-        borderColor: 'var(--disabled)'
-    },
-});
-export default function Button(_a) {
-    var { children, category } = _a, props = __rest(_a, ["children", "category"]);
-    switch (category) {
-        case 'primary':
-            return (React.createElement(PrimaryButton, Object.assign({}, props), children));
-        case 'primary-expanded':
-            return (React.createElement(PrimaryButton, Object.assign({ isExpanded: true }, props), children));
-        case 'secondary':
-            return (React.createElement(SecondaryButton, Object.assign({}, props), children));
-        case 'secondary-flipped':
-            return (React.createElement(SecondaryButtonFlipped, Object.assign({}, props), children));
-        case 'link':
-            return (React.createElement(LinkButton, Object.assign({ disableTouchRipple: true }, props), children));
-        default:
-            return (React.createElement(StyledButton, Object.assign({}, props), children));
-    }
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import MuiButton from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
+const StyledButton = styled(MuiButton)({
+    borderRadius: '24px',
+    fontSize: '12px',
+    padding: '0 24px',
+    height: '40px',
+    whiteSpace: 'nowrap',
+    lineHeight: '39px',
+    border: '1px solid transparent',
+    '&:hover': {
+        cursor: 'pointer'
+    },
+});
+const PrimaryButton = styled(StyledButton)((props) => ({
+    backgroundColor: 'var(--black)',
+    color: 'var(--white)',
+    width: props.isExpanded ? '100%' : 'inherit',
+    '&:hover': {
+        backgroundColor: 'var(--darkest-grey)',
+        borderColor: 'var(--darkest-grey)',
+    },
+    '&:disabled': {
+        backgroundColor: 'var(--light-grey)',
+        borderColor: 'var(--light-grey)',
+    },
+}));
+const SecondaryButton = styled(StyledButton)({
+    borderColor: 'var(--black)',
+    backgroundColor: 'transparent',
+    color: 'var(--black)',
+    '&:hover': {
+        borderColor: 'var(--darkest-grey)',
+    },
+    '&:disabled': {
+        borderColor: 'var(--disabled)'
+    },
+});
+const SecondaryButtonFlipped = styled(StyledButton)({
+    borderColor: 'var(--white)',
+    backgroundColor: 'transparent',
+    color: 'var(--white)',
+    borderWidth: '2px',
+    '&:hover': {
+        borderColor: 'var(--darkest-grey)',
+        color: 'var(--darkest-grey)',
+    },
+    '&:disabled': {
+        borderColor: 'var(--disabled)',
+        color: 'var(--disabled)'
+    },
+});
+const LinkButton = styled(MuiButton)({
+    borderColor: 'transparent',
+    backgroundColor: 'transparent',
+    color: 'var(--primary)',
+    textTransform: 'inherit',
+    justifyContent: 'left',
+    padding: 0,
+    '&:hover': {
+        backgroundColor: 'transparent',
+    },
+    '&:disabled': {
+        borderColor: 'var(--disabled)'
+    },
+});
+export default function Button(_a) {
+    var { children, category } = _a, props = __rest(_a, ["children", "category"]);
+    switch (category) {
+        case 'primary':
+            return (React.createElement(PrimaryButton, Object.assign({}, props), children));
+        case 'primary-expanded':
+            return (React.createElement(PrimaryButton, Object.assign({ isExpanded: true }, props), children));
+        case 'secondary':
+            return (React.createElement(SecondaryButton, Object.assign({}, props), children));
+        case 'secondary-flipped':
+            return (React.createElement(SecondaryButtonFlipped, Object.assign({}, props), children));
+        case 'link':
+            return (React.createElement(LinkButton, Object.assign({ disableTouchRipple: true }, props), children));
+        default:
+            return (React.createElement(StyledButton, Object.assign({}, props), children));
+    }
+}
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAc9C,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,uBAAuB;IAE/B,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAwB,EAAE,EAAE,CAAC,CAAC;IACxE,eAAe,EAAE,cAAc;IAC/B,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;IAE5C,SAAS,EAAE;QACT,eAAe,EAAE,qBAAqB;QACtC,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,mBAAmB;QACpC,WAAW,EAAE,mBAAmB;KACjC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,cAAc;IAErB,SAAS,EAAE;QACT,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAClD,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,KAAK;IAElB,SAAS,EAAE;QACT,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE,qBAAqB;KAC7B;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,iBAAiB;KACzB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,EAAE,aAAa;IAC1B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,gBAAgB;IACvB,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,MAAM;IACtB,OAAO,EAAE,CAAC;IAEV,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;IAED,YAAY,EAAE;QACZ,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAA6C;QAA7C,EAAE,QAAQ,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAA9B,wBAAgC,CAAF;IAC3D,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,CACH,oBAAC,aAAa,oBACN,KAAK,GAER,QAAQ,CACG,CACnB,CAAC;QACJ,KAAK,kBAAkB;YACrB,OAAO,CACH,oBAAC,aAAa,kBACV,UAAU,UACN,KAAK,GAER,QAAQ,CACG,CACnB,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACH,oBAAC,eAAe,oBACR,KAAK,GAER,QAAQ,CACK,CACrB,CAAC;QACJ,KAAK,mBAAmB;YACtB,OAAO,CACH,oBAAC,sBAAsB,oBACf,KAAK,GAER,QAAQ,CACY,CAC5B,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACH,oBAAC,UAAU,kBACP,kBAAkB,UACd,KAAK,GAER,QAAQ,CACA,CAChB,CAAC;QACJ;YACE,OAAO,CACH,oBAAC,YAAY,oBACL,KAAK,GAER,QAAQ,CACE,CAClB,CAAC;KACL;AACH,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Button/Button.tsx"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,17 @@
-import Button from './Button';
-declare const _default: {
-    title: string;
-    component: typeof Button;
-    argTypes: {
-        backgroundColor: {
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Primary: any;
-export declare const PrimaryExpanded: any;
-export declare const Secondary: any;
-export declare const SecondaryFlipped: any;
-export declare const Link: any;
-export declare const Default: any;
+import Button from './Button';
+declare const _default: {
+    title: string;
+    component: typeof Button;
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: any;
+export declare const PrimaryExpanded: any;
+export declare const Secondary: any;
+export declare const SecondaryFlipped: any;
+export declare const Link: any;
+export declare const Default: any;

package/dist/stories/atoms/Button/Button.stories.js

@@ -1,46 +1,46 @@
-import React from 'react';
-import Button from './Button';
-export default {
-    title: 'Atoms/Button',
-    component: Button,
-    argTypes: {
-        backgroundColor: { control: 'color' },
-    },
-};
-function Template(args) {
-    return React.createElement(Button, Object.assign({}, args));
-}
-function BlackTemplate(args) {
-    return (React.createElement("div", { style: { backgroundColor: "#000", height: '100vh' } },
-        React.createElement(Button, Object.assign({}, args))));
-}
-export const Primary = Template.bind({});
-Primary.args = {
-    category: "primary",
-    children: 'Button',
-};
-export const PrimaryExpanded = Template.bind({});
-PrimaryExpanded.args = {
-    category: "primary-expanded",
-    children: 'Button',
-};
-export const Secondary = Template.bind({});
-Secondary.args = {
-    category: "secondary",
-    children: 'Button',
-};
-export const SecondaryFlipped = BlackTemplate.bind({});
-SecondaryFlipped.args = {
-    category: "secondary-flipped",
-    children: 'Button',
-};
-export const Link = Template.bind({});
-Link.args = {
-    category: "link",
-    children: 'Button',
-};
-export const Default = Template.bind({});
-Default.args = {
-    children: 'Button',
-};
+import React from 'react';
+import Button from './Button';
+export default {
+    title: 'Atoms/Button',
+    component: Button,
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+};
+function Template(args) {
+    return React.createElement(Button, Object.assign({}, args));
+}
+function BlackTemplate(args) {
+    return (React.createElement("div", { style: { backgroundColor: "#000", height: '100vh' } },
+        React.createElement(Button, Object.assign({}, args))));
+}
+export const Primary = Template.bind({});
+Primary.args = {
+    category: "primary",
+    children: 'Button',
+};
+export const PrimaryExpanded = Template.bind({});
+PrimaryExpanded.args = {
+    category: "primary-expanded",
+    children: 'Button',
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+    category: "secondary",
+    children: 'Button',
+};
+export const SecondaryFlipped = BlackTemplate.bind({});
+SecondaryFlipped.args = {
+    category: "secondary-flipped",
+    children: 'Button',
+};
+export const Link = Template.bind({});
+Link.args = {
+    category: "link",
+    children: 'Button',
+};
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Button',
+};
 //# sourceMappingURL=Button.stories.js.map

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

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

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

@@ -1,9 +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 16 16", 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" })));
-}
+/* 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 16 16", 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/AvailabilityMaybeIcon.d.ts

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

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

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function AvailabilityMaybeIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityMaybeIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" })));
+}
 //# sourceMappingURL=AvailabilityMaybeIcon.js.map

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

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

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

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function AvailabilityNoIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityNoIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" })));
+}
 //# sourceMappingURL=AvailabilityNoIcon.js.map

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

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

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

@@ -1,8 +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" })));
-}
+/* 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/AvailabilityYesIcon.d.ts

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

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

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function AvailabilityYesIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function AvailabilityYesIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" })));
+}
 //# sourceMappingURL=AvailabilityYesIcon.js.map

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

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

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

@@ -1,10 +1,10 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function BallInMotionIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("circle", { cx: "16.75", cy: "7.5", r: "7", stroke: color }),
-        React.createElement("line", { x1: "6.88137", y1: "12.2071", x2: "0.707079", y2: "18.4936", stroke: color, strokeLinecap: "round" }),
-        React.createElement("line", { x1: "8.87994", y1: "15.2071", x2: "0.707089", y2: "23.4951", stroke: color, strokeLinecap: "round" }),
-        React.createElement("line", { x1: "11.8814", y1: "17.2071", x2: "5.70708", y2: "23.4936", stroke: color, strokeLinecap: "round" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function BallInMotionIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("circle", { cx: "16.75", cy: "7.5", r: "7", stroke: color }),
+        React.createElement("line", { x1: "6.88137", y1: "12.2071", x2: "0.707079", y2: "18.4936", stroke: color, strokeLinecap: "round" }),
+        React.createElement("line", { x1: "8.87994", y1: "15.2071", x2: "0.707089", y2: "23.4951", stroke: color, strokeLinecap: "round" }),
+        React.createElement("line", { x1: "11.8814", y1: "17.2071", x2: "5.70708", y2: "23.4936", stroke: color, strokeLinecap: "round" })));
+}
 //# sourceMappingURL=BallInMotionIcon.js.map

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

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

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

@@ -1,7 +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("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" })));
-}
+/* 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("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/ClockIcon.d.ts

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

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

@@ -1,9 +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 16 16", 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" })));
-}
+/* 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 16 16", 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/CloseIcon.d.ts

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

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

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function CloseIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function CloseIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" })));
+}
 //# sourceMappingURL=CloseIcon.js.map

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

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