@shopito/design-system 1.0.118 → 2.0.1

package/dist/esm/theme/components.js

@@ -2,10 +2,7 @@ var components = {
     MuiGrid: {
         styleOverrides: {
             root: {
-                marginTop: 0,
-                '&.MuiGrid-item': {
-                    paddingTop: '0 !important'
-                }
+                marginTop: 0
             }
         }
     },
@@ -15,24 +12,27 @@ var components = {
         }
     },
     MuiTypography: {
-        styleOverrides: {
-            root: {
-                '&:is(strong)': {
-                    fontWeight: '700 !important'
-                }
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // styleOverrides: {
+    //   root: {
+    //     '&:is(strong)': {
+    //       fontWeight: '700 !important',
+    //     },
+    //   },
+    // },
     },
     MuiLink: {
-        defaultProps: {
-            underline: 'hover'
-        },
-        styleOverrides: {
-            root: {
-                cursor: 'pointer'
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // defaultProps: {
+    //   underline: 'hover',
+    // },
+    // styleOverrides: {
+    //   root: {
+    //     cursor: 'pointer',
+    //   },
+    // },
     },
+    // TODO: zprovoznit ve v7
     // MuiListItemText: {
     //   styleOverrides: {
     //     root: {
@@ -45,16 +45,18 @@ var components = {
     MuiImageListItem: {
         styleOverrides: {
             root: {
-                border: '1px solid #EFEFEF',
-                padding: '8px'
+                border: 1,
+                borderColor: '#EFEFEF',
+                padding: 8
             }
         }
     },
     MuiImageListItemBar: {
         styleOverrides: {
-            root: {
-                margin: '6px 2px 1px'
-            },
+            // TODO: zprovoznit ve v7
+            // root: {
+            //   margin: '6px 2px 1px',
+            // },
             actionIcon: {
                 display: 'flex'
             },
@@ -62,33 +64,35 @@ var components = {
                 padding: 0
             },
             title: {
-                paddingTop: '7px'
+                paddingTop: 7
             }
         }
     },
     MuiCard: {
         styleOverrides: {
-            root: {
-                backgroundImage: 'none',
-                boxShadow: 'none',
-                borderRadius: '2px',
-                border: function (_a) {
-                    var theme = _a.theme;
-                    return "1px solid ".concat(theme.palette.secondary.contrastText);
-                }
+            root: function (_a) {
+                var theme = _a.theme;
+                return ({
+                    backgroundImage: 'none',
+                    boxShadow: 'none',
+                    borderRadius: 2,
+                    border: 1,
+                    borderColor: theme.palette.secondary.contrastText
+                });
             }
         }
     },
     MuiCardHeader: {
-        defaultProps: {
-            titleTypographyProps: {
-                variant: 'h6'
-            }
-        },
+        // TODO: zprovoznit ve v7
+        // defaultProps: {
+        //   titleTypographyProps: {
+        //     variant: 'h6',
+        //   },
+        // },
         styleOverrides: {
             action: {
-                marginTop: '-4px',
-                marginRight: '-4px'
+                marginTop: -4,
+                marginRight: -4
             }
         }
     },
@@ -96,7 +100,7 @@ var components = {
         styleOverrides: {
             root: {
                 '&:last-child': {
-                    paddingBottom: '16px'
+                    paddingBottom: 16
                 }
             }
         }
@@ -104,64 +108,56 @@ var components = {
     MuiCardActions: {
         styleOverrides: {
             root: {
-                padding: '16px',
-                paddintTop: '8px'
+                padding: 16,
+                paddintTop: 8
             }
         }
     },
     MuiTableRow: {
         styleOverrides: {
-            root: {
-                '&:last-child td, &:last-child th': {
-                    borderBottom: function (_a) {
-                        var theme = _a.theme;
-                        return "1px solid ".concat(theme.palette.secondary.main, " !important");
+            root: function (_a) {
+                var theme = _a.theme;
+                return ({
+                    '&:last-child td, &:last-child th': {
+                        borderBottom: "1px solid ".concat(theme.palette.secondary.main, " !important")
                     }
-                }
+                });
             }
         }
     },
     MuiTableCell: {
         styleOverrides: {
-            root: {
-                fontSize: function (_a) {
-                    var theme = _a.theme;
-                    return "".concat(theme.typogpraphy.body1, "px");
-                },
-                ':not(:first-of-type):not(:last-of-type)': {
-                    paddingLeft: '5px',
-                    paddingRight: '5px'
-                },
-                '& > svg': {
-                    width: '20px',
-                    height: '20px',
-                    marginTop: '2px',
-                    marginBottom: '-2px'
-                }
-            },
-            sizeMedium: {
-                lineHeight: '1rem',
-                padding: '0 15px',
-                height: '58px'
-            },
-            sizeSmall: {
-                padding: '0 12px',
-                height: '42px'
+            root: function (_a) {
+                var theme = _a.theme;
+                return ({
+                    fontSize: theme.typography.body1.fontSize,
+                    ':not(:first-of-type):not(:last-of-type)': {
+                        paddingLeft: 5,
+                        paddingRight: 5
+                    },
+                    '& > svg': {
+                        width: 20,
+                        height: 20,
+                        marginTop: 2,
+                        marginBottom: -2
+                    }
+                });
             }
         }
     },
     MuiTableHead: {
         styleOverrides: {
-            root: {
-                '& th': {
-                    height: '42px'
-                },
-                '& th p': {
-                    fontSize: function (_a) {
-                        var theme = _a.theme;
-                        return "".concat(theme.typogpraphy.fontSize, "px");
+            root: function (_a) {
+                var theme = _a.theme;
+                return ({
+                    '& th': {
+                        height: '42px'
+                    },
+                    '& th p': {
+                        fontSize: theme.typography.body1.fontSize,
+                        fontWeight: 500
                     }
-                }
+                });
             }
         }
     },
@@ -169,110 +165,121 @@ var components = {
         styleOverrides: {
             root: {
                 '& td': {
-                    borderBottom: '0'
+                    borderBottom: 0
                 }
             }
         }
     },
-    MuiPaper: {
+    MuiPaginationItem: {
         styleOverrides: {
-            root: {
-                backgroundImage: 'none',
-                boxShadow: 'rgba(50, 50, 93, 0.035) 0px 1px 5px 1px, rgba(0, 0, 0, 0.07) 0px 1px 3px 1px'
+            root: function (_a) {
+                var theme = _a.theme;
+                return ({
+                    fontSize: theme.typography.body1.fontSize
+                });
             }
         }
     },
-    MuiPickersDay: {
-        styleOverrides: {
-            day: {
-                fontWeight: '300'
-            }
-        }
-    },
-    MuiPickersYear: {
+    MuiPaper: {
         styleOverrides: {
             root: {
-                height: '64px'
-            }
-        }
-    },
-    MuiPickersCalendar: {
-        styleOverrides: {
-            transitionContainer: {
-                marginTop: '6px'
-            }
-        }
-    },
-    MuiPickersCalendarHeader: {
-        styleOverrides: {
-            iconButton: {
-                backgroundColor: 'transparent',
-                '& > *': {
-                    backgroundColor: 'transparent'
-                }
-            },
-            switchHeader: {
-                marginTop: '2px',
-                marginBottom: '4px'
-            }
-        }
-    },
-    MuiPickersClock: {
-        styleOverrides: {
-            container: {
-                margin: "32px 0 4px"
-            }
-        }
-    },
-    MuiPickersClockNumber: {
-        styleOverrides: {
-            clockNumber: {
-                left: "calc(50% - 16px)",
-                width: '32px',
-                height: '32px'
-            }
-        }
-    },
-    MuiPickerDTHeader: {
-        styleOverrides: {
-            dateHeader: {
-                '& h4': {
-                    fontSize: '2.125rem',
-                    fontWeight: 400
-                }
-            },
-            timeHeader: {
-                '& h3': {
-                    fontSize: '3rem',
-                    fontWeight: 400
-                }
-            }
-        }
-    },
-    MuiPickersTimePicker: {
-        styleOverrides: {
-            hourMinuteLabel: {
-                '& h2': {
-                    fontSize: '3.75rem',
-                    fontWeight: 300
-                }
-            }
-        }
-    },
-    MuiPickersToolbar: {
-        styleOverrides: {
-            toolbar: {
-                '& h4': {
-                    fontSize: '2.125rem',
-                    fontWeight: 400
-                }
+                backgroundImage: 'none',
+                boxShadow: 'rgba(50, 50, 93, 0.035) 0px 1px 5px 1px, rgba(0, 0, 0, 0.07) 0px 1px 3px 1px'
             }
         }
     },
+    // TODO: zprovoznit ve v7
+    // MuiPickersDay: {
+    //   styleOverrides: {
+    //     day: {
+    //       fontWeight: '300',
+    //     },
+    //   },
+    // },
+    // MuiPickersYear: {
+    //   styleOverrides: {
+    //     root: {
+    //       height: '64px',
+    //     },
+    //   },
+    // },
+    // MuiPickersCalendar: {
+    //   styleOverrides: {
+    //     transitionContainer: {
+    //       marginTop: '6px',
+    //     },
+    //   },
+    // },
+    // MuiPickersCalendarHeader: {
+    //   styleOverrides: {
+    //     iconButton: {
+    //       backgroundColor: 'transparent',
+    //       '& > *': {
+    //         backgroundColor: 'transparent',
+    //       },
+    //     },
+    //     switchHeader: {
+    //       marginTop: 2,
+    //       marginBottom: '4px',
+    //     },
+    //   },
+    // },
+    // MuiPickersClock: {
+    //   styleOverrides: {
+    //     container: {
+    //       margin: `32px 0 4px`,
+    //     },
+    //   },
+    // },
+    // MuiPickersClockNumber: {
+    //   styleOverrides: {
+    //     clockNumber: {
+    //       left: `calc(50% - 16px)`,
+    //       width: '32px',
+    //       height: '32px',
+    //     },
+    //   },
+    // },
+    // MuiPickerDTHeader: {
+    //   styleOverrides: {
+    //     dateHeader: {
+    //       '& h4': {
+    //         fontSize: 34,
+    //         fontWeight: 400,
+    //       },
+    //     },
+    //     timeHeader: {
+    //       '& h3': {
+    //         fontSize: 48,
+    //         fontWeight: 400,
+    //       },
+    //     },
+    //   },
+    // },
+    // MuiPickersTimePicker: {
+    //   styleOverrides: {
+    //     hourMinuteLabel: {
+    //       '& h2': {
+    //         fontSize: 60,
+    //         fontWeight: 300,
+    //       },
+    //     },
+    //   },
+    // },
+    // MuiPickersToolbar: {
+    //   styleOverrides: {
+    //     toolbar: {
+    //       '& h4': {
+    //         fontSize: 34,
+    //         fontWeight: 400,
+    //       },
+    //     },
+    //   },
+    // },
     MuiChip: {
         styleOverrides: {
             root: {
-                borderRadius: '6px'
+                borderRadius: 6
             }
         }
     },
@@ -282,7 +289,7 @@ var components = {
         },
         styleOverrides: {
             root: {
-                marginBottom: '8px'
+                marginBottom: 8
             }
         }
     },
@@ -296,97 +303,104 @@ var components = {
     MuiFormLabel: {
         styleOverrides: {
             root: {
-                marginBottom: '2px',
-                fontSize: 'small'
+                marginBottom: 2,
+                fontSize: 13
             }
         }
     },
     MuiFormHelperText: {
         styleOverrides: {
             root: {
-                marginTop: '0',
-                marginBottom: '0'
+                marginTop: 0,
+                marginBottom: 0
             }
         }
     },
     MuiRadio: {
-        defaultProps: {
-            size: 'small'
-        },
+        // TODO: zprovoznit ve v7
+        // defaultProps: {
+        //   size: 'small',
+        // },
         styleOverrides: {
             root: {
-                paddingTop: '6px',
-                paddingBottom: '6px'
+                paddingTop: 6,
+                paddingBottom: 6
             }
         }
     },
     MuiTextField: {
-        defaultProps: {
-            color: 'secondary',
-            variant: 'outlined',
-            size: 'small',
-            autoComplete: 'off'
-        },
+        // TODO: zprovoznit ve v7
+        // defaultProps: {
+        //   color: 'secondary',
+        //   variant: 'outlined',
+        //   size: 'small',
+        //   autoComplete: 'off',
+        // },
         styleOverrides: {
             root: {
-                marginBottom: '0'
+                marginBottom: 0
             }
         }
     },
     MuiAutocomplete: {
         styleOverrides: {
-            smallSize: {
-                paddingTop: '2px',
-                paddingLeft: '2px',
-                paddingBottom: '2px'
-            },
+            // TODO: zprovoznit ve v7
+            // smallSize: {
+            //   paddingTop: 2,
+            //   paddingLeft: 2,
+            //   paddingBottom: 2,
+            // },
             tag: {
-                margin: '1px',
+                margin: 1,
                 padding: 0,
-                height: '26px',
-                borderRadius: '3px'
+                height: 26,
+                borderRadius: 3
             }
         }
     },
     MuiCheckbox: {
-        defaultProps: {
-            size: 'small'
-        }
+    // TODO: zprovoznit ve v7
+    // defaultProps: {
+    //   size: 'small',
+    // },
     },
     MuiSwitch: {
-        styleOverrides: {
-            thumb: {
-                boxShadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.1)'
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // styleOverrides: {
+    //   thumb: {
+    //     boxShadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.1)',
+    //   },
+    // },
     },
     MuiDialog: {
-        defaultProps: {
-            maxWidth: 'sm',
-            fullWidth: true,
-            PaperProps: {
-                sx: {
-                    m: 0,
-                    p: 6
-                }
-            }
-        },
-        styleOverrides: {
-            root: {
-                padding: '10px'
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // defaultProps: {
+    //   maxWidth: 'sm',
+    //   fullWidth: true,
+    //   PaperProps: {
+    //     sx: {
+    //       m: 0,
+    //       p: 6,
+    //     },
+    //   },
+    // },
+    // styleOverrides: {
+    //   root: {
+    //     padding: '10px',
+    //   },
+    // },
     },
     MuiDialogTitle: {
-        defaultProps: {
-            variant: 'h4'
-        },
-        styleOverrides: {
-            root: {
-                padding: 0,
-                paddingBottom: 12
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // defaultProps: {
+    //   variant: 'h4',
+    // },
+    // styleOverrides: {
+    //   root: {
+    //     padding: 0,
+    //     paddingBottom: 12,
+    //   },
+    // },
     },
     MuiDialogContent: {
         styleOverrides: {
@@ -396,29 +410,22 @@ var components = {
         }
     },
     MuiDialogActions: {
-        styleOverrides: {
-            root: {
-                textAlign: 'right',
-                padding: 0,
-                paddingTop: 12
-            }
-        }
+    // TODO: zprovoznit ve v7
+    // styleOverrides: {
+    //   root: {
+    //     textAlign: 'right',
+    //     padding: 0,
+    //     paddingTop: 12,
+    //   },
+    // },
     },
     MuiAlert: {
         styleOverrides: {
             root: {
                 backgroundImage: 'none',
                 boxShadow: 'none',
-                borderRadius: '2px',
-                marginBottom: '16px'
-            },
-            // TODO: experimental
-            colorAlert: {
-                '& a': {
-                    color: 'rgb(95, 33, 32)',
-                    fontWeight: 'bold',
-                    textDecoration: 'underline'
-                }
+                borderRadius: 2,
+                marginBottom: 16
             }
         }
     }