@universal-tennis/ui-shared 0.1.96 → 0.1.98

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

@@ -1,32 +1,32 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-const arrowStyles = {
-    borderTop: '10px solid transparent',
-    borderBottom: '10px solid transparent',
-    borderLeft: '10px solid white',
-    height: 0,
-    width: 0
-};
-const rectangleStyles = {
-    background: 'white',
-    height: 20,
-    width: 3
-};
-const blackArrowStyles = {
-    borderTop: '8px solid transparent',
-    borderBottom: '8px solid transparent',
-    borderLeft: '8px solid black',
-    height: 0,
-    width: 0
-};
-const blackRectangleStyles = {
-    background: 'black',
-    height: 16,
-    width: 3
-};
-export default function WinnerIndicatorIcon({ sx, isBlack }) {
-    return (React.createElement(Box, { sx: sx, display: "flex" },
-        React.createElement(Box, { style: isBlack ? blackRectangleStyles : rectangleStyles }),
-        React.createElement(Box, { style: isBlack ? blackArrowStyles : arrowStyles })));
-}
+import React from 'react';
+import Box from '@mui/material/Box';
+const arrowStyles = {
+    borderTop: '10px solid transparent',
+    borderBottom: '10px solid transparent',
+    borderLeft: '10px solid white',
+    height: 0,
+    width: 0
+};
+const rectangleStyles = {
+    background: 'white',
+    height: 20,
+    width: 3
+};
+const blackArrowStyles = {
+    borderTop: '8px solid transparent',
+    borderBottom: '8px solid transparent',
+    borderLeft: '8px solid black',
+    height: 0,
+    width: 0
+};
+const blackRectangleStyles = {
+    background: 'black',
+    height: 16,
+    width: 3
+};
+export default function WinnerIndicatorIcon({ sx, isBlack }) {
+    return (React.createElement(Box, { sx: sx, display: "flex" },
+        React.createElement(Box, { style: isBlack ? blackRectangleStyles : rectangleStyles }),
+        React.createElement(Box, { style: isBlack ? blackArrowStyles : arrowStyles })));
+}
 //# sourceMappingURL=WinnerIndicatorIcon.js.map

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

@@ -1,11 +1,11 @@
-import { SxProps } from '@mui/material';
-export interface IconProps {
-    size?: number;
-    color?: string;
-    width?: number;
-    height?: number;
-}
-export interface WinnerIndicatorIconProps {
-    sx?: SxProps;
-    isBlack?: boolean;
-}
+import { SxProps } from '@mui/material';
+export interface IconProps {
+    size?: number;
+    color?: string;
+    width?: number;
+    height?: number;
+}
+export interface WinnerIndicatorIconProps {
+    sx?: SxProps;
+    isBlack?: boolean;
+}

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

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=sharedTypes.js.map

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

@@ -1,49 +1,49 @@
-/// <reference types="react" />
-import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
-import "../../assets/css/typography.css";
-interface TypographyProps extends MuiTypographyProps {
-    category?: string;
-    size?: string;
-    isCap?: boolean;
-    weight?: number;
-}
-export default function Typography({ children, category, size, ...props }: TypographyProps): JSX.Element;
-export declare const DISPLAY_SIZES_ENUM: {
-    XXXLarge: string;
-    XXLarge: string;
-    XLarge: string;
-    Large: string;
-    LargeLight: string;
-    MediumBook: string;
-};
-export declare const PRIMARY_SIZES_ENUM: {
-    LargeBold: string;
-    LargeBook: string;
-    LargeLight: string;
-    MediumSemibold: string;
-    MediumMedium: string;
-    MediumBook: string;
-    SmallBook: string;
-    XSmallBook: string;
-};
-export declare const SECONDARY_SIZES_ENUM: {
-    LargeMedium: string;
-    LargeBook: string;
-    MediumMedium: string;
-    MediumBook: string;
-    SmallMediumCap: string;
-    SmallMedium: string;
-    SmallBook: string;
-    XSmallMediumCap: string;
-    XSmallMedium: string;
-    XSmallBookCap: string;
-    XSmallBook: string;
-    XXSmallMediumCap: string;
-    XXSmallBook: string;
-};
-export declare const CATEGORY_ENUM: {
-    PRIMARY: string;
-    SECONDARY: string;
-    DISPLAY: string;
-};
-export {};
+/// <reference types="react" />
+import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import "../../assets/css/typography.css";
+interface TypographyProps extends MuiTypographyProps {
+    category?: string;
+    size?: string;
+    isCap?: boolean;
+    weight?: number;
+}
+export default function Typography({ children, category, size, ...props }: TypographyProps): JSX.Element;
+export declare const DISPLAY_SIZES_ENUM: {
+    XXXLarge: string;
+    XXLarge: string;
+    XLarge: string;
+    Large: string;
+    LargeLight: string;
+    MediumBook: string;
+};
+export declare const PRIMARY_SIZES_ENUM: {
+    LargeBold: string;
+    LargeBook: string;
+    LargeLight: string;
+    MediumSemibold: string;
+    MediumMedium: string;
+    MediumBook: string;
+    SmallBook: string;
+    XSmallBook: string;
+};
+export declare const SECONDARY_SIZES_ENUM: {
+    LargeMedium: string;
+    LargeBook: string;
+    MediumMedium: string;
+    MediumBook: string;
+    SmallMediumCap: string;
+    SmallMedium: string;
+    SmallBook: string;
+    XSmallMediumCap: string;
+    XSmallMedium: string;
+    XSmallBookCap: string;
+    XSmallBook: string;
+    XXSmallMediumCap: string;
+    XXSmallBook: string;
+};
+export declare const CATEGORY_ENUM: {
+    PRIMARY: string;
+    SECONDARY: string;
+    DISPLAY: string;
+};
+export {};

package/dist/stories/atoms/Typography/Typography.js

@@ -1,144 +1,144 @@
-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 MuiTypography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import "../../assets/css/typography.css";
-const DISPLAY_SIZES = {
-    "XXX-large": '120px',
-    "XX-large": '100px',
-    "X-large": '75px',
-    large: '50px',
-    "large-light": '50px',
-    "medium-book": '36px',
-};
-const PRIMARY_SIZES = {
-    "large-bold": '34px',
-    "large-book": '34px',
-    "large-light": '34px',
-    "medium-semibold": '22px',
-    "medium-medium": '22px',
-    "medium-book": '22px',
-    "small-book": '16px',
-    "x-small-book": '12px',
-};
-const SECONDARY_SIZES = {
-    "large-medium": '20px',
-    "large-book": '20px',
-    "medium-medium": '16px',
-    "medium-book": '16px',
-    "small-medium-cap": '14px',
-    "small-medium": '14px',
-    "small-book": '14px',
-    "x-small-medium-cap": '12px',
-    "x-small-medium": '12px',
-    "x-small-book-cap": '12px',
-    "x-small-book": '12px',
-    "xx-small-medium-cap": '10px',
-    "xx-small-book": '10px',
-};
-const DisplayTypography = styled(MuiTypography, {
-    shouldForwardProp: (prop) => prop !== 'isCap'
-})(({ size, weight }) => ({
-    fontFamily: 'var(--display-font)',
-    fontSize: DISPLAY_SIZES[size],
-    fontWeight: weight
-}));
-const PrimaryTypography = styled(MuiTypography, {
-    shouldForwardProp: (prop) => prop !== 'isCap'
-})(({ size, weight }) => ({
-    fontFamily: 'var(--primary-font)',
-    fontSize: PRIMARY_SIZES[size],
-    fontWeight: weight
-}));
-const SecondaryTypography = styled(MuiTypography, {
-    shouldForwardProp: (prop) => prop !== 'isCap'
-})(({ isCap, weight, size }) => ({
-    fontFamily: 'var(--secondary-font)',
-    fontSize: SECONDARY_SIZES[size],
-    textTransform: isCap ? 'uppercase' : 'inherit',
-    fontWeight: weight
-}));
-export default function Typography(_a) {
-    var { children, category, size } = _a, props = __rest(_a, ["children", "category", "size"]);
-    const isCap = size === null || size === void 0 ? void 0 : size.includes("cap");
-    let weight;
-    switch (true) {
-        case size === null || size === void 0 ? void 0 : size.includes("light"):
-            weight = 300;
-            break;
-        case size === null || size === void 0 ? void 0 : size.includes("book"):
-            weight = 400;
-            break;
-        case size === null || size === void 0 ? void 0 : size.includes("medium"):
-            weight = 500;
-            break;
-        case size === null || size === void 0 ? void 0 : size.includes("semibold"):
-            weight = 600;
-            break;
-        case size === null || size === void 0 ? void 0 : size.includes("bold"):
-            weight = 700;
-            break;
-        default:
-            weight = 500;
-            break;
-    }
-    switch (category) {
-        case 'primary':
-            return (React.createElement(PrimaryTypography, Object.assign({ size: size }, props), children));
-        case 'secondary':
-            return (React.createElement(SecondaryTypography, Object.assign({ size: size, isCap: isCap, weight: weight }, props), children));
-        case 'display':
-            return (React.createElement(DisplayTypography, Object.assign({ size: size, weight: weight }, props), children));
-        default:
-            return (React.createElement(PrimaryTypography, Object.assign({ size: size, weight: weight }, props), children));
-    }
-}
-export const DISPLAY_SIZES_ENUM = {
-    XXXLarge: "XXX-large",
-    XXLarge: "XX-large",
-    XLarge: "X-large",
-    Large: 'large',
-    LargeLight: "large-light",
-    MediumBook: "medium-book",
-};
-export const PRIMARY_SIZES_ENUM = {
-    LargeBold: "large-bold",
-    LargeBook: "large-book",
-    LargeLight: "large-light",
-    MediumSemibold: "medium-semibold",
-    MediumMedium: "medium-medium",
-    MediumBook: "medium-book",
-    SmallBook: "small-book",
-    XSmallBook: "x-small-book",
-};
-export const SECONDARY_SIZES_ENUM = {
-    LargeMedium: "large-medium",
-    LargeBook: "large-book",
-    MediumMedium: "medium-medium",
-    MediumBook: "medium-book",
-    SmallMediumCap: "small-medium-cap",
-    SmallMedium: "small-medium",
-    SmallBook: "small-book",
-    XSmallMediumCap: "x-small-medium-cap",
-    XSmallMedium: "x-small-medium",
-    XSmallBookCap: "x-small-book-cap",
-    XSmallBook: "x-small-book",
-    XXSmallMediumCap: "xx-small-medium-cap",
-    XXSmallBook: "xx-small-book",
-};
-export const CATEGORY_ENUM = {
-    PRIMARY: 'primary',
-    SECONDARY: 'secondary',
-    DISPLAY: 'display'
-};
+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 MuiTypography from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import "../../assets/css/typography.css";
+const DISPLAY_SIZES = {
+    "XXX-large": '120px',
+    "XX-large": '100px',
+    "X-large": '75px',
+    large: '50px',
+    "large-light": '50px',
+    "medium-book": '36px',
+};
+const PRIMARY_SIZES = {
+    "large-bold": '34px',
+    "large-book": '34px',
+    "large-light": '34px',
+    "medium-semibold": '22px',
+    "medium-medium": '22px',
+    "medium-book": '22px',
+    "small-book": '16px',
+    "x-small-book": '12px',
+};
+const SECONDARY_SIZES = {
+    "large-medium": '20px',
+    "large-book": '20px',
+    "medium-medium": '16px',
+    "medium-book": '16px',
+    "small-medium-cap": '14px',
+    "small-medium": '14px',
+    "small-book": '14px',
+    "x-small-medium-cap": '12px',
+    "x-small-medium": '12px',
+    "x-small-book-cap": '12px',
+    "x-small-book": '12px',
+    "xx-small-medium-cap": '10px',
+    "xx-small-book": '10px',
+};
+const DisplayTypography = styled(MuiTypography, {
+    shouldForwardProp: (prop) => prop !== 'isCap'
+})(({ size, weight }) => ({
+    fontFamily: 'var(--display-font)',
+    fontSize: DISPLAY_SIZES[size],
+    fontWeight: weight
+}));
+const PrimaryTypography = styled(MuiTypography, {
+    shouldForwardProp: (prop) => prop !== 'isCap'
+})(({ size, weight }) => ({
+    fontFamily: 'var(--primary-font)',
+    fontSize: PRIMARY_SIZES[size],
+    fontWeight: weight
+}));
+const SecondaryTypography = styled(MuiTypography, {
+    shouldForwardProp: (prop) => prop !== 'isCap'
+})(({ isCap, weight, size }) => ({
+    fontFamily: 'var(--secondary-font)',
+    fontSize: SECONDARY_SIZES[size],
+    textTransform: isCap ? 'uppercase' : 'inherit',
+    fontWeight: weight
+}));
+export default function Typography(_a) {
+    var { children, category, size } = _a, props = __rest(_a, ["children", "category", "size"]);
+    const isCap = size === null || size === void 0 ? void 0 : size.includes("cap");
+    let weight;
+    switch (true) {
+        case size === null || size === void 0 ? void 0 : size.includes("light"):
+            weight = 300;
+            break;
+        case size === null || size === void 0 ? void 0 : size.includes("book"):
+            weight = 400;
+            break;
+        case size === null || size === void 0 ? void 0 : size.includes("medium"):
+            weight = 500;
+            break;
+        case size === null || size === void 0 ? void 0 : size.includes("semibold"):
+            weight = 600;
+            break;
+        case size === null || size === void 0 ? void 0 : size.includes("bold"):
+            weight = 700;
+            break;
+        default:
+            weight = 500;
+            break;
+    }
+    switch (category) {
+        case 'primary':
+            return (React.createElement(PrimaryTypography, Object.assign({ size: size }, props), children));
+        case 'secondary':
+            return (React.createElement(SecondaryTypography, Object.assign({ size: size, isCap: isCap, weight: weight }, props), children));
+        case 'display':
+            return (React.createElement(DisplayTypography, Object.assign({ size: size, weight: weight }, props), children));
+        default:
+            return (React.createElement(PrimaryTypography, Object.assign({ size: size, weight: weight }, props), children));
+    }
+}
+export const DISPLAY_SIZES_ENUM = {
+    XXXLarge: "XXX-large",
+    XXLarge: "XX-large",
+    XLarge: "X-large",
+    Large: 'large',
+    LargeLight: "large-light",
+    MediumBook: "medium-book",
+};
+export const PRIMARY_SIZES_ENUM = {
+    LargeBold: "large-bold",
+    LargeBook: "large-book",
+    LargeLight: "large-light",
+    MediumSemibold: "medium-semibold",
+    MediumMedium: "medium-medium",
+    MediumBook: "medium-book",
+    SmallBook: "small-book",
+    XSmallBook: "x-small-book",
+};
+export const SECONDARY_SIZES_ENUM = {
+    LargeMedium: "large-medium",
+    LargeBook: "large-book",
+    MediumMedium: "medium-medium",
+    MediumBook: "medium-book",
+    SmallMediumCap: "small-medium-cap",
+    SmallMedium: "small-medium",
+    SmallBook: "small-book",
+    XSmallMediumCap: "x-small-medium-cap",
+    XSmallMedium: "x-small-medium",
+    XSmallBookCap: "x-small-book-cap",
+    XSmallBook: "x-small-book",
+    XXSmallMediumCap: "xx-small-medium-cap",
+    XXSmallBook: "xx-small-book",
+};
+export const CATEGORY_ENUM = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    DISPLAY: 'display'
+};
 //# sourceMappingURL=Typography.js.map

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

@@ -1,37 +1,37 @@
-import Typography from './Typography';
-declare const _default: {
-    title: string;
-    component: typeof Typography;
-};
-export default _default;
-export declare const Default: any;
-export declare const Display: any;
-export declare const DisplayXXXLarge: any;
-export declare const DisplayXXLarge: any;
-export declare const DisplayXLarge: any;
-export declare const DisplayLarge: any;
-export declare const DisplayLargelight: any;
-export declare const DisplayMediumBook: any;
-export declare const Primary: any;
-export declare const PrimaryLargeBold: any;
-export declare const PrimaryLargeBook: any;
-export declare const PrimaryLargeLight: any;
-export declare const PrimaryMediumSemiBold: any;
-export declare const PrimaryMediumMedium: any;
-export declare const PrimaryMediumBook: any;
-export declare const PrimarySmallBook: any;
-export declare const PrimaryXSmallBook: any;
-export declare const Secondary: any;
-export declare const SecondaryLargeMedium: any;
-export declare const SecondaryLargeBook: any;
-export declare const SecondaryMediumMedium: any;
-export declare const SecondaryMediumBook: any;
-export declare const SecondarySmallMediumCap: any;
-export declare const SecondarySmallMedium: any;
-export declare const SecondarySmallBook: any;
-export declare const SecondaryXSmallMediumCap: any;
-export declare const SecondaryXSmallMedium: any;
-export declare const SecondaryXSmallBookCap: any;
-export declare const SecondaryXSmallBook: any;
-export declare const SecondaryXXSmallMediumCap: any;
-export declare const SecondaryXXSmallBook: any;
+import Typography from './Typography';
+declare const _default: {
+    title: string;
+    component: typeof Typography;
+};
+export default _default;
+export declare const Default: any;
+export declare const Display: any;
+export declare const DisplayXXXLarge: any;
+export declare const DisplayXXLarge: any;
+export declare const DisplayXLarge: any;
+export declare const DisplayLarge: any;
+export declare const DisplayLargelight: any;
+export declare const DisplayMediumBook: any;
+export declare const Primary: any;
+export declare const PrimaryLargeBold: any;
+export declare const PrimaryLargeBook: any;
+export declare const PrimaryLargeLight: any;
+export declare const PrimaryMediumSemiBold: any;
+export declare const PrimaryMediumMedium: any;
+export declare const PrimaryMediumBook: any;
+export declare const PrimarySmallBook: any;
+export declare const PrimaryXSmallBook: any;
+export declare const Secondary: any;
+export declare const SecondaryLargeMedium: any;
+export declare const SecondaryLargeBook: any;
+export declare const SecondaryMediumMedium: any;
+export declare const SecondaryMediumBook: any;
+export declare const SecondarySmallMediumCap: any;
+export declare const SecondarySmallMedium: any;
+export declare const SecondarySmallBook: any;
+export declare const SecondaryXSmallMediumCap: any;
+export declare const SecondaryXSmallMedium: any;
+export declare const SecondaryXSmallBookCap: any;
+export declare const SecondaryXSmallBook: any;
+export declare const SecondaryXXSmallMediumCap: any;
+export declare const SecondaryXXSmallBook: any;