@shopito/design-system 1.0.101

package/dist/esm/stories/Page.stories.js

@@ -0,0 +1,44 @@
+import { __awaiter, __generator } from "tslib";
+import { expect, userEvent, within } from '@storybook/test';
+import { Page } from './Page';
+var meta = {
+    title: 'Example/Page',
+    component: Page,
+    parameters: {
+        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+        layout: 'fullscreen'
+    }
+};
+export default meta;
+export var LoggedOut = {};
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
+export var LoggedIn = {
+    play: function (_a) {
+        var canvasElement = _a.canvasElement;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var canvas, loginButton, logoutButton;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        canvas = within(canvasElement);
+                        loginButton = canvas.getByRole('button', { name: /Log in/i });
+                        return [4 /*yield*/, expect(loginButton).toBeInTheDocument()];
+                    case 1:
+                        _b.sent();
+                        return [4 /*yield*/, userEvent.click(loginButton)];
+                    case 2:
+                        _b.sent();
+                        return [4 /*yield*/, expect(loginButton).not.toBeInTheDocument()];
+                    case 3:
+                        _b.sent();
+                        logoutButton = canvas.getByRole('button', { name: /Log out/i });
+                        return [4 /*yield*/, expect(logoutButton).toBeInTheDocument()];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+//# sourceMappingURL=Page.stories.js.map

package/dist/esm/stories/Page.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["stories/Page.stories.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,2FAA2F;QAC3F,MAAM,EAAE,YAAY;KACrB;CAC0B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,SAAS,GAAU,EAAE,CAAC;AAEnC,2FAA2F;AAC3F,MAAM,CAAC,IAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,UAAO,EAAiB;YAAf,aAAa,mBAAA;;;;;;wBACpB,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;wBAC/B,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;wBACpE,qBAAM,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,EAAA;;wBAA7C,SAA6C,CAAC;wBAC9C,qBAAM,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,EAAA;;wBAAlC,SAAkC,CAAC;wBACnC,qBAAM,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAA;;wBAAjD,SAAiD,CAAC;wBAE5C,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;wBACtE,qBAAM,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,EAAA;;wBAA9C,SAA8C,CAAC;;;;;KAChD;CACF,CAAC"}

package/dist/esm/theme/breakpoints.d.ts

@@ -0,0 +1,10 @@
+declare const breakpoints: {
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+};
+export default breakpoints;

package/dist/esm/theme/breakpoints.js

@@ -0,0 +1,11 @@
+var breakpoints = {
+    values: {
+        xs: 0,
+        sm: 600,
+        md: 960,
+        lg: 1280,
+        xl: 1440
+    }
+};
+export default breakpoints;
+//# sourceMappingURL=breakpoints.js.map

package/dist/esm/theme/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"https://my-website.com/debug/source/","sources":["theme/breakpoints.ts"],"names":[],"mappings":"AAAA,IAAM,WAAW,GAAG;IAClB,MAAM,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;KACT;CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/theme/components.d.ts

@@ -0,0 +1,404 @@
+declare const components: {
+    MuiGrid: {
+        styleOverrides: {
+            root: {
+                marginTop: number;
+                '&.MuiGrid-item': {
+                    paddingTop: string;
+                };
+            };
+        };
+    };
+    MuiButtonBase: {
+        defaultProps: {
+            disableRipple: boolean;
+        };
+    };
+    MuiTypography: {
+        styleOverrides: {
+            root: {
+                '&:is(strong)': {
+                    fontWeight: string;
+                };
+            };
+        };
+    };
+    MuiLink: {
+        defaultProps: {
+            underline: string;
+        };
+        styleOverrides: {
+            root: {
+                cursor: string;
+            };
+        };
+    };
+    MuiImageListItem: {
+        styleOverrides: {
+            root: {
+                border: string;
+                padding: string;
+            };
+        };
+    };
+    MuiImageListItemBar: {
+        styleOverrides: {
+            root: {
+                margin: string;
+            };
+            actionIcon: {
+                display: string;
+            };
+            titleWrap: {
+                padding: number;
+            };
+            title: {
+                paddingTop: string;
+            };
+        };
+    };
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+                borderRadius: string;
+                border: ({ theme }: any) => string;
+            };
+        };
+    };
+    MuiCardHeader: {
+        defaultProps: {
+            titleTypographyProps: {
+                variant: string;
+            };
+        };
+        styleOverrides: {
+            action: {
+                marginTop: string;
+                marginRight: string;
+            };
+        };
+    };
+    MuiCardContent: {
+        styleOverrides: {
+            root: {
+                '&:last-child': {
+                    paddingBottom: string;
+                };
+            };
+        };
+    };
+    MuiCardActions: {
+        styleOverrides: {
+            root: {
+                padding: string;
+                paddintTop: string;
+            };
+        };
+    };
+    MuiTableRow: {
+        styleOverrides: {
+            root: {
+                '&:last-child td, &:last-child th': {
+                    borderBottom: ({ theme }: any) => string;
+                };
+            };
+        };
+    };
+    MuiTableCell: {
+        styleOverrides: {
+            root: {
+                ':not(:first-of-type):not(:last-of-type)': {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '& > svg': {
+                    width: string;
+                    height: string;
+                    marginTop: string;
+                    marginBottom: string;
+                };
+            };
+            sizeMedium: {
+                lineHeight: string;
+                padding: string;
+                height: string;
+            };
+            sizeSmall: {
+                padding: string;
+                height: string;
+            };
+        };
+    };
+    MuiTableHead: {
+        styleOverrides: {
+            root: {
+                '& th': {
+                    height: string;
+                };
+                '& th p': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiTableFooter: {
+        styleOverrides: {
+            root: {
+                '& td': {
+                    borderBottom: string;
+                };
+            };
+        };
+    };
+    MuiPaper: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+            };
+        };
+    };
+    MuiPickersDay: {
+        styleOverrides: {
+            day: {
+                fontWeight: string;
+            };
+        };
+    };
+    MuiPickersYear: {
+        styleOverrides: {
+            root: {
+                height: string;
+            };
+        };
+    };
+    MuiPickersCalendar: {
+        styleOverrides: {
+            transitionContainer: {
+                marginTop: string;
+            };
+        };
+    };
+    MuiPickersCalendarHeader: {
+        styleOverrides: {
+            iconButton: {
+                backgroundColor: string;
+                '& > *': {
+                    backgroundColor: string;
+                };
+            };
+            switchHeader: {
+                marginTop: string;
+                marginBottom: string;
+            };
+        };
+    };
+    MuiPickersClock: {
+        styleOverrides: {
+            container: {
+                margin: string;
+            };
+        };
+    };
+    MuiPickersClockNumber: {
+        styleOverrides: {
+            clockNumber: {
+                left: string;
+                width: string;
+                height: string;
+            };
+        };
+    };
+    MuiPickerDTHeader: {
+        styleOverrides: {
+            dateHeader: {
+                '& h4': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+            timeHeader: {
+                '& h3': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiPickersTimePicker: {
+        styleOverrides: {
+            hourMinuteLabel: {
+                '& h2': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiPickersToolbar: {
+        styleOverrides: {
+            toolbar: {
+                '& h4': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiChip: {
+        styleOverrides: {
+            root: {
+                borderRadius: string;
+            };
+        };
+    };
+    MuiFormControl: {
+        defaultProps: {
+            fullWidth: boolean;
+        };
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+            };
+        };
+    };
+    MuiFormControlLabel: {
+        styleOverrides: {
+            root: {
+                margin: number;
+            };
+        };
+    };
+    MuiFormLabel: {
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+                fontSize: string;
+            };
+        };
+    };
+    MuiFormHelperText: {
+        styleOverrides: {
+            root: {
+                marginTop: string;
+                marginBottom: string;
+            };
+        };
+    };
+    MuiRadio: {
+        defaultProps: {
+            size: string;
+        };
+        styleOverrides: {
+            root: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
+        };
+    };
+    MuiTextField: {
+        defaultProps: {
+            color: string;
+            variant: string;
+            size: string;
+            autoComplete: string;
+        };
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+            };
+        };
+    };
+    MuiAutocomplete: {
+        styleOverrides: {
+            smallSize: {
+                paddingTop: string;
+                paddingLeft: string;
+                paddingBottom: string;
+            };
+            tag: {
+                margin: string;
+                padding: number;
+                height: string;
+                borderRadius: string;
+            };
+        };
+    };
+    MuiCheckbox: {
+        defaultProps: {
+            size: string;
+        };
+    };
+    MuiSwitch: {
+        styleOverrides: {
+            thumb: {
+                boxShadow: string;
+            };
+        };
+    };
+    MuiDialog: {
+        defaultProps: {
+            maxWidth: string;
+            fullWidth: boolean;
+            PaperProps: {
+                sx: {
+                    m: number;
+                    p: number;
+                };
+            };
+        };
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+    MuiDialogTitle: {
+        defaultProps: {
+            variant: string;
+        };
+        styleOverrides: {
+            root: {
+                padding: number;
+                paddingBottom: number;
+            };
+        };
+    };
+    MuiDialogContent: {
+        styleOverrides: {
+            root: {
+                padding: number;
+            };
+        };
+    };
+    MuiDialogActions: {
+        styleOverrides: {
+            root: {
+                textAlign: string;
+                padding: number;
+                paddingTop: number;
+            };
+        };
+    };
+    MuiAlert: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+                borderRadius: string;
+                marginBottom: string;
+            };
+            colorAlert: {
+                '& a': {
+                    color: string;
+                    fontWeight: string;
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+};
+export default components;