decentraland-ui2 0.7.3 → 0.7.4-12563557631.commit-00630ee

package/dist/components/Address/Address.styled.js

@@ -1,11 +1,7 @@
 import styled from "@emotion/styled";
-import { useTheme } from "@mui/material";
-const StyledAddress = styled("span")(() => {
-    const theme = useTheme();
-    return {
-        color: theme.palette.text.primary,
-        fontFamily: theme.typography.fontFamily,
-    };
-});
+const StyledAddress = styled("span")(({ theme }) => ({
+    color: theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
+}));
 export { StyledAddress };
 //# sourceMappingURL=Address.styled.js.map

package/dist/components/Address/Address.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.styled.js","sourceRoot":"","sources":["../../../src/components/Address/Address.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;KACxC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Address.styled.js","sourceRoot":"","sources":["../../../src/components/Address/Address.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;CACxC,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/AvatarFace/AvatarFace.styled.js

@@ -1,6 +1,8 @@
 import styled from "@emotion/styled";
-import { Avatar as AvatarMui, useTheme } from "@mui/material";
-const AvatarContainer = styled("div")((props) => {
+import { Avatar as AvatarMui } from "@mui/material";
+const AvatarContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "inline",
+})((props) => {
     return {
         width: "inherit",
         height: "inherit",
@@ -11,35 +13,35 @@ const AvatarContainer = styled("div")((props) => {
     };
 });
 const Avatar = styled(AvatarMui)((props) => {
-    const theme = useTheme();
-    const size = {
+    const { size, theme } = props;
+    const dimensions = {
         width: "32px",
         height: "32px",
     };
-    if (props.size === "tiny") {
-        size.width = "20px";
-        size.height = "20px";
+    if (size === "tiny") {
+        dimensions.width = "20px";
+        dimensions.height = "20px";
     }
-    else if (props.size === "small") {
-        size.width = "32px";
-        size.height = "32px";
+    else if (size === "small") {
+        dimensions.width = "32px";
+        dimensions.height = "32px";
     }
-    else if (props.size === "medium") {
-        size.width = "48px";
-        size.height = "48px";
+    else if (size === "medium") {
+        dimensions.width = "48px";
+        dimensions.height = "48px";
     }
-    else if (props.size === "large") {
-        size.width = "108px";
-        size.height = "108px";
+    else if (size === "large") {
+        dimensions.width = "108px";
+        dimensions.height = "108px";
     }
-    else if (props.size === "responsive") {
-        size.width = "93px";
-        size.height = "93px";
+    else if (size === "responsive") {
+        dimensions.width = "93px";
+        dimensions.height = "93px";
     }
     return {
         backgroundColor: theme.palette.secondary.light,
-        ...size,
-        "@media (min-width: 1200px)": props.size === "responsive" && {
+        ...dimensions,
+        "@media (min-width: 1200px)": size === "responsive" && {
             width: "170px",
             height: "170px",
         },

package/dist/components/AvatarFace/AvatarFace.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7D,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CACpC,KAAsC,EACtC,EAAE;IACF,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAoC,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,IAAI,GAAG;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAA;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAA;QACpB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAA;IACvB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;QACvC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC9C,GAAG,IAAI;QACP,4BAA4B,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,IAAI;YAC3D,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAA;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,OAAO,CAAA;QAC1B,UAAU,CAAC,MAAM,GAAG,OAAO,CAAA;IAC7B,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC/C,GAAG,UAAU;QACb,4BAA4B,EAAE,IAAI,KAAK,YAAY,IAAI;YACrD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ChainSelector/ChainSelector.styled.d.ts

@@ -1,3 +1,8 @@
+interface ChainButtonProps {
+    isSelected?: boolean;
+    isActive?: boolean;
+    isDisabled?: boolean;
+}
 declare const SelectorButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "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"> & {
@@ -9,11 +14,7 @@ declare const ChainButton: import("@emotion/styled").StyledComponent<import("@mu
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "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"> & {
     theme?: import("@emotion/react").Theme;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & {
-    isSelected: boolean;
-}, {}, {}>;
+} & ChainButtonProps, {}, {}>;
 declare const ConnectedLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "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"> & {

package/dist/components/ChainSelector/ChainSelector.styled.js

@@ -1,93 +1,81 @@
 import styled from "@emotion/styled";
-import { Box, Button, IconButton, Paper, Typography, useTheme, } from "@mui/material";
+import { Box, Button, IconButton, Paper, Typography } from "@mui/material";
 import { neutral, rarity, textOnNeutral } from "../../theme/colors";
 import { Modal } from "../Modal/Modal";
-const CommonButtonStyle = styled(Button)(() => {
-    return {
-        display: "flex",
-        alignItems: "center",
-        borderRadius: "14px",
-        padding: "8px 10px",
-        color: "green",
-        "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
-            opacity: "1",
-            "&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
-                color: textOnNeutral.gray1,
-                background: neutral.gray1,
-                boxShadow: "none",
-            },
-            "&:not(.Mui-disabled):not(.Mui-focusVisible):hover": {
-                color: textOnNeutral.gray0,
-                background: neutral.gray0,
-            },
+const CommonButtonStyle = styled(Button)({
+    display: "flex",
+    alignItems: "center",
+    borderRadius: "14px",
+    padding: "8px 10px",
+    color: "green",
+    "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
+        opacity: "1",
+        "&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
+            color: textOnNeutral.gray1,
+            background: neutral.gray1,
+            boxShadow: "none",
         },
-        "& span.MuiButton-icon.MuiButton-startIcon.MuiButton-iconSizeMedium": {
-            "& svg": {
-                fontSize: "28px",
-            },
+        "&:not(.Mui-disabled):not(.Mui-focusVisible):hover": {
+            color: textOnNeutral.gray0,
+            background: neutral.gray0,
         },
-    };
-});
-const SelectorButton = styled(CommonButtonStyle)(() => {
-    const theme = useTheme();
-    return {
-        [theme.breakpoints.down("sm")]: {
-            "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
-                paddingLeft: "0",
-                paddingRight: "0",
-                minWidth: "50px",
-            },
-            "& span": {
-                marginLeft: "0",
-                marginRight: "0",
-            },
+    },
+    "& span.MuiButton-icon.MuiButton-startIcon.MuiButton-iconSizeMedium": {
+        "& svg": {
+            fontSize: "28px",
         },
-    };
+    },
 });
-const ChainButton = styled(CommonButtonStyle)((props) => {
-    const { isSelected } = props;
-    const theme = useTheme();
-    let background = "transparent";
-    if (isSelected) {
-        background = theme.palette.action.hover;
-    }
+const SelectorButton = styled(CommonButtonStyle)(({ theme }) => ({
+    [theme.breakpoints.down("sm")]: {
+        "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
+            paddingLeft: "0",
+            paddingRight: "0",
+            minWidth: "50px",
+        },
+        "& span": {
+            marginLeft: "0",
+            marginRight: "0",
+        },
+    },
+}));
+const ChainButton = styled(Button)((props) => {
+    const { isActive, isDisabled, theme } = props;
     return {
+        display: "flex",
         alignItems: "center",
         justifyContent: "flex-start",
-        marginBottom: "8px",
-        "&.MuiButton-sizeMedium.MuiButton-textSecondary:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
-            color: theme.palette.text.primary,
-            fontSize: "17px",
-            textTransform: "capitalize",
-            backgroundColor: background,
-        },
-        "&.MuiButton-sizeMedium.MuiButton-textSecondary:not(.Mui-disabled):not(.Mui-focusVisible):hover": {
-            color: theme.palette.text.primary,
-            fontSize: "17px",
-            textTransform: "capitalize",
+        width: "100%",
+        padding: "12px 16px",
+        backgroundColor: isActive ? theme.palette.primary.dark : "transparent",
+        color: isActive
+            ? theme.palette.primary.contrastText
+            : theme.palette.text.primary,
+        opacity: isDisabled ? 0.5 : 1,
+        "&:hover": {
+            backgroundColor: isActive
+                ? theme.palette.primary.dark
+                : theme.palette.action.hover,
         },
     };
 });
-const ConnectedLabel = styled(Typography)(() => {
-    const theme = useTheme();
-    return {
+const ConnectedLabel = styled(Typography)(({ theme }) => ({
+    position: "absolute",
+    right: "8px",
+    paddingRight: "16px",
+    fontSize: "14px",
+    color: theme.palette.text.primary,
+    "&:after": {
+        content: '""',
+        width: "8px",
+        height: "8px",
         position: "absolute",
-        right: "8px",
-        paddingRight: "16px",
-        fontSize: "14px",
-        color: theme.palette.text.primary,
-        "&:after": {
-            content: '""',
-            width: "8px",
-            height: "8px",
-            position: "absolute",
-            right: "0",
-            top: "calc(50% - 4px)",
-            borderRadius: "50%",
-            backgroundColor: rarity.rare,
-        },
-    };
-});
+        right: "0",
+        top: "calc(50% - 4px)",
+        borderRadius: "50%",
+        backgroundColor: rarity.rare,
+    },
+}));
 const ConfirmLabel = styled(ConnectedLabel)({
     "&:after": {
         backgroundColor: rarity.unique,
@@ -109,39 +97,33 @@ const ChainSelectorModal = styled(Modal)({
         },
     },
 });
-const ChainSelectorContainer = styled(Paper)(() => {
-    const theme = useTheme();
-    return {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        width: "360px",
-        borderRadius: "12px",
-        [theme.breakpoints.down("xs")]: {
-            minWidth: "100vw",
-            maxWidth: "100vw",
-            minHeight: "100vh",
-            borderRadius: "0px",
-            margin: "0",
-            padding: "0",
-            top: "0",
-            left: "0",
-            transform: "translate(0, 0)",
-        },
-    };
-});
-const ChainSelectorWrapper = styled(Box)(() => {
-    const theme = useTheme();
-    return {
-        display: "flex",
-        flexDirection: "column",
-        margin: "16px",
-        [theme.breakpoints.down("sm")]: {
-            padding: "5px",
-        },
-    };
-});
+const ChainSelectorContainer = styled(Paper)(({ theme }) => ({
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "360px",
+    borderRadius: "12px",
+    [theme.breakpoints.down("xs")]: {
+        minWidth: "100vw",
+        maxWidth: "100vw",
+        minHeight: "100vh",
+        borderRadius: "0px",
+        margin: "0",
+        padding: "0",
+        top: "0",
+        left: "0",
+        transform: "translate(0, 0)",
+    },
+}));
+const ChainSelectorWrapper = styled(Box)(({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    margin: "16px",
+    [theme.breakpoints.down("sm")]: {
+        padding: "5px",
+    },
+}));
 const ChainSelectorModalTitleContainer = styled(Box)({
     display: "flex",
     justifyContent: "center",

package/dist/components/ChainSelector/ChainSelector.styled.js.map

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

package/dist/components/IconBadge/IconBadge.styled.d.ts

@@ -1,9 +1,10 @@
 import { IconBadgeProps } from "./IconBadge.types";
+type IconBadgeButtonProps = Pick<IconBadgeProps, "inline" | "onClick">;
 declare const IconBadgeButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
     theme?: import("@emotion/react").Theme;
-} & Pick<IconBadgeProps, "onClick" | "inline">, {}, {}>;
+} & IconBadgeButtonProps, {}, {}>;
 declare const ImageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {

package/dist/components/IconBadge/IconBadge.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBadge.styled.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAG3D,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CACjD,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,eAAe,EAAE,OAAO,CAAC,KAAK;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,WAAoB;QACnC,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,YAAY,EAAE;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"IconBadge.styled.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAK3D,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAuB,CACvE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,eAAe,EAAE,OAAO,CAAC,KAAK;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,WAAW;QAC1B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,YAAY,EAAE;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Logo/Logo.styled.js

@@ -1,13 +1,10 @@
 import styled from "@emotion/styled";
-import { SvgIcon, useTheme } from "@mui/material";
-const LogoContainer = styled(SvgIcon)(() => {
-    const theme = useTheme();
-    return {
-        fontSize: "36px",
-        [theme.breakpoints.down("xs")]: {
-            fontSize: "32px",
-        },
-    };
-});
+import { SvgIcon } from "@mui/material";
+const LogoContainer = styled(SvgIcon)(({ theme }) => ({
+    fontSize: "36px",
+    [theme.breakpoints.down("xs")]: {
+        fontSize: "32px",
+    },
+}));
 export { LogoContainer };
 //# sourceMappingURL=Logo.styled.js.map

package/dist/components/Logo/Logo.styled.js.map

@@ -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"}
+{"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,MAAM,eAAe,CAAA;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,MAAM;IAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Mana/Mana.styled.d.ts

@@ -1,16 +1,18 @@
 import { ManaProps } from "./Mana.types";
+interface StyledManaButtonProps extends Pick<ManaProps, "inline" | "href" | "onClick"> {
+    fontSize?: string;
+}
+interface StyledImageContainerProps {
+    primary?: boolean;
+    color?: string;
+}
 declare const ManaButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
     theme?: import("@emotion/react").Theme;
-} & Pick<ManaProps, "onClick" | "href" | "inline"> & {
-    fontSize?: string;
-}, {}, {}>;
+} & StyledManaButtonProps, {}, {}>;
 declare const ImageContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType;
-} & {
-    primary?: boolean;
-    color?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & StyledImageContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export { ImageContainer, ManaButtonContainer };

package/dist/components/Mana/Mana.styled.js

@@ -1,40 +1,36 @@
 import styled from "@emotion/styled";
-import { ButtonBase as ButtonMui, useTheme } from "@mui/material";
+import { ButtonBase as ButtonMui } from "@mui/material";
 const ManaButtonContainer = styled(ButtonMui)((props) => {
-    const theme = useTheme();
-    let fontSize = "inherit";
-    if (props.fontSize === "small") {
-        fontSize = "20px";
-    }
-    else if (props.fontSize === "medium") {
-        fontSize = "24px";
-    }
-    else if (props.fontSize === "large") {
-        fontSize = "36px";
-    }
+    const { inline, fontSize, href, onClick, theme } = props;
     return {
-        display: props.inline ? "inline-flex" : "flex",
+        display: inline ? "inline-flex" : "flex",
         alignItems: "center",
         justifyContent: "center",
         color: theme.palette.text.primary,
         verticalAlign: "middle",
-        fontSize: fontSize,
+        fontSize: fontSize === "small"
+            ? "20px"
+            : fontSize === "medium"
+                ? "24px"
+                : fontSize === "large"
+                    ? "36px"
+                    : "inherit",
         lineHeight: "inherit",
-        cursor: !!props.href || !!props.onClick ? "pointer" : "default",
+        cursor: !!href || !!onClick ? "pointer" : "default",
         "& + &": {
             marginLeft: "0.3em",
         },
     };
 });
 const ImageContainer = styled("div")((props) => {
-    const theme = useTheme();
+    const { color, primary, theme } = props;
     return {
         display: "flex",
         paddingRight: "0.3em",
         "& svg path": {
-            fill: props.color
-                ? props.color
-                : props.primary
+            fill: color
+                ? color
+                : primary
                     ? theme.palette.primary.main
                     : theme.palette.text.primary,
         },

package/dist/components/Mana/Mana.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mana.styled.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGjE,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAC5C,KAEC,EACD,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;QAC/B,QAAQ,GAAG,MAAM,CAAA;IACnB,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACvC,QAAQ,GAAG,MAAM,CAAA;IACnB,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;QACtC,QAAQ,GAAG,MAAM,CAAA;IACnB,CAAC;IAED,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC/D,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAGrC,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,KAAK;gBACf,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO;oBACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SACjC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Mana.styled.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAavD,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB,CACnE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACxD,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QAClC,aAAa,EAAE,QAAQ;QACvB,QAAQ,EACN,QAAQ,KAAK,OAAO;YAClB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,QAAQ,KAAK,QAAQ;gBACrB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,QAAQ,KAAK,OAAO;oBACpB,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACnD,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAA4B,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvC,OAAO;QACL,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE;YACZ,IAAI,EAAE,KAAK;gBACT,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO;oBACP,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBAC7B,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/Modal/Modal.styled.d.ts

@@ -1,4 +1,6 @@
 import { ModalProps } from "./Modal.types";
+interface StyledModalProps extends Pick<ModalProps, "size"> {
+}
 declare const Modal: import("@emotion/styled").StyledComponent<import("@mui/material").ModalOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "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"> & {
@@ -8,7 +10,7 @@ declare const ModalContainer: import("@emotion/styled").StyledComponent<import("
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "elevation" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant"> & {
     theme?: import("@emotion/react").Theme;
-} & Pick<ModalProps, "size">, {}, {}>;
+} & StyledModalProps, {}, {}>;
 declare const ModalTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {

package/dist/components/Modal/Modal.styled.js

@@ -1,21 +1,21 @@
 import styled from "@emotion/styled";
-import { Box as BoxMui, Modal as MuiModal, Paper as PaperMui, useTheme, } from "@mui/material";
+import { Box as BoxMui, Modal as MuiModal, Paper as PaperMui, } from "@mui/material";
 const Modal = styled(MuiModal)({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
 });
 const ModalContainer = styled(PaperMui)((props) => {
-    const theme = useTheme();
-    let size = "900px";
-    if (props.size === "tiny") {
-        size = "540px";
+    const { size, theme } = props;
+    let width = "900px";
+    if (size === "tiny") {
+        width = "540px";
     }
-    else if (props.size === "small") {
-        size = "720px";
+    else if (size === "small") {
+        width = "720px";
     }
     return {
-        width: size,
+        width,
         borderRadius: "12px",
         overflow: "hidden",
         [theme.breakpoints.down("xs")]: {

package/dist/components/Modal/Modal.styled.js.map

@@ -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,EACL,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,KAAK,IAAI,QAAQ,EACjB,QAAQ,GACT,MAAM,eAAe,CAAA;AAGtB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAA;AAEF,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,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;SACb;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,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
+{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EACL,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,KAAK,IAAI,QAAQ,GAClB,MAAM,eAAe,CAAA;AAKtB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAmB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,IAAI,KAAK,GAAG,OAAO,CAAA;IACnB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;IAED,OAAO;QACL,KAAK;QACL,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;SACb;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,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}

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

@@ -22,6 +22,6 @@ export const MainMenu = (props) => {
             isMounted.current = false;
         };
     }, [extraButton, isMounted, setExtraButton]);
-    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.LEARN, title: i18n.learn, mainUrl: config.get("LEARN_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.GOVERNANCE, title: i18n.governance, mainUrl: config.get("GOVERNANCE_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXPLORE, title: i18n.explore, mainUrl: config.get("EVENTS_URL") }), extraButton && extraButton.visible ? (_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXTRA, title: extraButton.text, mainUrl: extraButton.link, textColor: extraButton.textColor, backgroundColor: extraButton.backgroundColor, isExtraButton: true })) : null] }));
+    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