@universal-tennis/ui-shared 0.2.0 → 0.2.2

package/dist/App.d.ts

@@ -1,2 +1,2 @@
-export default App;
-declare function App(): import("react").JSX.Element;
+export default App;
+declare function App(): import("react").JSX.Element;

package/dist/App.js

@@ -1,13 +1,13 @@
-function App() {
-    return (React.createElement("div", { className: "App" },
-        React.createElement("header", { className: "App-header" },
-            React.createElement("p", null,
-                "Edit",
-                ' ',
-                React.createElement("code", null, "src/App.js"),
-                ' ',
-                "and save to reload."),
-            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
-}
-export default App;
+function App() {
+    return (React.createElement("div", { className: "App" },
+        React.createElement("header", { className: "App-header" },
+            React.createElement("p", null,
+                "Edit",
+                ' ',
+                React.createElement("code", null, "src/App.js"),
+                ' ',
+                "and save to reload."),
+            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+}
+export default App;
 //# sourceMappingURL=App.js.map

package/dist/components.d.ts

@@ -1,43 +1,43 @@
-export { default as Button } from "./stories/atoms/Button/Button";
-export { default as UTMap } from "./stories/atoms/UTMap/UTMap";
-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 BallInMotionIcon } from "./stories/atoms/Icons/BallInMotionIcon";
-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 DoublePersonIcon } from "./stories/atoms/Icons/DoublePersonIcon";
-export { default as EditIcon } from "./stories/atoms/Icons/EditIcon";
-export { default as LocationIcon } from "./stories/atoms/Icons/LocationIcon";
-export { default as LeftChevronIcon } from "./stories/atoms/Icons/LeftChevronIcon";
-export { default as LineIcon } from "./stories/atoms/Icons/LineIcon";
-export { default as MessageIcon } from "./stories/atoms/Icons/MessageIcon";
-export { default as PickleballBallIcon } from "./stories/atoms/Icons/PickleballBallIcon";
-export { default as RightChevronIcon } from "./stories/atoms/Icons/RightChevronIcon";
-export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
-export { default as SinglePersonIcon } from "./stories/atoms/Icons/SinglePersonIcon";
-export { default as SinglePersonV2Icon } from "./stories/atoms/Icons/SinglePersonV2Icon";
-export { default as SwapIcon } from "./stories/atoms/Icons/SwapIcon";
-export { default as SwapNoBorderIcon } from "./stories/atoms/Icons/SwapNoBorderIcon";
-export { default as TennisBallIcon } from "./stories/atoms/Icons/TennisBallIcon";
-export { default as VerifiedIcon } from "./stories/atoms/Icons/VerifiedIcon";
-export { default as VisibilityIcon } from "./stories/atoms/Icons/VisibilityIcon";
-export { default as VisibilityOffIcon } from "./stories/atoms/Icons/VisibilityOffIcon";
-export { default as WinnerIndicatorIcon } from "./stories/atoms/Icons/WinnerIndicatorIcon";
-export { default as AvatarWithName } from "./stories/molecules/AvatarWithName/AvatarWithName";
-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 TeamDrawCard } from "./stories/molecules/Cards/TeamDrawCard";
-export { default as DrawCardTable } from "./stories/organisms/Tables/DrawCardTable";
-export { default as GlobalNavigation } from "./stories/organisms/GlobalNavigation/GlobalNavigation";
-export { default as FullPageModal } from "./stories/organisms/Modals/FullPageModal";
-export { default as SortableTable } from "./stories/organisms/Tables/SortableTable";
-export { default as TeamDrawCardTable } from "./stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable";
-export { default as Footer } from "./stories/organisms/Footer/Footer";
+export { default as Button } from "./stories/atoms/Button/Button";
+export { default as UTMap } from "./stories/atoms/UTMap/UTMap";
+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 BallInMotionIcon } from "./stories/atoms/Icons/BallInMotionIcon";
+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 DoublePersonIcon } from "./stories/atoms/Icons/DoublePersonIcon";
+export { default as EditIcon } from "./stories/atoms/Icons/EditIcon";
+export { default as LocationIcon } from "./stories/atoms/Icons/LocationIcon";
+export { default as LeftChevronIcon } from "./stories/atoms/Icons/LeftChevronIcon";
+export { default as LineIcon } from "./stories/atoms/Icons/LineIcon";
+export { default as MessageIcon } from "./stories/atoms/Icons/MessageIcon";
+export { default as PickleballBallIcon } from "./stories/atoms/Icons/PickleballBallIcon";
+export { default as RightChevronIcon } from "./stories/atoms/Icons/RightChevronIcon";
+export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
+export { default as SinglePersonIcon } from "./stories/atoms/Icons/SinglePersonIcon";
+export { default as SinglePersonV2Icon } from "./stories/atoms/Icons/SinglePersonV2Icon";
+export { default as SwapIcon } from "./stories/atoms/Icons/SwapIcon";
+export { default as SwapNoBorderIcon } from "./stories/atoms/Icons/SwapNoBorderIcon";
+export { default as TennisBallIcon } from "./stories/atoms/Icons/TennisBallIcon";
+export { default as VerifiedIcon } from "./stories/atoms/Icons/VerifiedIcon";
+export { default as VisibilityIcon } from "./stories/atoms/Icons/VisibilityIcon";
+export { default as VisibilityOffIcon } from "./stories/atoms/Icons/VisibilityOffIcon";
+export { default as WinnerIndicatorIcon } from "./stories/atoms/Icons/WinnerIndicatorIcon";
+export { default as AvatarWithName } from "./stories/molecules/AvatarWithName/AvatarWithName";
+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 TeamDrawCard } from "./stories/molecules/Cards/TeamDrawCard";
+export { default as DrawCardTable } from "./stories/organisms/Tables/DrawCardTable";
+export { default as GlobalNavigation } from "./stories/organisms/GlobalNavigation/GlobalNavigation";
+export { default as FullPageModal } from "./stories/organisms/Modals/FullPageModal";
+export { default as SortableTable } from "./stories/organisms/Tables/SortableTable";
+export { default as TeamDrawCardTable } from "./stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable";
+export { default as Footer } from "./stories/organisms/Footer/Footer";

package/dist/components.js

@@ -1,49 +1,49 @@
-import './stories/assets/css/variables.css';
-// ATOMS
-export { default as Button } from './stories/atoms/Button/Button';
-export { default as UTMap } from './stories/atoms/UTMap/UTMap';
-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 BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
-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 DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
-export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
-export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
-export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
-export { default as LineIcon } from './stories/atoms/Icons/LineIcon';
-export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
-export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
-export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
-export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
-export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
-export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
-export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
-export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
-export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
-export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
-export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
-export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
-export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
-// MOLECULES
-export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
-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 TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
-// ORGANISMS
-export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
-export { default as GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
-export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
-export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
-export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';
-export { default as Footer } from './stories/organisms/Footer/Footer';
+import './stories/assets/css/variables.css';
+// ATOMS
+export { default as Button } from './stories/atoms/Button/Button';
+export { default as UTMap } from './stories/atoms/UTMap/UTMap';
+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 BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
+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 DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
+export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
+export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
+export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
+export { default as LineIcon } from './stories/atoms/Icons/LineIcon';
+export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
+export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
+export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
+export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
+export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
+export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
+export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
+export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
+export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
+export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
+export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
+export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
+export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
+// MOLECULES
+export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
+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 TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
+// ORGANISMS
+export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
+export { default as GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
+export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
+export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
+export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';
+export { default as Footer } from './stories/organisms/Footer/Footer';
 //# sourceMappingURL=components.js.map

package/dist/index.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(React.createElement(React.StrictMode, null,
-    React.createElement(App, null)));
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(React.createElement(React.StrictMode, null,
+    React.createElement(App, null)));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
 //# sourceMappingURL=index.js.map

package/dist/items.d.ts

@@ -1,2 +1,2 @@
-declare const _exports: typeof import("./components");
-export = _exports;
+declare const _exports: typeof import("./components");
+export = _exports;

package/dist/items.js

@@ -1,2 +1,2 @@
-module.exports = require('./components');
+module.exports = require('./components');
 //# sourceMappingURL=items.js.map

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): React.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":"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"}
+{"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 @@
-import React from 'react';
-import { IconProps } from './sharedTypes';
-export default function AddIcon({ size, color }: IconProps): React.JSX.Element;
+import React from 'react';
+import { IconProps } from './sharedTypes';
+export default function AddIcon({ size, color }: IconProps): React.JSX.Element;