decentraland-ui2 0.4.2 → 0.4.3-10740116152.commit-f0b1652

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. package/dist/Assets/Navbar/create-submenu.png +0 -0
  2. package/dist/Assets/Navbar/explore-submenu.png +0 -0
  3. package/dist/Assets/Navbar/governance-submenu.png +0 -0
  4. package/dist/Assets/Navbar/learn-submenu.png +0 -0
  5. package/dist/Assets/Navbar/marketplace-submenu.png +0 -0
  6. package/dist/components/ChainSelector/ChainSelector.d.ts +2 -1
  7. package/dist/components/ChainSelector/ChainSelector.js +3 -3
  8. package/dist/components/ChainSelector/ChainSelector.js.map +1 -1
  9. package/dist/components/ChainSelector/ChainSelector.styled.js +15 -10
  10. package/dist/components/ChainSelector/ChainSelector.styled.js.map +1 -1
  11. package/dist/components/Logo/Logo.d.ts +4 -0
  12. package/dist/components/Logo/Logo.js +8 -0
  13. package/dist/components/Logo/Logo.js.map +1 -0
  14. package/dist/components/Logo/Logo.stories.d.ts +7 -0
  15. package/dist/components/Logo/Logo.stories.js +12 -0
  16. package/dist/components/Logo/Logo.stories.js.map +1 -0
  17. package/dist/components/Logo/Logo.styled.d.ts +6 -0
  18. package/dist/components/Logo/Logo.styled.js +13 -0
  19. package/dist/components/Logo/Logo.styled.js.map +1 -0
  20. package/dist/components/Modal/Modal.styled.js +3 -2
  21. package/dist/components/Modal/Modal.styled.js.map +1 -1
  22. package/dist/components/Modal/Modal.types.d.ts +1 -1
  23. package/dist/components/Navbar/MainMenu/MainMenu.d.ts +2 -0
  24. package/dist/components/Navbar/MainMenu/MainMenu.js +10 -0
  25. package/dist/components/Navbar/MainMenu/MainMenu.js.map +1 -0
  26. package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts +8 -0
  27. package/dist/components/Navbar/MainMenu/MainMenu.styled.js +38 -0
  28. package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map +1 -0
  29. package/dist/components/Navbar/MainMenu/MainMenu.types.d.ts +8 -0
  30. package/dist/components/Navbar/MainMenu/MainMenu.types.js +2 -0
  31. package/dist/components/Navbar/MainMenu/MainMenu.types.js.map +1 -0
  32. package/dist/components/Navbar/MenuItem/MenuItem.d.ts +3 -0
  33. package/dist/components/Navbar/MenuItem/MenuItem.js +15 -0
  34. package/dist/components/Navbar/MenuItem/MenuItem.js.map +1 -0
  35. package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts +13 -0
  36. package/dist/components/Navbar/MenuItem/MenuItem.styled.js +54 -0
  37. package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map +1 -0
  38. package/dist/components/Navbar/MenuItem/MenuItem.types.d.ts +9 -0
  39. package/dist/components/Navbar/MenuItem/MenuItem.types.js +2 -0
  40. package/dist/components/Navbar/MenuItem/MenuItem.types.js.map +1 -0
  41. package/dist/components/Navbar/Navbar.d.ts +4 -0
  42. package/dist/components/Navbar/Navbar.defaults.d.ts +6 -0
  43. package/dist/components/Navbar/Navbar.defaults.js +220 -0
  44. package/dist/components/Navbar/Navbar.defaults.js.map +1 -0
  45. package/dist/components/Navbar/Navbar.js +46 -0
  46. package/dist/components/Navbar/Navbar.js.map +1 -0
  47. package/dist/components/Navbar/Navbar.stories.d.ts +9 -0
  48. package/dist/components/Navbar/Navbar.stories.js +61 -0
  49. package/dist/components/Navbar/Navbar.stories.js.map +1 -0
  50. package/dist/components/Navbar/Navbar.styled.d.ts +47 -0
  51. package/dist/components/Navbar/Navbar.styled.js +106 -0
  52. package/dist/components/Navbar/Navbar.styled.js.map +1 -0
  53. package/dist/components/Navbar/Navbar.types.d.ts +57 -0
  54. package/dist/components/Navbar/Navbar.types.js +10 -0
  55. package/dist/components/Navbar/Navbar.types.js.map +1 -0
  56. package/dist/components/Navbar/SubMenu/SubMenu.d.ts +2 -0
  57. package/dist/components/Navbar/SubMenu/SubMenu.js +14 -0
  58. package/dist/components/Navbar/SubMenu/SubMenu.js.map +1 -0
  59. package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts +26 -0
  60. package/dist/components/Navbar/SubMenu/SubMenu.styled.js +156 -0
  61. package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map +1 -0
  62. package/dist/components/Navbar/SubMenu/SubMenu.types.d.ts +13 -0
  63. package/dist/components/Navbar/SubMenu/SubMenu.types.js +2 -0
  64. package/dist/components/Navbar/SubMenu/SubMenu.types.js.map +1 -0
  65. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.d.ts +3 -0
  66. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js +9 -0
  67. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js.map +1 -0
  68. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.d.ts +11 -0
  69. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js +33 -0
  70. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map +1 -0
  71. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.d.ts +5 -0
  72. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js +2 -0
  73. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js.map +1 -0
  74. package/dist/components/Navbar/SubMenuItem/SubMenuItem.d.ts +2 -0
  75. package/dist/components/Navbar/SubMenuItem/SubMenuItem.js +16 -0
  76. package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map +1 -0
  77. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts +28 -0
  78. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js +65 -0
  79. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map +1 -0
  80. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.d.ts +13 -0
  81. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js +2 -0
  82. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js.map +1 -0
  83. package/dist/components/Navbar/index.d.ts +2 -0
  84. package/dist/components/Navbar/index.js +3 -0
  85. package/dist/components/Navbar/index.js.map +1 -0
  86. package/dist/components/Notifications/Notifications.types.d.ts +3 -2
  87. package/dist/components/Notifications/NotificationsFeed.types.d.ts +2 -1
  88. package/dist/components/Notifications/NotificationsFeedTabs.js +1 -1
  89. package/dist/components/Notifications/NotificationsFeedTabs.js.map +1 -1
  90. package/dist/components/Notifications/NotificationsFeedTabs.types.d.ts +2 -1
  91. package/dist/components/Notifications/index.d.ts +3 -2
  92. package/dist/components/Notifications/index.js +1 -1
  93. package/dist/components/Notifications/index.js.map +1 -1
  94. package/dist/components/Notifications/types.d.ts +2 -1
  95. package/dist/components/Notifications/types.js +1 -1
  96. package/dist/components/Notifications/types.js.map +1 -1
  97. package/dist/components/UserMenu/ManaBalances/index.d.ts +1 -1
  98. package/dist/components/UserMenu/UserMenu.js +1 -1
  99. package/dist/components/UserMenu/UserMenu.js.map +1 -1
  100. package/dist/components/UserMenu/UserMenu.styled.js +12 -7
  101. package/dist/components/UserMenu/UserMenu.styled.js.map +1 -1
  102. package/dist/components/UserMenu/UserMenu.types.d.ts +3 -2
  103. package/dist/components/UserMenu/UserMenu.types.js.map +1 -1
  104. package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js +35 -29
  105. package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js.map +1 -1
  106. package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.d.ts +2 -2
  107. package/dist/components/UserMenu/index.d.ts +2 -2
  108. package/dist/config/env/dev.json +4 -2
  109. package/dist/config/env/prod.json +4 -2
  110. package/dist/config/env/stg.json +5 -3
  111. package/dist/data/notifications.d.ts +1 -1
  112. package/dist/data/notifications.js +1 -1
  113. package/dist/data/notifications.js.map +1 -1
  114. package/dist/theme/index.js +9 -0
  115. package/dist/theme/index.js.map +1 -1
  116. package/package.json +2 -2
@@ -1,2 +1,3 @@
1
+ import React from "react";
1
2
  import { type ChainSelectorProps } from "./ChainSelector.types";
2
- export declare const ChainSelector: (props: ChainSelectorProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ChainSelector: React.MemoExoticComponent<(props: ChainSelectorProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useCallback, useEffect, useRef, useState } from "react";
2
+ import React, { useCallback, useEffect, useRef, useState } from "react";
3
3
  import { ChainId, getChainName } from "@dcl/schemas";
4
4
  import ClearRoundedIcon from "@mui/icons-material/ClearRounded";
5
5
  import { Modal, Typography } from "@mui/material";
@@ -7,7 +7,7 @@ import { IconChain } from "../IconChain/IconChain";
7
7
  import { useTabletAndBelowMediaQuery } from "../Media";
8
8
  import { ChainNameIconMap, } from "./ChainSelector.types";
9
9
  import { ChainButton, ChainSelectorCloseButton, ChainSelectorContainer, ChainSelectorModalTitleContainer, ChainSelectorWrapper, ConfirmLabel, ConnectedLabel, SelectorButton, } from "./ChainSelector.styled";
10
- export const ChainSelector = (props) => {
10
+ export const ChainSelector = React.memo((props) => {
11
11
  const { chains, selectedChain, chainBeingConfirmed, i18n, onSelectChain } = props;
12
12
  const chainBeingConfirmedRef = useRef(chainBeingConfirmed);
13
13
  const isMobileOrTablet = useTabletAndBelowMediaQuery();
@@ -37,5 +37,5 @@ export const ChainSelector = (props) => {
37
37
  : getChainName(chain);
38
38
  return (_jsxs(ChainButton, { variant: "text", color: "secondary", startIcon: _jsx(IconChain, { icon: ChainNameIconMap[chain] }), onClick: () => onSelectChainHandler(chain), isSelected: selectedChain === chain, children: [chainName, selectedChain === chain ? (_jsx(ConnectedLabel, { children: i18n.connected })) : chainBeingConfirmed && chain === chainBeingConfirmed ? (_jsx(ConfirmLabel, { children: i18n.confirmInWallet })) : null] }, chain));
39
39
  }) })] }) })] }));
40
- };
40
+ });
41
41
  //# sourceMappingURL=ChainSelector.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.tsx"],"names":[],"mappings":"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"}
@@ -29,8 +29,9 @@ const CommonButtonStyle = styled(Button)(() => {
29
29
  };
30
30
  });
31
31
  const SelectorButton = styled(CommonButtonStyle)(() => {
32
+ const theme = useTheme();
32
33
  return {
33
- "@media (max-width: 991px)": {
34
+ [theme.breakpoints.down("sm")]: {
34
35
  "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
35
36
  paddingLeft: "0",
36
37
  paddingRight: "0",
@@ -51,7 +52,7 @@ const ChainButton = styled(CommonButtonStyle)((props) => {
51
52
  background = theme.palette.action.hover;
52
53
  }
53
54
  return {
54
- alignItems: "flex-start",
55
+ alignItems: "center",
55
56
  justifyContent: "flex-start",
56
57
  marginBottom: "8px",
57
58
  "&.MuiButton-sizeMedium.MuiButton-textSecondary:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
@@ -109,6 +110,7 @@ const ChainSelectorModal = styled(Modal)({
109
110
  },
110
111
  });
111
112
  const ChainSelectorContainer = styled(Paper)(() => {
113
+ const theme = useTheme();
112
114
  return {
113
115
  position: "absolute",
114
116
  top: "50%",
@@ -116,7 +118,7 @@ const ChainSelectorContainer = styled(Paper)(() => {
116
118
  transform: "translate(-50%, -50%)",
117
119
  width: "360px",
118
120
  borderRadius: "12px",
119
- "@media (max-width: 700px)": {
121
+ [theme.breakpoints.down("xs")]: {
120
122
  minWidth: "100vw",
121
123
  maxWidth: "100vw",
122
124
  minHeight: "100vh",
@@ -129,13 +131,16 @@ const ChainSelectorContainer = styled(Paper)(() => {
129
131
  },
130
132
  };
131
133
  });
132
- const ChainSelectorWrapper = styled(Box)({
133
- display: "flex",
134
- flexDirection: "column",
135
- margin: "16px",
136
- "@media (max-width: 991px)": {
137
- padding: "5px",
138
- },
134
+ const ChainSelectorWrapper = styled(Box)(() => {
135
+ const theme = useTheme();
136
+ return {
137
+ display: "flex",
138
+ flexDirection: "column",
139
+ margin: "16px",
140
+ [theme.breakpoints.down("sm")]: {
141
+ padding: "5px",
142
+ },
143
+ };
139
144
  });
140
145
  const ChainSelectorModalTitleContainer = styled(Box)({
141
146
  display: "flex",
@@ -1 +1 @@
1
- {"version":3,"file":"ChainSelector.styled.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.styled.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChainSelector.styled.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.styled.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { SvgIconProps } from "@mui/material/SvgIcon";
3
+ declare const Logo: React.MemoExoticComponent<(props: SvgIconProps) => import("react/jsx-runtime").JSX.Element>;
4
+ export { Logo };
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import { LogoContainer } from "./Logo.styled";
4
+ const Logo = React.memo((props) => {
5
+ return (_jsx(LogoContainer, { ...props, children: _jsxs("svg", { width: "90", height: "90", viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45 89.9999C69.8528 89.9999 89.9999 69.8528 89.9999 45C89.9999 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 89.9999 45 89.9999Z", fill: "url(#paint0_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 80.9996C25.515 86.6471 34.875 89.9996 45 89.9996C55.125 89.9996 64.485 86.6471 72 80.9996H18Z", fill: "#FF2D55" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.00008 71.9996C11.5651 75.3971 14.6026 78.4346 18.0001 80.9996H72C75.3975 78.4346 78.435 75.3971 81 71.9996H9.00008Z", fill: "#FFA25A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 62.9997H3.75757C5.15257 66.2172 6.93007 69.2322 9.00006 71.9997H60.39V62.9997H60.3675Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8826 29.2496V62.9996H60.0075L31.8826 29.2496Z", fill: "url(#paint1_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75757 62.9997H31.8826V29.2497L3.75757 62.9997Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 47.25V72H81L60.3675 47.25Z", fill: "url(#paint2_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.7574 72H60.3674V47.25L39.7574 72Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 40.4997C66.5807 40.4997 71.6175 35.4629 71.6175 29.2497C71.6175 23.0365 66.5807 17.9997 60.3675 17.9997C54.1543 17.9997 49.1175 23.0365 49.1175 29.2497C49.1175 35.4629 54.1543 40.4997 60.3675 40.4997Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8824 22.4997C34.989 22.4997 37.5074 19.9813 37.5074 16.8747C37.5074 13.7681 34.989 11.2497 31.8824 11.2497C28.7758 11.2497 26.2574 13.7681 26.2574 16.8747C26.2574 19.9813 28.7758 22.4997 31.8824 22.4997Z", fill: "#FFC95B" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_1_49380", x1: "45", y1: "-18.6396", x2: "-18.6396", y2: "45", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF2D55" }), _jsx("stop", { offset: "1", stopColor: "#FFBC5B" })] }), _jsxs("linearGradient", { id: "paint1_linear_1_49380", x1: "31.8731", y1: "29.2497", x2: "31.8731", y2: "62.9996", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] }), _jsxs("linearGradient", { id: "paint2_linear_1_49380", x1: "60.3605", y1: "47.25", x2: "60.3605", y2: "72", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] })] })] }) }));
6
+ });
7
+ export { Logo };
8
+ //# sourceMappingURL=Logo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IAC9C,OAAO,CACL,KAAC,aAAa,OAAK,KAAK,YACtB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wHAAwH,EAC1H,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uCAAuC,EACzC,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,IACZ,IACH,GACQ,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { SvgIconProps } from "@mui/material";
2
+ import type { Meta, StoryObj } from "@storybook/react";
3
+ declare const meta: Meta;
4
+ type Story = StoryObj<SvgIconProps>;
5
+ declare const Decentraland: Story;
6
+ export default meta;
7
+ export { Decentraland };
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Logo } from "./Logo";
3
+ const meta = {
4
+ component: Logo,
5
+ title: "Decentraland UI/Logo",
6
+ render: () => _jsx(Logo, {}),
7
+ };
8
+ const Decentraland = {};
9
+ // eslint-disable-next-line import/no-default-export
10
+ export default meta;
11
+ export { Decentraland };
12
+ //# sourceMappingURL=Logo.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,MAAM,IAAI,GAAS;IACjB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,KAAG;CACvB,CAAA;AAID,MAAM,YAAY,GAAU,EAAE,CAAA;AAE9B,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
2
+ ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
3
+ }, "style" | "color" | "fontSize" | "shapeRendering" | "classes" | "className" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
4
+ theme?: import("@emotion/react").Theme;
5
+ }, {}, {}>;
6
+ export { LogoContainer };
@@ -0,0 +1,13 @@
1
+ import styled from "@emotion/styled";
2
+ import { SvgIcon, useTheme } from "@mui/material";
3
+ const LogoContainer = styled(SvgIcon)(() => {
4
+ const theme = useTheme();
5
+ return {
6
+ fontSize: "36px",
7
+ [theme.breakpoints.down("xs")]: {
8
+ fontSize: "32px",
9
+ },
10
+ };
11
+ });
12
+ export { LogoContainer };
13
+ //# sourceMappingURL=Logo.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Logo.styled.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,QAAQ,EAAE,MAAM;QAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,MAAM;SACjB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,aAAa,EAAE,CAAA"}
@@ -1,6 +1,7 @@
1
1
  import styled from "@emotion/styled";
2
- import { Box as BoxMui, Paper as PaperMui } from "@mui/material";
2
+ import { Box as BoxMui, Paper as PaperMui, useTheme } from "@mui/material";
3
3
  const ModalContainer = styled(PaperMui)((props) => {
4
+ const theme = useTheme();
4
5
  let size = "900px";
5
6
  if (props.size === "tiny") {
6
7
  size = "540px";
@@ -16,7 +17,7 @@ const ModalContainer = styled(PaperMui)((props) => {
16
17
  width: size,
17
18
  borderRadius: "12px",
18
19
  overflow: "hidden",
19
- "@media (max-width: 700px)": {
20
+ [theme.breakpoints.down("xs")]: {
20
21
  minWidth: "100vw",
21
22
  maxWidth: "100vw",
22
23
  minHeight: "100vh",
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGhE,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAA+B,EAAE,EAAE;IAC1E,IAAI,IAAI,GAAG,OAAO,CAAA;IAClB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAClC,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,UAAmB;QAC7B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,2BAA2B,EAAE;YAC3B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;YACZ,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,iBAAiB;SAC7B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,2CAA2C,EAAE;QAC3C,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
1
+ {"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,KAAK,IAAI,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG1E,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAA+B,EAAE,EAAE;IAC1E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,IAAI,GAAG,OAAO,CAAA;IAClB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAClC,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,UAAmB;QAC7B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;YACZ,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,iBAAiB;SAC7B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,2CAA2C,EAAE;QAC3C,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
@@ -9,4 +9,4 @@ type ModalProps = {
9
9
  onClose?: React.MouseEventHandler<HTMLButtonElement>;
10
10
  onBack?: React.MouseEventHandler<HTMLButtonElement>;
11
11
  };
12
- export { ModalProps };
12
+ export type { ModalProps };
@@ -0,0 +1,2 @@
1
+ import { MainMenuProps } from "./MainMenu.types";
2
+ export declare const MainMenu: (props: MainMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { config } from "../../../config";
3
+ import { MenuItem } from "../MenuItem/MenuItem";
4
+ import { NavbarPages } from "../Navbar.types";
5
+ import { MainMenuContainer } from "./MainMenu.styled";
6
+ export const MainMenu = (props) => {
7
+ const { i18n, isOpenOnMobile, ...menuItemProps } = props;
8
+ return (_jsxs(MainMenuContainer, { isOpenOnMobile: isOpenOnMobile, children: [_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.MARKETPLACE, title: i18n.marketplace, mainUrl: config.get("MARKETPLACE_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.CREATE, title: i18n.create, mainUrl: config.get("CREATE_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXPLORE, title: i18n.explore, mainUrl: config.get("EVENTS_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.LEARN, title: i18n.learn, mainUrl: config.get("LEARN_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.GOVERNANCE, title: i18n.governance, mainUrl: config.get("GOVERNANCE_URL") })] }));
9
+ };
10
+ //# sourceMappingURL=MainMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,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;IACxD,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,EAAE,cAAc,aAC/C,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,WAAW,EAChC,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,GACtC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,GACjC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,GACjC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,KAAK,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAChC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,UAAU,EAC/B,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,GACrC,IACgB,CACrB,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,8 @@
1
+ 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
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
4
+ theme?: import("@emotion/react").Theme;
5
+ } & {
6
+ isOpenOnMobile?: boolean;
7
+ }, {}, {}>;
8
+ export { MainMenuContainer };
@@ -0,0 +1,38 @@
1
+ import zIndex from "@mui/material/styles/zIndex";
2
+ import styled from "@emotion/styled";
3
+ import { Box, useTheme } from "@mui/material";
4
+ const MainMenuContainer = styled(Box)((props) => {
5
+ const { isOpenOnMobile } = props;
6
+ const theme = useTheme();
7
+ let mobileOpenedStyles;
8
+ if (isOpenOnMobile) {
9
+ mobileOpenedStyles = {
10
+ top: "56px",
11
+ };
12
+ }
13
+ return {
14
+ display: "flex",
15
+ height: "64px",
16
+ marginLeft: "10px",
17
+ [theme.breakpoints.down("sm")]: {
18
+ position: "absolute",
19
+ flexDirection: "column",
20
+ alignItems: "flex-start",
21
+ justifyContent: "flex-start",
22
+ backgroundColor: theme.palette.background.default,
23
+ width: "100vw",
24
+ height: "100vh",
25
+ top: "-150vh",
26
+ left: 0,
27
+ marginLeft: 0,
28
+ zIndex: zIndex.mobileStepper,
29
+ transition: `${theme.transitions.create(["top"], {
30
+ duration: theme.transitions.duration.shorter,
31
+ easing: theme.transitions.easing.easeInOut,
32
+ })}`,
33
+ ...mobileOpenedStyles,
34
+ },
35
+ };
36
+ });
37
+ export { MainMenuContainer };
38
+ //# sourceMappingURL=MainMenu.styled.js.map
@@ -0,0 +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,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAmC,EAAE,EAAE;IAC5E,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,kBAAkB,CAAA;IACtB,IAAI,cAAc,EAAE,CAAC;QACnB,kBAAkB,GAAG;YACnB,GAAG,EAAE,MAAM;SACZ,CAAA;IACH,CAAC;IACD,OAAO;QACL,OAAO,EAAE,MAAe;QACxB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,UAAmB;YAC7B,aAAa,EAAE,QAAiB;YAChC,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YACjD,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,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC/C,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC5C,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC3C,CAAC,EAAE;YACJ,GAAG,kBAAkB;SACtB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { NavbarMenuI18nProps, NavbarPages } from "../Navbar.types";
2
+ export type MainMenuProps = {
3
+ activePage: NavbarPages | string;
4
+ onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement, MouseEvent>, show: boolean, section: NavbarPages) => void;
5
+ i18n: NavbarMenuI18nProps;
6
+ isMobile?: boolean;
7
+ isOpenOnMobile?: boolean;
8
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MainMenu.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { MenuItemProps } from "./MenuItem.types";
2
+ declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
3
+ export { MenuItem };
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useCallback } from "react";
3
+ import ArrowForwardRoundedIcon from "@mui/icons-material/ArrowForwardRounded";
4
+ import { MenuItemContainer, MenuItemTitle } from "./MenuItem.styled";
5
+ const MenuItem = (props) => {
6
+ const { activePage, section, title, onToggleShowSubMenu, mainUrl, isMobile } = props;
7
+ const mainRedirect = useCallback(() => {
8
+ mainUrl && window.open(mainUrl, "_self");
9
+ }, [mainUrl]);
10
+ return (_jsxs(MenuItemContainer, { active: activePage === section, onClick: (e) => {
11
+ isMobile && onToggleShowSubMenu(e, true, section);
12
+ }, onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, {})] }));
13
+ };
14
+ export { MenuItem };
15
+ //# sourceMappingURL=MenuItem.js.map
@@ -0,0 +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,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,QAAQ,EAAE,GAC1E,KAAK,CAAA;IAEP,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,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACnD,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,aAExE,KAAC,aAAa,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,YACrD,KAAK,GACQ,EACf,QAAQ,IAAI,KAAC,uBAAuB,KAAG,IACtB,CACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,13 @@
1
+ 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
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
4
+ theme?: import("@emotion/react").Theme;
5
+ } & {
6
+ active: boolean;
7
+ }, {}, {}>;
8
+ 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"> & {
9
+ ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
10
+ }, "p" | "style" | "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" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
11
+ theme?: import("@emotion/react").Theme;
12
+ }, {}, {}>;
13
+ export { MenuItemContainer, MenuItemTitle };
@@ -0,0 +1,54 @@
1
+ import styled from "@emotion/styled";
2
+ import { Box, Typography, useTheme } from "@mui/material";
3
+ const MenuItemContainer = styled(Box)((props) => {
4
+ const { active } = props;
5
+ const theme = useTheme();
6
+ let modifiedStyles;
7
+ if (active) {
8
+ modifiedStyles = {
9
+ fontWeight: "bold",
10
+ color: theme.palette.text.primary,
11
+ };
12
+ }
13
+ return {
14
+ backgroundColor: "transparent",
15
+ display: "flex",
16
+ cursor: "pointer",
17
+ alignItems: "center",
18
+ margin: "0 0 0 0",
19
+ padding: "0 10px",
20
+ border: 0,
21
+ color: theme.palette.text.secondary,
22
+ fontWeight: "normal",
23
+ ...modifiedStyles,
24
+ "& :hover": {
25
+ color: theme.palette.text.primary,
26
+ },
27
+ [theme.breakpoints.down("sm")]: {
28
+ padding: "40px 0 23.66px",
29
+ fontSize: "20px",
30
+ fontStyle: "normal",
31
+ fontWeight: "normal",
32
+ lineHeight: "18px",
33
+ color: theme.palette.text.primary,
34
+ borderBottomColor: theme.palette.text.primary,
35
+ borderBottomStyle: "solid",
36
+ borderBottomWidth: "1px",
37
+ width: "calc(100% - 50px)",
38
+ margin: "0 25px",
39
+ justifyContent: "space-between",
40
+ },
41
+ };
42
+ });
43
+ const MenuItemTitle = styled(Typography)(() => {
44
+ const theme = useTheme();
45
+ return {
46
+ textTransform: "capitalize",
47
+ fontWeight: "inherit",
48
+ [theme.breakpoints.down("sm")]: {
49
+ color: theme.palette.text.primary,
50
+ },
51
+ };
52
+ });
53
+ export { MenuItemContainer, MenuItemTitle };
54
+ //# sourceMappingURL=MenuItem.styled.js.map
@@ -0,0 +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,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAA0B,EAAE,EAAE;IACnE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,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,aAAa;QAC9B,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,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,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,OAAgB;YACnC,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,CAAC,CAAC,GAAG,EAAE;IAC5C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,aAAa,EAAE,YAAqB;QACpC,UAAU,EAAE,SAAS;QACrB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { NavbarPages } from "../Navbar.types";
2
+ export type MenuItemProps = {
3
+ activePage: NavbarPages | string;
4
+ section: NavbarPages;
5
+ title: React.ReactNode;
6
+ onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement>, show: boolean, section: NavbarPages) => void;
7
+ mainUrl?: string;
8
+ isMobile?: boolean;
9
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MenuItem.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { NavbarProps } from "./Navbar.types";
3
+ declare const Navbar: React.MemoExoticComponent<(props: NavbarProps) => import("react/jsx-runtime").JSX.Element>;
4
+ export { Navbar };
@@ -0,0 +1,6 @@
1
+ import { ChainSelectori18n } from "../ChainSelector/ChainSelector.types";
2
+ import { NavbarMenuI18nProps, NavbarSubmenuProps } from "./Navbar.types";
3
+ declare const navbarMainTitlesI18N: NavbarMenuI18nProps;
4
+ declare const i18nChainSelectorDefault: ChainSelectori18n;
5
+ declare const navbarSubmenu: NavbarSubmenuProps;
6
+ export { navbarMainTitlesI18N, i18nChainSelectorDefault, navbarSubmenu };