decentraland-ui2 0.7.3-12235535320.commit-8510847 → 0.7.4-12563557631.commit-00630ee
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Address/Address.styled.js +4 -8
- package/dist/components/Address/Address.styled.js.map +1 -1
- package/dist/components/AvatarFace/AvatarFace.styled.js +23 -21
- package/dist/components/AvatarFace/AvatarFace.styled.js.map +1 -1
- package/dist/components/ChainSelector/ChainSelector.styled.d.ts +6 -5
- package/dist/components/ChainSelector/ChainSelector.styled.js +91 -109
- package/dist/components/ChainSelector/ChainSelector.styled.js.map +1 -1
- package/dist/components/IconBadge/IconBadge.styled.d.ts +2 -1
- package/dist/components/IconBadge/IconBadge.styled.js.map +1 -1
- package/dist/components/Logo/Logo.styled.js +7 -10
- package/dist/components/Logo/Logo.styled.js.map +1 -1
- package/dist/components/Mana/Mana.styled.d.ts +9 -7
- package/dist/components/Mana/Mana.styled.js +15 -19
- package/dist/components/Mana/Mana.styled.js.map +1 -1
- package/dist/components/Modal/Modal.styled.d.ts +3 -1
- package/dist/components/Modal/Modal.styled.js +8 -8
- package/dist/components/Modal/Modal.styled.js.map +1 -1
- package/dist/components/Navbar/MainMenu/MainMenu.js +1 -1
- package/dist/components/Navbar/MainMenu/MainMenu.js.map +1 -1
- package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts +4 -3
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js +5 -4
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map +1 -1
- package/dist/components/Navbar/MenuItem/MenuItem.js +1 -1
- package/dist/components/Navbar/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts +9 -7
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js +9 -7
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map +1 -1
- package/dist/components/Navbar/Navbar.js +3 -3
- package/dist/components/Navbar/Navbar.js.map +1 -1
- package/dist/components/Navbar/Navbar.styled.d.ts +13 -10
- package/dist/components/Navbar/Navbar.styled.js +21 -21
- package/dist/components/Navbar/Navbar.styled.js.map +1 -1
- package/dist/components/Navbar/SubMenu/SubMenu.js +1 -1
- package/dist/components/Navbar/SubMenu/SubMenu.js.map +1 -1
- package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts +6 -5
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js +17 -10
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map +1 -1
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js +3 -3
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map +1 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js +1 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map +1 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts +8 -4
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js +28 -9
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map +1 -1
- package/dist/components/Notifications/NotificationItem.styled.js +3 -3
- package/dist/components/Notifications/NotificationItem.styled.js.map +1 -1
- package/dist/components/Notifications/NotificationItemImage.styled.d.ts +4 -3
- package/dist/components/Notifications/NotificationItemImage.styled.js +5 -2
- package/dist/components/Notifications/NotificationItemImage.styled.js.map +1 -1
- package/dist/components/Notifications/Notifications.stories.js +5 -3
- package/dist/components/Notifications/Notifications.stories.js.map +1 -1
- package/dist/components/Notifications/NotificationsFeed.styled.js +18 -22
- package/dist/components/Notifications/NotificationsFeed.styled.js.map +1 -1
- package/dist/components/Notifications/NotificationsFeedTabs.styled.d.ts +2 -1
- package/dist/components/Notifications/NotificationsFeedTabs.styled.js +23 -28
- package/dist/components/Notifications/NotificationsFeedTabs.styled.js.map +1 -1
- package/dist/components/UserMenu/ManaBalances/ManaBalances.styled.js +2 -3
- package/dist/components/UserMenu/ManaBalances/ManaBalances.styled.js.map +1 -1
- package/dist/components/UserMenu/UserMenu.styled.js +3 -3
- package/dist/components/UserMenu/UserMenu.styled.js.map +1 -1
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.d.ts +4 -3
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js +26 -25
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js.map +1 -1
- package/dist/config/env/dev.json +24 -1
- package/dist/config/env/prod.json +24 -1
- package/dist/config/env/stg.json +24 -1
- package/package.json +2 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAqB,cAAc,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;IAExD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAC9E,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC/B,IAAI,CAAC,SAAS,CAAC,OAAO;oBAAE,OAAM;gBAC9B,cAAc,CAAC,MAAM,CAAC,CAAA;YACxB,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5C,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,EAAE,cAAc,
|
1
|
+
{"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":"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"}
|
@@ -1,8 +1,9 @@
|
|
1
|
+
interface MainMenuContainerProps {
|
2
|
+
isOpenOnMobile?: boolean;
|
3
|
+
}
|
1
4
|
declare const MainMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
2
5
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
3
6
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
4
7
|
theme?: import("@emotion/react").Theme;
|
5
|
-
} & {
|
6
|
-
isOpenOnMobile?: boolean;
|
7
|
-
}, {}, {}>;
|
8
|
+
} & MainMenuContainerProps, {}, {}>;
|
8
9
|
export { MainMenuContainer };
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import zIndex from "@mui/material/styles/zIndex";
|
2
2
|
import styled from "@emotion/styled";
|
3
|
-
import { Box
|
4
|
-
const MainMenuContainer = styled(Box
|
5
|
-
|
6
|
-
|
3
|
+
import { Box } from "@mui/material";
|
4
|
+
const MainMenuContainer = styled(Box, {
|
5
|
+
shouldForwardProp: (prop) => prop !== "isOpenOnMobile",
|
6
|
+
})((props) => {
|
7
|
+
const { isOpenOnMobile, theme } = props;
|
7
8
|
let mobileOpenedStyles;
|
8
9
|
if (isOpenOnMobile) {
|
9
10
|
mobileOpenedStyles = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MainMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,
|
1
|
+
{"version":3,"file":"MainMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAMnC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACvD,CAAC,CAAyB,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvC,IAAI,kBAAkB,CAAA;IACtB,IAAI,cAAc,EAAE,CAAC;QACnB,kBAAkB,GAAG;YACnB,GAAG,EAAE,MAAM;SACZ,CAAA;IACH,CAAC;IACD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YAClD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,aAAa;YAC5B,UAAU,EAAE,GAAG,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;gBAChD,QAAQ,EAAE,KAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC7C,MAAM,EAAE,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC5C,CAAC,EAAE;YACJ,GAAG,kBAAkB;SACtB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
@@ -9,7 +9,7 @@ const MenuItem = (props) => {
|
|
9
9
|
}, [mainUrl]);
|
10
10
|
return (_jsxs(MenuItemContainer, { active: activePage === section, onClick: (e) => {
|
11
11
|
isMobile && !isExtraButton && onToggleShowSubMenu(e, true, section);
|
12
|
-
}, onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), backgroundColor: backgroundColor, children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, textColor: textColor, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, {})] }));
|
12
|
+
}, onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), backgroundColor: backgroundColor, "aria-label": `${title} menu item`, children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, textColor: textColor, "aria-label": `${title}`, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, { "aria-label": "forward arrow icon" })] }));
|
13
13
|
};
|
14
14
|
export { MenuItem };
|
15
15
|
//# sourceMappingURL=MenuItem.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EACJ,UAAU,EACV,OAAO,EACP,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,GACd,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,MAAC,iBAAiB,IAChB,MAAM,EAAE,UAAU,KAAK,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,IAAI,CAAC,aAAa,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACrE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EACvE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EACxE,eAAe,EAAE,eAAe,aAEhC,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EACJ,UAAU,EACV,OAAO,EACP,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,GACd,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,MAAC,iBAAiB,IAChB,MAAM,EAAE,UAAU,KAAK,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,IAAI,CAAC,aAAa,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACrE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EACvE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EACxE,eAAe,EAAE,eAAe,gBACpB,GAAG,KAAK,YAAY,aAEhC,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,gBACR,GAAG,KAAK,EAAE,YAErB,KAAK,GACQ,EACf,QAAQ,IAAI,KAAC,uBAAuB,kBAAY,oBAAoB,GAAG,IACtD,CACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
@@ -1,16 +1,18 @@
|
|
1
|
+
interface MenuItemContainerProps {
|
2
|
+
active: boolean;
|
3
|
+
backgroundColor?: string;
|
4
|
+
}
|
5
|
+
interface MenuItemTitleProps {
|
6
|
+
textColor?: string;
|
7
|
+
}
|
1
8
|
declare const MenuItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
2
9
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
3
10
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
4
11
|
theme?: import("@emotion/react").Theme;
|
5
|
-
} & {
|
6
|
-
active: boolean;
|
7
|
-
backgroundColor?: string;
|
8
|
-
}, {}, {}>;
|
12
|
+
} & MenuItemContainerProps, {}, {}>;
|
9
13
|
declare const MenuItemTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
10
14
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
11
15
|
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
12
16
|
theme?: import("@emotion/react").Theme;
|
13
|
-
} & {
|
14
|
-
textColor?: string;
|
15
|
-
}, {}, {}>;
|
17
|
+
} & MenuItemTitleProps, {}, {}>;
|
16
18
|
export { MenuItemContainer, MenuItemTitle };
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { Box, Typography
|
3
|
-
const MenuItemContainer = styled(Box
|
4
|
-
|
5
|
-
|
2
|
+
import { Box, Typography } from "@mui/material";
|
3
|
+
const MenuItemContainer = styled(Box, {
|
4
|
+
shouldForwardProp: (prop) => !["active", "backgroundColor"].includes(prop),
|
5
|
+
})((props) => {
|
6
|
+
const { active, backgroundColor, theme } = props;
|
6
7
|
let modifiedStyles;
|
7
8
|
if (active) {
|
8
9
|
modifiedStyles = {
|
@@ -40,9 +41,10 @@ const MenuItemContainer = styled(Box)((props) => {
|
|
40
41
|
},
|
41
42
|
};
|
42
43
|
});
|
43
|
-
const MenuItemTitle = styled(Typography
|
44
|
-
|
45
|
-
|
44
|
+
const MenuItemTitle = styled(Typography, {
|
45
|
+
shouldForwardProp: (prop) => prop !== "textColor",
|
46
|
+
})((props) => {
|
47
|
+
const { textColor, theme } = props;
|
46
48
|
return {
|
47
49
|
textTransform: "capitalize",
|
48
50
|
fontWeight: "inherit",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuItem.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,
|
1
|
+
{"version":3,"file":"MenuItem.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAW/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC1D,CAAC,CAAyB,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAChD,IAAI,cAAc,CAAA;IAClB,IAAI,MAAM,EAAE,CAAC;QACX,cAAc,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC,CAAA;IACH,CAAC;IAED,OAAO;QACL,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;QAClE,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,UAAU,EAAE,QAAQ;QACpB,GAAG,cAAc;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;QACD,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,OAAO,EAAE,gBAAgB;YACzB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC7C,iBAAiB,EAAE,OAAO;YAC1B,iBAAiB,EAAE,KAAK;YACxB,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,QAAQ;YAChB,cAAc,EAAE,eAAe;SAChC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,EAAE;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAqB,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAClC,OAAO;QACL,aAAa,EAAE,YAAY;QAC3B,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAC3D,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAC1D;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAA"}
|
@@ -35,12 +35,12 @@ const Navbar = React.memo((props) => {
|
|
35
35
|
}
|
36
36
|
handleMobileToggle(event, false);
|
37
37
|
}, [userMenuProps.onClickOpen, handleMobileToggle]);
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsx(DclAppBar, { isSubmenuOpen: toggle, isMobileOpen: menuMobileOpen, children: _jsx(Toolbar, { children: _jsxs(AppBarWrapper, { children: [_jsx(TabletAndBelow, { children: _jsxs(MenuIcon, { "aria-label": "menu", onClick: (e) => handleMobileToggle(e, !menuMobileOpen), children: [_jsx(MenuIconBar, { isOpen: menuMobileOpen }), _jsx(MenuIconBar, { isOpen: menuMobileOpen })] }) }), _jsxs(AppBarDesktopWrapper, { children: [_jsx(LogoLink, { isMobile: isTabletAndBelow, href: "https://decentraland.org", children: _jsx(Logo, {}) }), _jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, i18n: i18nNavbar, isMobile: false })] }), _jsxs(AppBarRightWrapper, { children: [isSignedIn &&
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsx(DclAppBar, { isSubmenuOpen: toggle, isMobileOpen: menuMobileOpen, "aria-label": "navigation bar", children: _jsx(Toolbar, { children: _jsxs(AppBarWrapper, { children: [_jsx(TabletAndBelow, { children: _jsxs(MenuIcon, { "aria-label": "toggle menu", onClick: (e) => handleMobileToggle(e, !menuMobileOpen), children: [_jsx(MenuIconBar, { isOpen: menuMobileOpen, "aria-label": "menu bar" }), _jsx(MenuIconBar, { isOpen: menuMobileOpen, "aria-label": "menu bar" })] }) }), _jsxs(AppBarDesktopWrapper, { children: [_jsx(LogoLink, { isMobile: isTabletAndBelow, href: "https://decentraland.org", "aria-label": "Decentraland home", children: _jsx(Logo, {}) }), _jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, i18n: i18nNavbar, isMobile: false, "aria-label": "main navigation menu" })] }), _jsxs(AppBarRightWrapper, { children: [isSignedIn &&
|
39
39
|
onSelectChain &&
|
40
40
|
chains?.length &&
|
41
|
-
selectedChain ? (_jsx(ChainSelector, { chains: chains, selectedChain: selectedChain, chainBeingConfirmed: chainBeingConfirmed, i18n: i18nChainSelector, onSelectChain: onSelectChain })) : null, _jsx(UserMenu, { ...userMenuProps, onClickOpen: isTabletAndBelow
|
41
|
+
selectedChain ? (_jsx(ChainSelector, { chains: chains, selectedChain: selectedChain, chainBeingConfirmed: chainBeingConfirmed, i18n: i18nChainSelector, onSelectChain: onSelectChain, "aria-label": "blockchain network selector" })) : null, _jsx(UserMenu, { ...userMenuProps, onClickOpen: isTabletAndBelow
|
42
42
|
? handleUserMenuOpen
|
43
|
-
: userMenuProps.onClickOpen, isSignedIn: isSignedIn, i18n: i18nUserMenu })] })] }) }) }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, submenus: submenuItems }), _jsx(MenuModal, { open: isTabletAndBelow && menuMobileOpen, onClose: (event) => handleMobileToggle(event, false), children: _jsxs(_Fragment, { children: [_jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, isOpenOnMobile: menuMobileOpen, i18n: i18nNavbar, isMobile: true }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, isMobile: isTabletAndBelow, submenus: submenuItems })] }) })] }));
|
43
|
+
: userMenuProps.onClickOpen, isSignedIn: isSignedIn, i18n: i18nUserMenu, "aria-label": "user menu" })] })] }) }) }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, submenus: submenuItems, "aria-label": "submenu navigation" }), _jsx(MenuModal, { open: isTabletAndBelow && menuMobileOpen, onClose: (event) => handleMobileToggle(event, false), "aria-label": "mobile menu", children: _jsxs(_Fragment, { children: [_jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, isOpenOnMobile: menuMobileOpen, i18n: i18nNavbar, isMobile: true, "aria-label": "main mobile navigation menu" }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, isMobile: isTabletAndBelow, submenus: submenuItems, "aria-label": "mobile submenu navigation" })] }) })] }));
|
44
44
|
});
|
45
45
|
export { Navbar };
|
46
46
|
//# sourceMappingURL=Navbar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"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"}
|
@@ -1,18 +1,20 @@
|
|
1
|
+
interface DclAppBarProps {
|
2
|
+
isSubmenuOpen: boolean;
|
3
|
+
isMobileOpen: boolean;
|
4
|
+
}
|
5
|
+
interface LogoLinkProps {
|
6
|
+
isMobile?: boolean;
|
7
|
+
}
|
1
8
|
declare const DclAppBar: import("@emotion/styled").StyledComponent<import("@mui/material").AppBarOwnProps & Omit<import("@mui/material").PaperOwnProps, "color" | "position" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
2
9
|
ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
|
3
10
|
}, "elevation" | "color" | "position" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant" | "enableColorOnDark"> & {
|
4
11
|
theme?: import("@emotion/react").Theme;
|
5
|
-
} & {
|
6
|
-
isSubmenuOpen: boolean;
|
7
|
-
isMobileOpen: boolean;
|
8
|
-
}, {}, {}>;
|
12
|
+
} & DclAppBarProps, {}, {}>;
|
9
13
|
declare const LogoLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
10
14
|
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
11
15
|
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & {
|
12
16
|
theme?: import("@emotion/react").Theme;
|
13
|
-
} & {
|
14
|
-
isMobile?: boolean;
|
15
|
-
}, {}, {}>;
|
17
|
+
} & LogoLinkProps, {}, {}>;
|
16
18
|
declare const AppBarDesktopWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
17
19
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
18
20
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
@@ -33,12 +35,13 @@ declare const MenuIcon: import("@emotion/styled").StyledComponent<import("@mui/m
|
|
33
35
|
}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
|
34
36
|
theme?: import("@emotion/react").Theme;
|
35
37
|
}, {}, {}>;
|
38
|
+
interface MenuIconBarProps {
|
39
|
+
isOpen: boolean;
|
40
|
+
}
|
36
41
|
declare const MenuIconBar: import("@emotion/styled").StyledComponent<{
|
37
42
|
theme?: import("@emotion/react").Theme;
|
38
43
|
as?: import("react").ElementType;
|
39
|
-
} & {
|
40
|
-
isOpen: boolean;
|
41
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
44
|
+
} & MenuIconBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
42
45
|
declare const MenuModal: import("@emotion/styled").StyledComponent<import("@mui/material").ModalOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
43
46
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
44
47
|
}, "components" | "container" | "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "componentsProps" | "open" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited"> & {
|
@@ -1,7 +1,9 @@
|
|
1
1
|
import zIndex from "@mui/material/styles/zIndex";
|
2
2
|
import styled from "@emotion/styled";
|
3
|
-
import { AppBar, Box, Button, Link, Modal
|
4
|
-
const DclAppBar = styled(AppBar
|
3
|
+
import { AppBar, Box, Button, Link, Modal } from "@mui/material";
|
4
|
+
const DclAppBar = styled(AppBar, {
|
5
|
+
shouldForwardProp: (prop) => !["isSubmenuOpen", "isMobileOpen"].includes(prop),
|
6
|
+
})((props) => {
|
5
7
|
const { isSubmenuOpen, isMobileOpen } = props;
|
6
8
|
let openedStyles;
|
7
9
|
if (isSubmenuOpen || isMobileOpen) {
|
@@ -12,7 +14,9 @@ const DclAppBar = styled(AppBar)((props) => {
|
|
12
14
|
}
|
13
15
|
return { ...openedStyles };
|
14
16
|
});
|
15
|
-
const LogoLink = styled(Link
|
17
|
+
const LogoLink = styled(Link, {
|
18
|
+
shouldForwardProp: (prop) => prop !== "isMobile",
|
19
|
+
})((props) => {
|
16
20
|
const { isMobile } = props;
|
17
21
|
let mobileStyles;
|
18
22
|
if (isMobile) {
|
@@ -44,21 +48,20 @@ const AppBarRightWrapper = styled(Box)({
|
|
44
48
|
display: "flex",
|
45
49
|
alignItems: "center",
|
46
50
|
});
|
47
|
-
const MenuIcon = styled(Button)(
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
"
|
55
|
-
|
56
|
-
},
|
57
|
-
};
|
51
|
+
const MenuIcon = styled(Button)({
|
52
|
+
height: "32px",
|
53
|
+
width: "32px",
|
54
|
+
minWidth: "32px",
|
55
|
+
position: "relative",
|
56
|
+
padding: 0,
|
57
|
+
"&:hover": {
|
58
|
+
backgroundColor: "transparent",
|
59
|
+
},
|
58
60
|
});
|
59
|
-
const MenuIconBar = styled("span"
|
60
|
-
|
61
|
-
|
61
|
+
const MenuIconBar = styled("span", {
|
62
|
+
shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "active",
|
63
|
+
})((props) => {
|
64
|
+
const { isOpen, theme } = props;
|
62
65
|
let openedStyles;
|
63
66
|
if (isOpen) {
|
64
67
|
openedStyles = {
|
@@ -77,10 +80,7 @@ const MenuIconBar = styled("span")((props) => {
|
|
77
80
|
};
|
78
81
|
}
|
79
82
|
return {
|
80
|
-
transition:
|
81
|
-
duration: theme.transitions.duration.shorter,
|
82
|
-
easing: theme.transitions.easing.easeInOut,
|
83
|
-
})}`,
|
83
|
+
transition: `all 0.3s ease`,
|
84
84
|
height: "2px",
|
85
85
|
width: "100%",
|
86
86
|
backgroundColor: theme.palette.text.primary,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Navbar.styled.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"Navbar.styled.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.styled.ts"],"names":[],"mappings":"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"}
|
@@ -8,7 +8,7 @@ export const SubMenu = (props) => {
|
|
8
8
|
return (_jsx(SubMenuContainer, { children: Object.keys(submenus).map((key) => {
|
9
9
|
const section = key;
|
10
10
|
const submenu = submenus[section];
|
11
|
-
return (_jsx(MenuItemContainer, { onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), active: selectedMenu === section, section: section, isMobile: isMobile, children: _jsxs(SubMenuWrapper, { children: [isMobile && (_jsx(BackButton, { variant: "text", color: "inherit", onClick: (e) => onToggleShowSubMenu(e, false, section), startIcon: _jsx(ArrowBackIosNewRoundedIcon, {}), children: "Back" })), _jsx(SubMenuColumn, { title: submenu.column1Title, children: submenu.column1.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), _jsx(SubMenuColumn, { title: submenu.column2Title, children: submenu.column2.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), !!submenu.column3 && (_jsx(SubMenuColumn, { title: submenu.column3Title, children: submenu.column3.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }))] }) }, key));
|
11
|
+
return (_jsx(MenuItemContainer, { onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), active: selectedMenu === section, section: section, isMobile: isMobile, "aria-label": `${section.toLowerCase()} submenu section`, children: _jsxs(SubMenuWrapper, { children: [isMobile && (_jsx(BackButton, { variant: "text", color: "inherit", onClick: (e) => onToggleShowSubMenu(e, false, section), startIcon: _jsx(ArrowBackIosNewRoundedIcon, {}), "aria-label": "back to main menu", children: "Back" })), _jsx(SubMenuColumn, { title: submenu.column1Title, children: submenu.column1.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), _jsx(SubMenuColumn, { title: submenu.column2Title, children: submenu.column2.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), !!submenu.column3 && (_jsx(SubMenuColumn, { title: submenu.column3Title, children: submenu.column3.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }))] }) }, key));
|
12
12
|
}) }));
|
13
13
|
};
|
14
14
|
//# sourceMappingURL=SubMenu.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,MAAM,4CAA4C,CAAA;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,GACf,MAAM,kBAAkB,CAAA;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,gBAAgB,cACd,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACjC,MAAM,OAAO,GAAG,GAAkB,CAAA;YAClC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;YACjC,OAAO,CACL,KAAC,iBAAiB,IAEhB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAEpD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAErD,MAAM,EAAE,YAAY,KAAK,OAAO,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.tsx"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,9 @@
|
|
1
1
|
import { NavbarPages } from "../Navbar.types";
|
2
|
+
interface MenuItemContainerProps {
|
3
|
+
active: boolean;
|
4
|
+
section: NavbarPages;
|
5
|
+
isMobile?: boolean;
|
6
|
+
}
|
2
7
|
declare const SubMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
3
8
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
4
9
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
@@ -8,11 +13,7 @@ declare const MenuItemContainer: import("@emotion/styled").StyledComponent<impor
|
|
8
13
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
9
14
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
10
15
|
theme?: import("@emotion/react").Theme;
|
11
|
-
} & {
|
12
|
-
active: boolean;
|
13
|
-
section: NavbarPages;
|
14
|
-
isMobile?: boolean;
|
15
|
-
}, {}, {}>;
|
16
|
+
} & MenuItemContainerProps, {}, {}>;
|
16
17
|
declare const SubMenuWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
17
18
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
18
19
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import zIndex from "@mui/material/styles/zIndex";
|
2
2
|
import styled from "@emotion/styled";
|
3
|
-
import { Box, Button
|
3
|
+
import { Box, Button } from "@mui/material";
|
4
4
|
import CreateImage from "../../../Assets/Navbar/create-submenu.png";
|
5
5
|
import ExploreImage from "../../../Assets/Navbar/explore-submenu.png";
|
6
6
|
import GovernanceImage from "../../../Assets/Navbar/governance-submenu.png";
|
7
7
|
import LearnImage from "../../../Assets/Navbar/learn-submenu.png";
|
8
8
|
import MarketplaceImage from "../../../Assets/Navbar/marketplace-submenu.png";
|
9
9
|
import { NavbarPages } from "../Navbar.types";
|
10
|
-
const SubMenuContainer = styled(Box)(() => {
|
11
|
-
const theme =
|
10
|
+
const SubMenuContainer = styled(Box)((props) => {
|
11
|
+
const { theme } = props;
|
12
12
|
return {
|
13
13
|
[theme.breakpoints.down("sm")]: {
|
14
14
|
position: "absolute",
|
@@ -17,21 +17,21 @@ const SubMenuContainer = styled(Box)(() => {
|
|
17
17
|
};
|
18
18
|
});
|
19
19
|
const MenuItemContainer = styled(Box)((props) => {
|
20
|
-
const { active, section } = props;
|
21
|
-
const theme = useTheme();
|
20
|
+
const { active, section, theme } = props;
|
22
21
|
let modifiedStyles;
|
23
22
|
let mobileModifiedStyles;
|
24
23
|
let leftImageStyles;
|
25
24
|
const defaultStyles = {
|
26
25
|
opacity: 1,
|
27
26
|
top: "-200%",
|
27
|
+
width: "100%",
|
28
28
|
backgroundSize: "100% 100%",
|
29
29
|
backgroundPosition: "0px 0px, 0px 0px",
|
30
30
|
position: "fixed",
|
31
31
|
zIndex: 0,
|
32
32
|
left: 0,
|
33
33
|
paddingLeft: "370px",
|
34
|
-
|
34
|
+
paddingRight: "48px",
|
35
35
|
height: "328px",
|
36
36
|
minHeight: "calc(390px + 64px)",
|
37
37
|
boxShadow: "none",
|
@@ -120,13 +120,20 @@ const MenuItemContainer = styled(Box)((props) => {
|
|
120
120
|
left: 0,
|
121
121
|
backgroundSize: "auto 90%",
|
122
122
|
...leftImageStyles,
|
123
|
+
[theme.breakpoints.between("sm", "lg")]: {
|
124
|
+
backgroundImage: "none",
|
125
|
+
},
|
126
|
+
},
|
127
|
+
[theme.breakpoints.down("lg")]: {
|
128
|
+
paddingLeft: "48px",
|
129
|
+
"&::after": {
|
130
|
+
content: "none",
|
131
|
+
},
|
123
132
|
},
|
124
133
|
[theme.breakpoints.down("sm")]: {
|
125
134
|
top: "64px",
|
126
135
|
left: "150%",
|
127
136
|
height: "100vh",
|
128
|
-
paddingLeft: 0,
|
129
|
-
width: "100%",
|
130
137
|
padding: "0 25px",
|
131
138
|
margin: 0,
|
132
139
|
alignItems: "flex-start",
|
@@ -139,8 +146,8 @@ const MenuItemContainer = styled(Box)((props) => {
|
|
139
146
|
},
|
140
147
|
};
|
141
148
|
});
|
142
|
-
const SubMenuWrapper = styled(Box)(() => {
|
143
|
-
const theme =
|
149
|
+
const SubMenuWrapper = styled(Box)((props) => {
|
150
|
+
const { theme } = props;
|
144
151
|
return {
|
145
152
|
width: "100%",
|
146
153
|
display: "flex",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SubMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"SubMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.styled.ts"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { Box, Typography
|
3
|
-
const SubMenuColumnContainer = styled(Box)(() => {
|
4
|
-
const theme =
|
2
|
+
import { Box, Typography } from "@mui/material";
|
3
|
+
const SubMenuColumnContainer = styled(Box)((props) => {
|
4
|
+
const { theme } = props;
|
5
5
|
return {
|
6
6
|
display: "flex",
|
7
7
|
flexFlow: "column nowrap",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SubMenuColumn.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,
|
1
|
+
{"version":3,"file":"SubMenuColumn.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,eAAe;QACzB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,MAAM;QACnB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE;YACT,iBAAiB,EAAE,MAAM;SAC1B;QACD,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,MAAM;SACd;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAA"}
|
@@ -11,6 +11,6 @@ export const SubMenuItem = (props) => {
|
|
11
11
|
window.open(href, isExternal ? "_blank" : "_self", "noopener");
|
12
12
|
}, onClickMenuOption ? 300 : 0);
|
13
13
|
}, [onClickMenuOption, eventTrackingName, href, isExternal]);
|
14
|
-
return (_jsx(SubMenuItemContainer, { isExternal: isExternal, children: _jsxs(SubMenuLink, { href: href, onClick: handleClick, children: [_jsx(SubMenuItemTitle, { children: title }), _jsx(SubMenuItemDescription, { children: description }), isExternal && _jsx(SubMenuItemExternal, {})] }) }));
|
14
|
+
return (_jsx(SubMenuItemContainer, { isExternal: isExternal, "aria-label": "submenu item", children: _jsxs(SubMenuLink, { href: href, onClick: handleClick, isExternal: isExternal, "aria-label": `${title} - ${isExternal ? "opens in new tab" : "opens in same tab"}`, children: [_jsx(SubMenuItemTitle, { "aria-label": title, children: title }), _jsx(SubMenuItemDescription, { "aria-label": description, children: description }), isExternal && _jsx(SubMenuItemExternal, { "aria-label": "external link icon" })] }) }));
|
15
15
|
};
|
16
16
|
//# sourceMappingURL=SubMenuItem.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SubMenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuItem/SubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACZ,MAAM,sBAAsB,CAAA;AAE7B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAgD,EAAE,EAAE;QACnD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,iBAAiB;YACf,iBAAiB,CAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;QACxE,UAAU,CACR,GAAG,EAAE;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QAChE,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC,CACzD,CAAA;IAED,OAAO,CACL,KAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,
|
1
|
+
{"version":3,"file":"SubMenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuItem/SubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACZ,MAAM,sBAAsB,CAAA;AAE7B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAgD,EAAE,EAAE;QACnD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,iBAAiB;YACf,iBAAiB,CAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;QACxE,UAAU,CACR,GAAG,EAAE;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QAChE,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC,CACzD,CAAA;IAED,OAAO,CACL,KAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,gBAAa,cAAc,YACrE,MAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,gBACV,GAAG,KAAK,MAAM,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EAAE,aAEjF,KAAC,gBAAgB,kBAAa,KAAK,YAAG,KAAK,GAAoB,EAC/D,KAAC,sBAAsB,kBAAa,WAAW,YAC5C,WAAW,GACW,EACxB,UAAU,IAAI,KAAC,mBAAmB,kBAAY,oBAAoB,GAAG,IAC1D,GACO,CACxB,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,15 +1,19 @@
|
|
1
|
+
interface SubMenuItemContainerProps {
|
2
|
+
isExternal?: boolean;
|
3
|
+
}
|
4
|
+
interface SubMenuLinkProps {
|
5
|
+
isExternal?: boolean;
|
6
|
+
}
|
1
7
|
declare const SubMenuItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
2
8
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
3
9
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
4
10
|
theme?: import("@emotion/react").Theme;
|
5
|
-
} & {
|
6
|
-
isExternal?: boolean;
|
7
|
-
}, {}, {}>;
|
11
|
+
} & SubMenuItemContainerProps, {}, {}>;
|
8
12
|
declare const SubMenuLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
9
13
|
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
10
14
|
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & {
|
11
15
|
theme?: import("@emotion/react").Theme;
|
12
|
-
}, {}, {}>;
|
16
|
+
} & SubMenuLinkProps, {}, {}>;
|
13
17
|
declare const SubMenuItemTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
14
18
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
15
19
|
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|