@popmenu/ordering-ui 0.125.5 → 0.126.0

package/build/index.es.js

@@ -1512,7 +1512,7 @@ var MenuItem = forwardRef(function (props, ref) {
             React__default.createElement(MenuItemInfo, null,
                 isFeatured && React__default.createElement(StatusTag, { color: "highlight", label: "Featured", variant: "filled", size: "sm" }),
                 React__default.createElement(Box, { display: "flex", gridGap: 8, alignItems: "center" },
-                    React__default.createElement(Typography$1, { component: "h3", className: classes.cardTitle },
+                    React__default.createElement(Typography$1, { component: "h2", className: classes.cardTitle },
                         loading ? React__default.createElement(Skeleton, null) : title,
                         isOutOfStock && (React__default.createElement("span", { className: classes.outOfStockTag },
                             React__default.createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" }))))),
@@ -2358,7 +2358,7 @@ var MenuSection = forwardRef(function (props, ref) {
     var classes = useStyles$3();
     return (React__default.createElement(Box, __assign$1({}, restProps, { ref: ref, component: 'section' }, { "data-component-type": "menu-section", style: { scrollMarginTop: '70px' } }),
         React__default.createElement(Box, { marginTop: 1, marginBottom: 4 },
-            React__default.createElement(Typography$1, { component: "h2", className: classes.title }, loading ? React__default.createElement(Skeleton, null) : name)),
+            React__default.createElement(Typography$1, { component: "h1", className: classes.title }, loading ? React__default.createElement(Skeleton, null) : name)),
         children));
 });
 MenuSection.displayName = 'MenuSection';
@@ -2400,7 +2400,7 @@ var DialogTitle = function (props) {
     return (React__default.createElement(DialogTitle$1, null,
         React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 16 },
             Icon && Icon,
-            React__default.createElement(Typography$1, { component: "h1", style: { fontSize: '1.25rem', fontWeight: 500, lineHeight: 1.6 }, id: titleId }, title)),
+            React__default.createElement(Typography$1, { variant: "h1", id: titleId }, title)),
         onClose && (React__default.createElement(IconButton$1, { color: "inherit", className: classes.closeButton, "aria-label": "Close dialog", onClick: onClose },
             React__default.createElement(SvgX, null)))));
 };
@@ -2649,14 +2649,14 @@ var typography = {
     htmlFontSize: 16,
     fontFamily: fonts.join(', '),
     h1: {
-        fontWeight: 400,
-        fontSize: '1.25rem',
-        lineHeight: '1.875rem',
+        fontWeight: 500,
+        fontSize: '1.5rem',
+        lineHeight: '100%',
     },
     h2: {
-        fontWeight: 500,
-        fontSize: '1.125rem',
-        lineHeight: '1.6875rem',
+        fontWeight: 600,
+        fontSize: '1.25rem',
+        lineHeight: '100%',
     },
     h3: {
         fontWeight: 500,
@@ -2665,18 +2665,18 @@ var typography = {
     },
     h4: {
         fontWeight: 500,
-        fontSize: '1.125rem',
-        lineHeight: '1.6875rem',
+        fontSize: '1.25rem',
+        lineHeight: '1.875rem',
     },
     h5: {
         fontWeight: 500,
-        fontSize: '1.125rem',
-        lineHeight: '1.6875rem',
+        fontSize: '1.25rem',
+        lineHeight: '1.875rem',
     },
     h6: {
         fontWeight: 500,
-        fontSize: '1.125rem',
-        lineHeight: '1.6875rem',
+        fontSize: '1.25rem',
+        lineHeight: '1.875rem',
     },
     body1: {
         fontWeight: 400,