decentraland-ui2 2.5.3 → 3.0.0

package/dist/components/Navbar/UserCardPanel.styled.js

@@ -0,0 +1,392 @@
+import styled from '@emotion/styled';
+import * as colors from '../../theme/colors';
+import { DESKTOP_BREAKPOINT, GLASS_BG, GLASS_BLUR, GLASS_BORDER, GLASS_SHADOW, MOBILE_BREAKPOINT, avatarPulse, slideDown } from './Navbar.styled';
+const AvatarButton = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    flexShrink: 0,
+    borderRadius: 100,
+    backgroundColor: '#FF4BED',
+    border: '2px solid rgba(255, 255, 255, 0.5)',
+    overflow: 'hidden',
+    [MOBILE_BREAKPOINT]: {
+        width: 40,
+        height: 40
+    },
+    [DESKTOP_BREAKPOINT]: {
+        width: 48,
+        height: 48
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2
+    },
+    '&.loading': {
+        animation: `${avatarPulse} 1.5s ease-in-out infinite`
+    }
+});
+const AvatarImage = styled('img')({
+    borderRadius: 100,
+    objectFit: 'cover',
+    width: '100%',
+    height: '100%'
+});
+const UserCardWrapper = styled('div')({
+    position: 'relative'
+});
+const UserCard = styled('div')({
+    position: 'fixed',
+    top: 92,
+    right: 54,
+    zIndex: 1201,
+    background: GLASS_BG,
+    backdropFilter: GLASS_BLUR,
+    WebkitBackdropFilter: GLASS_BLUR,
+    border: GLASS_BORDER,
+    borderRadius: 12,
+    boxShadow: GLASS_SHADOW,
+    display: 'none',
+    padding: 12,
+    gap: 24,
+    animation: `${slideDown} 0.15s ease forwards`,
+    minWidth: 484,
+    [DESKTOP_BREAKPOINT]: {
+        display: 'flex'
+    }
+});
+const UserCardAvatarContainer = styled('div')({
+    width: 151,
+    minHeight: 240,
+    borderRadius: 12,
+    border: '0.5px solid #c640cd',
+    background: 'linear-gradient(180deg, rgba(198, 64, 205, 0.2) 0%, rgba(105, 31, 169, 0.2) 100%)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden',
+    flexShrink: 0
+});
+const UserCardAvatarBody = styled('img')({
+    width: '100%',
+    height: 'auto',
+    objectFit: 'contain',
+    objectPosition: 'center'
+});
+const UserCardMenu = styled('div')({
+    display: 'flex',
+    flexDirection: 'column',
+    paddingRight: 12,
+    paddingTop: 4,
+    paddingBottom: 4,
+    flex: 1,
+    minWidth: 0,
+    [MOBILE_BREAKPOINT]: {
+        gap: 12
+    }
+});
+const UserCardName = styled('span')({
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 600,
+    fontSize: 20,
+    color: colors.neutral.softWhite,
+    marginBottom: 4,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+});
+const UserCardAddressLabel = styled('span')({
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 14,
+    color: colors.neutral.gray4
+});
+const UserCardAddress = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 14,
+    color: colors.neutral.softWhite,
+    lineHeight: 1.75
+});
+const UserCardCopyButton = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: colors.neutral.softWhite,
+    opacity: 0.7,
+    transition: 'opacity 0.15s ease',
+    '&:hover': {
+        opacity: 1
+    }
+});
+const UserCardMenuItem = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 12,
+    padding: '8px 16px',
+    borderRadius: 12,
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    lineHeight: 1.75,
+    color: colors.neutral.gray4,
+    textDecoration: 'none',
+    whiteSpace: 'nowrap',
+    cursor: 'pointer',
+    transition: 'color 0.15s ease, background-color 0.15s ease',
+    '&:hover': {
+        color: colors.neutral.white,
+        backgroundColor: 'rgba(255, 255, 255, 0.05)'
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2
+    },
+    '& svg': {
+        width: 20,
+        height: 20,
+        flexShrink: 0
+    }
+});
+const UserCardDivider = styled('div')({
+    height: 0.5,
+    backgroundColor: 'rgba(255, 255, 255, 0.1)',
+    margin: '8px 0'
+});
+const UserCardLogout = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 12,
+    padding: '12px 16px',
+    borderRadius: 12,
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    lineHeight: 1.75,
+    color: colors.neutral.gray4,
+    cursor: 'pointer',
+    whiteSpace: 'nowrap',
+    transition: 'color 0.15s ease',
+    '&:hover': {
+        color: colors.base.primary
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2
+    },
+    '& svg': {
+        width: 18,
+        height: 18
+    }
+});
+const ChainOption = styled('button')(({ selected }) => ({
+    all: 'unset',
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    width: '100%',
+    boxSizing: 'border-box',
+    padding: '4px 16px',
+    paddingLeft: selected ? 16 : 16,
+    borderRadius: 4,
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontSize: 12,
+    fontWeight: 400,
+    letterSpacing: 0.46,
+    textTransform: 'uppercase',
+    color: 'white',
+    cursor: 'pointer',
+    transition: 'background-color 0.15s ease, color 0.15s ease',
+    background: selected ? 'rgba(255, 255, 255, 0.2)' : 'transparent',
+    '&:hover': {
+        background: selected ? 'rgba(255, 255, 255, 0.2)' : 'rgba(255, 255, 255, 0.1)'
+    },
+    '& svg': {
+        width: 16,
+        height: 16,
+        flexShrink: 0
+    },
+    ...(selected
+        ? {
+            '&::before': {
+                content: '""',
+                position: 'absolute',
+                left: 4,
+                top: '50%',
+                transform: 'translateY(-50%)',
+                width: 8,
+                height: 8,
+                borderRadius: 4,
+                backgroundColor: '#34CE77'
+            }
+        }
+        : {})
+}));
+const MobileUserCard = styled('div')({
+    position: 'fixed',
+    top: 64,
+    left: 0,
+    right: 0,
+    zIndex: 1201,
+    background: GLASS_BG,
+    backdropFilter: GLASS_BLUR,
+    WebkitBackdropFilter: GLASS_BLUR,
+    boxShadow: GLASS_SHADOW,
+    padding: '24px 12px',
+    animation: `${slideDown} 0.15s ease forwards`,
+    [DESKTOP_BREAKPOINT]: {
+        display: 'none'
+    }
+});
+const MobileUserCardTop = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 12,
+    paddingBottom: 8
+});
+const MobileUserCardAvatar = styled('div')({
+    width: 73,
+    height: 73,
+    borderRadius: 100,
+    border: '3px solid rgba(255, 255, 255, 0.5)',
+    backgroundColor: '#FF4BED',
+    overflow: 'hidden',
+    flexShrink: 0,
+    '&.loading': {
+        animation: `${avatarPulse} 1.5s ease-in-out infinite`
+    }
+});
+const MobileUserCardInfo = styled('div')({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    minWidth: 0
+});
+const MobileUserCardName = styled('span')({
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 600,
+    fontSize: 20,
+    color: colors.neutral.softWhite,
+    marginBottom: 4,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+});
+const MobileUserCardAddressLabel = styled('span')({
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 14,
+    color: colors.neutral.gray4
+});
+const MobileUserCardAddress = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6,
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 14,
+    color: colors.neutral.softWhite,
+    lineHeight: 1.75
+});
+const MobileUserCardCopyButton = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: colors.neutral.softWhite,
+    transition: 'opacity 0.15s ease',
+    '&:hover': {
+        opacity: 0.7
+    },
+    '& svg': {
+        width: 20,
+        height: 20
+    }
+});
+const UserCardChainOptions = styled('div')({
+    position: 'absolute',
+    top: 'calc(100% + 4px)',
+    left: 0,
+    minWidth: 150,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    padding: 4,
+    background: colors.neutral.gray0,
+    backdropFilter: 'blur(12.5px)',
+    WebkitBackdropFilter: 'blur(12.5px)',
+    border: '0.5px solid #5E5B67',
+    borderRadius: 8,
+    boxShadow: '0 2px 20px rgba(0, 0, 0, 0.25)',
+    zIndex: 10
+});
+const BalanceAndChainRow = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    gap: '12px 24px',
+    paddingTop: 8,
+    width: '100%'
+});
+const ManaBalancesGroup = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6
+});
+const ManaBalanceClickable = styled('div')(({ clickable }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 2,
+    cursor: clickable ? 'pointer' : 'default',
+    color: 'white'
+}));
+const ManaBalanceValue = styled('span')({
+    fontFamily: 'Inter, sans-serif',
+    fontWeight: 600,
+    fontSize: 16,
+    letterSpacing: -0.8,
+    whiteSpace: 'nowrap'
+});
+const ChainPillContainer = styled('div')({
+    position: 'relative'
+});
+const ChainPillButton = styled('div')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+    width: 150,
+    padding: '4px 4px 4px 8px',
+    backgroundColor: colors.neutral.gray0,
+    borderRadius: 8,
+    cursor: 'pointer',
+    whiteSpace: 'nowrap',
+    boxSizing: 'border-box'
+});
+const ChainPillIconWrapper = styled('div')({
+    width: 16,
+    height: 16,
+    display: 'flex',
+    flexShrink: 0
+});
+const ChainPillText = styled('span')({
+    fontFamily: 'Inter, sans-serif',
+    fontWeight: 600,
+    fontSize: 15,
+    lineHeight: '24px',
+    letterSpacing: 0.46,
+    textTransform: 'uppercase',
+    color: 'white',
+    flex: 1
+});
+export { AvatarButton, AvatarImage, BalanceAndChainRow, ChainOption, ChainPillButton, ChainPillContainer, ChainPillIconWrapper, ChainPillText, ManaBalanceClickable, ManaBalanceValue, ManaBalancesGroup, MobileUserCard, MobileUserCardAddress, MobileUserCardAddressLabel, MobileUserCardAvatar, MobileUserCardCopyButton, MobileUserCardInfo, MobileUserCardName, MobileUserCardTop, UserCard, UserCardAddress, UserCardAddressLabel, UserCardAvatarBody, UserCardAvatarContainer, UserCardChainOptions, UserCardCopyButton, UserCardDivider, UserCardLogout, UserCardMenu, UserCardMenuItem, UserCardName, UserCardWrapper };
+//# sourceMappingURL=UserCardPanel.styled.js.map

package/dist/components/Navbar/UserCardPanel.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCardPanel.styled.js","sourceRoot":"","sources":["../../../src/components/Navbar/UserCardPanel.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/Navbar/formatBalance.d.ts

@@ -0,0 +1,2 @@
+/** Format a number with commas (e.g. 1234 -> "1,234"). */
+export declare function formatBalance(value: number): string;

package/dist/components/Navbar/formatBalance.js

@@ -0,0 +1,5 @@
+/** Format a number with commas (e.g. 1234 -> "1,234"). */
+export function formatBalance(value) {
+    return Math.floor(value).toLocaleString('en-US');
+}
+//# sourceMappingURL=formatBalance.js.map

package/dist/components/Navbar/formatBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatBalance.js","sourceRoot":"","sources":["../../../src/components/Navbar/formatBalance.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAClD,CAAC"}

package/dist/components/Navbar/icons.d.ts

@@ -0,0 +1,24 @@
+type IconProps = React.SVGAttributes<SVGElement>;
+declare const DclLogo: import("react").NamedExoticComponent<IconProps>;
+declare const HamburgerIcon: import("react").NamedExoticComponent<IconProps>;
+declare const CloseIcon: import("react").NamedExoticComponent<IconProps>;
+declare const ChevronDownIcon: import("react").NamedExoticComponent<IconProps>;
+declare const ChevronUpIcon: import("react").NamedExoticComponent<IconProps>;
+declare const ExternalLinkIcon: import("react").NamedExoticComponent<IconProps>;
+declare const LogoutIcon: import("react").NamedExoticComponent<IconProps>;
+declare const CopyIcon: import("react").NamedExoticComponent<IconProps>;
+declare const AccountIcon: import("react").NamedExoticComponent<IconProps>;
+declare const WearableIcon: import("react").NamedExoticComponent<IconProps>;
+declare const SettingsIcon: import("react").NamedExoticComponent<IconProps>;
+declare const ShoppingBagIcon: import("react").NamedExoticComponent<IconProps>;
+declare const BellIcon: import("react").NamedExoticComponent<IconProps>;
+/** Inline credits icon sized for the navbar (20x20). */
+declare const NavbarCreditsIcon: import("react").NamedExoticComponent<IconProps>;
+declare const EthereumChainIcon: import("react").NamedExoticComponent<IconProps>;
+declare const PolygonChainIcon: import("react").NamedExoticComponent<IconProps>;
+declare function ChainIcon({ chainId, ...props }: {
+    chainId: number;
+} & IconProps): import("react/jsx-runtime").JSX.Element;
+declare const ManaEthInlineIcon: import("react").NamedExoticComponent<IconProps>;
+declare const ManaMaticInlineIcon: import("react").NamedExoticComponent<IconProps>;
+export { AccountIcon, BellIcon, ChainIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, DclLogo, EthereumChainIcon, ExternalLinkIcon, HamburgerIcon, LogoutIcon, ManaEthInlineIcon, ManaMaticInlineIcon, NavbarCreditsIcon, PolygonChainIcon, SettingsIcon, ShoppingBagIcon, WearableIcon };

package/dist/components/Navbar/icons.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+const DclLogo = memo(function DclLogo(props) {
+    return (_jsxs("svg", { viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, 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(#dcl-nav0)" }), _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 71.9996C11.565 75.397 14.603 78.435 18 80.9996H72C75.398 78.435 78.435 75.397 81 71.9996H9Z", fill: "#FFA25A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.368 62.9997H3.758C5.153 66.2172 6.93 69.2322 9 71.9997H60.39V62.9997H60.368Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.883 29.25V63H60.008L31.883 29.25Z", fill: "url(#dcl-nav1)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.758 63H31.883V29.25L3.758 63Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.368 47.25V72H81L60.368 47.25Z", fill: "url(#dcl-nav2)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.757 72H60.367V47.25L39.757 72Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.368 40.5C66.58 40.5 71.618 35.463 71.618 29.25C71.618 23.037 66.58 18 60.368 18C54.154 18 49.118 23.037 49.118 29.25C49.118 35.463 54.154 40.5 60.368 40.5Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.882 22.5C34.989 22.5 37.507 19.981 37.507 16.875C37.507 13.768 34.989 11.25 31.882 11.25C28.776 11.25 26.257 13.768 26.257 16.875C26.257 19.981 28.776 22.5 31.882 22.5Z", fill: "#FFC95B" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "dcl-nav0", x1: "45", y1: "-18.64", x2: "-18.64", y2: "45", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF2D55" }), _jsx("stop", { offset: "1", stopColor: "#FFBC5B" })] }), _jsxs("linearGradient", { id: "dcl-nav1", x1: "31.873", y1: "29.25", x2: "31.873", y2: "63", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] }), _jsxs("linearGradient", { id: "dcl-nav2", x1: "60.36", y1: "47.25", x2: "60.36", y2: "72", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] })] })] }));
+});
+const HamburgerIcon = memo(function HamburgerIcon(props) {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M3 6H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M3 12H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M3 18H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+});
+const CloseIcon = memo(function CloseIcon(props) {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+});
+const ChevronDownIcon = memo(function ChevronDownIcon(props) {
+    return (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M5 7.5L10 12.5L15 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+});
+const ChevronUpIcon = memo(function ChevronUpIcon(props) {
+    return (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M15 12.5L10 7.5L5 12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+});
+const ExternalLinkIcon = memo(function ExternalLinkIcon(props) {
+    return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333", stroke: "currentColor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10 2H14V6", stroke: "currentColor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6.66699 9.33333L14.0003 2", stroke: "currentColor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const LogoutIcon = memo(function LogoutIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M7.5 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M13.333 14.1667L17.4997 10.0001L13.333 5.83337", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M17.5 10H7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const CopyIcon = memo(function CopyIcon(props) {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "3.5", y: "3.5", width: "7", height: "7", rx: "1.5", stroke: "currentColor", strokeWidth: "1" }), _jsx("path", { d: "M8.5 3.5V2C8.5 1.17157 7.82843 0.5 7 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V7C0.5 7.82843 1.17157 8.5 2 8.5H3.5", stroke: "currentColor", strokeWidth: "1" })] }));
+});
+const AccountIcon = memo(function AccountIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M10 10C11.3807 10 12.5 8.88071 12.5 7.5C12.5 6.11929 11.3807 5 10 5C8.61929 5 7.5 6.11929 7.5 7.5C7.5 8.88071 8.61929 10 10 10Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5 16.25C5 14.1789 7.23858 12.5 10 12.5C12.7614 12.5 15 14.1789 15 16.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const WearableIcon = memo(function WearableIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M15.8333 7.5L13.3333 3.33337H6.66667L4.16667 7.5L2.5 16.6667H17.5L15.8333 7.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6.66667 3.33337L7.5 7.50004L10 9.16671L12.5 7.50004L13.3333 3.33337", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const SettingsIcon = memo(function SettingsIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.1666 10C16.1666 9.58337 16.1249 9.16671 16.0416 8.75004L17.9166 7.27087L16.4166 4.72921L14.1666 5.52087C13.5416 4.97921 12.8124 4.56254 11.9999 4.31254L11.6666 1.66671H8.33325L7.99992 4.31254C7.18742 4.56254 6.45825 4.97921 5.83325 5.52087L3.58325 4.72921L2.08325 7.27087L3.95825 8.75004C3.87492 9.16671 3.83325 9.58337 3.83325 10C3.83325 10.4167 3.87492 10.8334 3.95825 11.25L2.08325 12.7292L3.58325 15.2709L5.83325 14.4792C6.45825 15.0209 7.18742 15.4375 7.99992 15.6875L8.33325 18.3334H11.6666L11.9999 15.6875C12.8124 15.4375 13.5416 15.0209 14.1666 14.4792L16.4166 15.2709L17.9166 12.7292L16.0416 11.25C16.1249 10.8334 16.1666 10.4167 16.1666 10Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const ShoppingBagIcon = memo(function ShoppingBagIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M5 1.66663L2.5 4.99996V16.6666C2.5 17.1087 2.67559 17.5326 2.98816 17.8452C3.30072 18.1577 3.72464 18.3333 4.16667 18.3333H15.8333C16.2754 18.3333 16.6993 18.1577 17.0118 17.8452C17.3244 17.5326 17.5 17.1087 17.5 16.6666V4.99996L15 1.66663H5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.5 5H17.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M13.3334 8.33337C13.3334 9.21743 12.9822 10.0653 12.3571 10.6904C11.7319 11.3155 10.8841 11.6667 10.0001 11.6667C9.11603 11.6667 8.26818 11.3155 7.64306 10.6904C7.01794 10.0653 6.66675 9.21743 6.66675 8.33337", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+});
+const BellIcon = memo(function BellIcon(props) {
+    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M12 21.75C13.1 21.75 14 20.85 14 19.75H10C10 20.85 10.89 21.75 12 21.75ZM18 15.75V10.75C18 7.68 16.36 5.11 13.5 4.43V3.75C13.5 2.92 12.83 2.25 12 2.25C11.17 2.25 10.5 2.92 10.5 3.75V4.43C7.63 5.11 6 7.67 6 10.75V15.75L4 17.75V18.75H20V17.75L18 15.75Z", fill: "#FCFCFC" }) }));
+});
+/** Inline credits icon sized for the navbar (20x20). */
+const NavbarCreditsIcon = memo(function NavbarCreditsIcon(props) {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M25.5371 184.328C16.718 180.685 12.5221 170.582 16.1653 161.763L29.8558 128.622L16.1025 95.5076C12.4426 86.6954 16.6194 76.5848 25.4316 72.9248L58.5462 59.1716L72.2367 26.0312C75.8799 17.212 85.9827 13.0162 94.8018 16.6594L127.942 30.3498L161.057 16.5966C169.869 12.9367 179.98 17.1135 183.639 25.9257L197.393 59.0402L230.533 72.7308C239.352 76.374 243.548 86.4767 239.905 95.2958L226.215 128.436L239.968 161.551C243.628 170.363 239.451 180.474 230.639 184.134L197.524 197.887L183.834 231.027C180.19 239.846 170.088 244.042 161.269 240.399L128.128 226.709L95.0135 240.462C86.2013 244.122 76.0907 239.945 72.4307 231.133L58.6775 198.018L25.5371 184.328Z", fill: "url(#credits-nav-g0)" }), _jsx("path", { d: "M39.4715 176.904C31.9127 173.782 28.3165 165.123 31.439 157.564L43.173 129.16L31.3852 100.777C28.2483 93.2245 31.8282 84.5587 39.3811 81.4219L67.7634 69.634L79.4974 41.2296C82.62 33.6708 91.279 30.0746 98.8377 33.1971L127.242 44.9312L155.624 33.1434C163.177 30.0065 171.843 33.5863 174.98 41.1392L186.768 69.5215L215.172 81.2555C222.731 84.3781 226.327 93.0371 223.205 100.596L211.471 129L223.258 157.383C226.395 164.935 222.815 173.601 215.262 176.738L186.88 188.526L175.146 216.93C172.024 224.489 163.365 228.085 155.806 224.963L127.401 213.229L99.0192 225.017C91.4664 228.153 82.8006 224.574 79.6637 217.021L67.8759 188.638L39.4715 176.904Z", fill: "url(#credits-nav-g1)" }), _jsx("path", { d: "M54.4478 168.591C48.116 165.975 45.1036 158.722 47.7192 152.39L57.5484 128.596L47.6741 104.822C45.0465 98.4947 48.0452 91.2357 54.372 88.6081L78.147 78.7338L87.9762 54.9403C90.5919 48.6086 97.8452 45.5961 104.177 48.2118L127.97 58.041L151.745 48.1667C158.072 45.539 165.331 48.5378 167.959 54.8646L177.833 78.6395L201.627 88.4687C207.958 91.0844 210.971 98.3377 208.355 104.669L198.526 128.463L208.4 152.238C211.028 158.565 208.029 165.824 201.702 168.451L177.927 178.326L168.098 202.119C165.483 208.451 158.229 211.463 151.897 208.848L128.104 199.018L104.329 208.893C98.0022 211.52 90.7432 208.522 88.1155 202.195L78.2413 178.42L54.4478 168.591Z", fill: "url(#credits-nav-g2)" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "credits-nav-g0", x1: "211.108", y1: "218.484", x2: "77.4791", y2: "27.1647", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#9BFFFF" }), _jsx("stop", { offset: "0.5", stopColor: "#B8B9FF" }), _jsx("stop", { offset: "0.885", stopColor: "#FFCBFF" }), _jsx("stop", { offset: "1", stopColor: "#FDFCFF" })] }), _jsxs("linearGradient", { id: "credits-nav-g1", x1: "225.88", y1: "218.975", x2: "71.9492", y2: "33.3822", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#5285BF" }), _jsx("stop", { offset: "1", stopColor: "#AE66F0" })] }), _jsxs("linearGradient", { id: "credits-nav-g2", x1: "195.385", y1: "221.054", x2: "91.1662", y2: "16.6319", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#9BFFFF" }), _jsx("stop", { offset: "0.5", stopColor: "#B8B9FF" }), _jsx("stop", { offset: "1", stopColor: "#FFCBFF" })] })] })] }));
+});
+/** Ethereum family: mainnet, sepolia, goerli, kovan, rinkeby, ropsten */
+const ETHEREUM_FAMILY = new Set([1, 5, 42, 4, 3, 11155111]);
+function isEthereumFamily(chainId) {
+    return ETHEREUM_FAMILY.has(chainId);
+}
+const EthereumChainIcon = memo(function EthereumChainIcon(props) {
+    return (_jsxs("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M10 2L4.5 10.5L10 13.5L15.5 10.5L10 2Z", fill: "#627EEA" }), _jsx("path", { d: "M4.5 10.5L10 18L15.5 10.5L10 13.5L4.5 10.5Z", fill: "#627EEA", opacity: "0.6" }), _jsx("path", { d: "M10 2L4.5 10.5L10 8.5L15.5 10.5L10 2Z", fill: "#C0CBF6", opacity: "0.4" })] }));
+});
+const PolygonChainIcon = memo(function PolygonChainIcon(props) {
+    return (_jsxs("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M13.5 7.5L10.75 5.9C10.3 5.64 9.7 5.64 9.25 5.9L6.5 7.5L9.25 9.1C9.7 9.36 10.3 9.36 10.75 9.1L13.5 7.5Z", fill: "#8247E5" }), _jsx("path", { d: "M14.5 8.3L11.75 9.9C11.3 10.16 11 10.66 11 11.2V14.4L13.75 12.8C14.2 12.54 14.5 12.04 14.5 11.5V8.3Z", fill: "#8247E5" }), _jsx("path", { d: "M9 11.2C9 10.66 8.7 10.16 8.25 9.9L5.5 8.3V11.5C5.5 12.04 5.8 12.54 6.25 12.8L9 14.4V11.2Z", fill: "#8247E5" })] }));
+});
+function ChainIcon({ chainId, ...props }) {
+    return isEthereumFamily(chainId) ? _jsx(EthereumChainIcon, { ...props }) : _jsx(PolygonChainIcon, { ...props });
+}
+const ManaEthInlineIcon = memo(function ManaEthInlineIcon(props) {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M9.864 6.952C9.864 4.968 8.264 3.32 6.28 3.32C4.296 3.32 2.696 4.968 2.696 6.952C2.696 8.92 4.296 10.52 6.28 10.52C8.264 10.52 9.864 8.92 9.864 6.952ZM9.032 6.952C9.032 8.456 7.688 9.688 6.28 9.688C4.728 9.688 3.528 8.488 3.528 6.952C3.528 5.432 4.728 4.152 6.28 4.152C7.704 4.152 9.032 5.432 9.032 6.952ZM12.248 10.424V3.544L6.28 0.12L0.312 3.544V10.424L6.28 13.848L12.248 10.424ZM11.192 9.832L6.296 12.632L1.368 9.832V4.184L6.28 1.336L11.192 4.184V9.832Z", fill: "#FF2D55" }) }));
+});
+const ManaMaticInlineIcon = memo(function ManaMaticInlineIcon(props) {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 0L24 12L12 24L0 12L12 0ZM12.0002 3.36001L20.6402 12L12.0002 20.64L3.36023 12L12.0002 3.36001ZM12.0009 16.32C14.3868 16.32 16.3209 14.3859 16.3209 12C16.3209 9.61415 14.3868 7.68002 12.0009 7.68002C9.61507 7.68002 7.68094 9.61415 7.68094 12C7.68094 14.3859 9.61507 16.32 12.0009 16.32Z", fill: "#FCFCFC" }) }));
+});
+export { AccountIcon, BellIcon, ChainIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, DclLogo, EthereumChainIcon, ExternalLinkIcon, HamburgerIcon, LogoutIcon, ManaEthInlineIcon, ManaMaticInlineIcon, NavbarCreditsIcon, PolygonChainIcon, SettingsIcon, ShoppingBagIcon, WearableIcon };
+//# sourceMappingURL=icons.js.map

package/dist/components/Navbar/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/Navbar/icons.tsx"],"names":[],"mappings":"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"}

package/dist/components/Navbar/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Navbar';
-export * from './Navbar.types';
+export { Navbar } from './Navbar';
+export type { NavbarProps, NavbarI18n } from './Navbar.types';
+export { BellButton, NotificationBadge, NotificationDot, NotificationEmpty, NotificationHeader, NotificationItemContent, NotificationItemDescription, NotificationItemImage, NotificationItemTime, NotificationItemTitle, NotificationList, NotificationListItem, NotificationPanel, NotificationTitle, NotificationWrapper } from './NotificationBell.styled';

package/dist/components/Navbar/index.js

@@ -1,3 +1,3 @@
-export * from './Navbar';
-export * from './Navbar.types';
+export { Navbar } from './Navbar';
+export { BellButton, NotificationBadge, NotificationDot, NotificationEmpty, NotificationHeader, NotificationItemContent, NotificationItemDescription, NotificationItemImage, NotificationItemTime, NotificationItemTitle, NotificationList, NotificationListItem, NotificationPanel, NotificationTitle, NotificationWrapper } from './NotificationBell.styled';
 //# sourceMappingURL=index.js.map

package/dist/components/Navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "2.5.3",
+  "version": "3.0.0",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -117,5 +117,5 @@
     "url": "https://github.com/decentraland/ui2/issues"
   },
   "homepage": "https://github.com/decentraland/ui2#readme",
-  "commit": "598f9a0037dfc358f7f47c3eb56dcdf077653c6c"
+  "commit": "54272177e64db81a943cac23a4e72091adcda843"
 }

package/dist/components/Navbar/MainMenu/MainMenu.d.ts

@@ -1,2 +0,0 @@
-import { MainMenuProps } from './MainMenu.types';
-export declare const MainMenu: (props: MainMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navbar/MainMenu/MainMenu.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { config } from '../../../config';
-import { MenuItem } from '../MenuItem/MenuItem';
-import { NavbarPages } from '../Navbar.types';
-import { getExtraButton } from '../utils';
-import { MainMenuContainer } from './MainMenu.styled';
-export const MainMenu = (props) => {
-    const { i18n, isOpenOnMobile, ...menuItemProps } = props;
-    const [extraButton, setExtraButton] = useState(null);
-    useEffect(() => {
-        let isMounted = true;
-        if (!extraButton) {
-            getExtraButton().then(button => {
-                if (!isMounted)
-                    return;
-                setExtraButton(button);
-            });
-        }
-        return () => {
-            isMounted = false;
-        };
-    }, [extraButton, setExtraButton]);
-    return (_jsxs(MainMenuContainer, { isOpenOnMobile: isOpenOnMobile, "aria-label": "main menu", children: [_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.MARKETPLACE, title: i18n.marketplace, mainUrl: config.get('MARKETPLACE_URL'), "aria-label": `${i18n.marketplace} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.CREATE, title: i18n.create, mainUrl: config.get('CREATE_URL'), "aria-label": `${i18n.create} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.LEARN, title: i18n.learn, mainUrl: config.get('LEARN_URL'), "aria-label": `${i18n.learn} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.GOVERNANCE, title: i18n.governance, mainUrl: config.get('GOVERNANCE_URL'), "aria-label": `${i18n.governance} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXPLORE, title: i18n.explore, mainUrl: config.get('EVENTS_URL'), "aria-label": `${i18n.explore} menu item` }), extraButton && extraButton.visible ? (_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXTRA, title: extraButton.text, mainUrl: extraButton.link, textColor: extraButton.textColor, backgroundColor: extraButton.backgroundColor, isExtraButton: true, "aria-label": `${extraButton.text} menu item` })) : null] }));
-};
-//# sourceMappingURL=MainMenu.js.map