decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

package/dist/components/Mana/Mana.stories.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Network } from "@dcl/schemas";
+import { Typography } from "@mui/material";
+import { Mana } from "./Mana";
+const meta = {
+    component: Mana,
+    title: "Decentraland UI/Mana",
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            description: "Size of the mana icon",
+        },
+        inline: {
+            description: "Mana component should be displayed inline",
+        },
+        network: {
+            description: "Network to display the mana icon",
+            defaultValue: Network.ETHEREUM,
+        },
+        primary: {
+            description: "Switch the color of the icon to primary",
+        },
+        showTooltip: {
+            description: "Show tooltip on hover",
+        },
+    },
+    render: (args) => _jsx(Mana, { ...args }),
+};
+const Symbol = {
+    args: {
+        primary: true,
+    },
+};
+const SymbolMana = {
+    name: "Symbol + MANA",
+    args: { children: "MANA" },
+};
+const SymbolVoted = {
+    name: "Total voted",
+    args: { children: "MANA" },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "Total voted" }), _jsx(Mana, { ...args, children: "1,235,345" })] })),
+};
+const SymbolSizes = {
+    name: "Sizes",
+    args: { children: "1,000" },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Mana, { ...args, size: "large" }), _jsx(Mana, { ...args, size: "medium" }), _jsx(Mana, { ...args, size: "small" })] })),
+};
+const SymbolInline = {
+    name: "Inline",
+    args: { children: "1,000", inline: true },
+    render: (args) => (_jsxs("p", { children: ["You've voted with ", _jsx(Mana, { ...args }), "."] })),
+};
+const SymbolMatic = {
+    name: "Matic",
+    args: {
+        children: "1,000",
+        inline: true,
+        network: Network.MATIC,
+    },
+    render: (args) => (_jsxs("p", { children: ["You deposited ", _jsx(Mana, { ...args }), " into Matic Network."] })),
+};
+const SymbolMaticPrimary = {
+    name: "Matic primary",
+    args: {
+        children: "1,000",
+        inline: true,
+        network: Network.MATIC,
+        primary: true,
+    },
+    render: (args) => (_jsxs("p", { children: ["You deposited ", _jsx(Mana, { ...args }), " into Matic Network."] })),
+};
+const SymbolMaticSizes = {
+    name: "Matic sizes",
+    args: {
+        children: "1,000",
+        network: Network.MATIC,
+    },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Mana, { ...args, size: "large" }), _jsx(Mana, { ...args, size: "medium" }), _jsx(Mana, { ...args, size: "small" })] })),
+};
+const ManaTooltip = {
+    name: "Mana + Tooltip",
+    args: {
+        children: "1,000",
+        network: Network.MATIC,
+        showTooltip: true,
+        size: "small",
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Symbol, SymbolMana, SymbolVoted, SymbolSizes, SymbolInline, SymbolMatic, SymbolMaticPrimary, SymbolMaticSizes, ManaTooltip, };
+//# sourceMappingURL=Mana.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mana.stories.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,MAAM,IAAI,GAAoB;IAC5B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,uBAAuB;SACrC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,2CAA2C;SACzD;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kCAAkC;YAC/C,YAAY,EAAE,OAAO,CAAC,QAAQ;SAC/B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,yCAAyC;SACvD;QACD,WAAW,EAAE;YACX,WAAW,EAAE,uBAAuB;SACrC;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,IAAI,GAAI;CACrC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,UAAU,GAAU;IACxB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;CAC3B,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BACE,KAAC,UAAU,8BAAyB,EACpC,KAAC,IAAI,OAAK,IAAI,0BAAkB,IAC/B,CACJ;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BACE,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,EAC/B,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAChC,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,IAC9B,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;IACzC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8CACyB,KAAC,IAAI,OAAK,IAAI,GAAI,SACvC,CACL;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,OAAO,CAAC,KAAK;KACvB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,0CACgB,KAAC,IAAI,OAAK,IAAI,GAAI,4BAC9B,CACL;CACF,CAAA;AAED,MAAM,kBAAkB,GAAU;IAChC,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,OAAO,CAAC,KAAK;QACtB,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,0CACgB,KAAC,IAAI,OAAK,IAAI,GAAI,4BAC9B,CACL;CACF,CAAA;AAED,MAAM,gBAAgB,GAAU;IAC9B,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,OAAO,CAAC,KAAK;KACvB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BACE,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,EAC/B,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAChC,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,IAC9B,CACJ;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,OAAO,CAAC,KAAK;QACtB,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,GACZ,CAAA"}

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

@@ -0,0 +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;
+} & StyledManaButtonProps, {}, {}>;
+declare const ImageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & StyledImageContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { ImageContainer, ManaButtonContainer };

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

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

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

@@ -0,0 +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,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/Mana/Mana.types.d.ts

@@ -0,0 +1,13 @@
+import { Network } from "@dcl/schemas";
+type ManaProps = {
+    size?: "small" | "medium" | "large";
+    inline?: boolean;
+    network?: Network;
+    children?: React.ReactChild;
+    color?: string;
+    primary?: boolean;
+    showTooltip?: boolean;
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> & ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, network: Network) => void);
+};
+export { ManaProps };

package/dist/components/Mana/Mana.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Mana.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mana.types.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export * from "./Mana";
+export * from "./Mana.types";

package/dist/components/Mana/index.js

@@ -0,0 +1,3 @@
+export * from "./Mana";
+export * from "./Mana.types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mana/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA"}

package/dist/components/Media/Media.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment with big screens.
+ */
+declare const useBigDesktopMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment.
+ */
+declare const useDesktopMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a tablet environment.
+ */
+declare const useTabletMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a tablet or below environment.
+ */
+declare const useTabletAndBelowMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a mobile environment.
+ */
+declare const useMobileMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in an environment that's not mobile.
+ */
+declare const useNotMobileMediaQuery: () => boolean;
+/**
+ * Renders a component if the screen suits the desktop size.
+ */
+declare const Desktop: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the tablet size.
+ */
+declare const Tablet: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the tablet or mobile size.
+ */
+declare const TabletAndBelow: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the mobile size.
+ */
+declare const Mobile: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen doesn't have the size of a mobile device.
+ */
+declare const NotMobile: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+export { Desktop, Tablet, TabletAndBelow, Mobile, NotMobile, useBigDesktopMediaQuery, useDesktopMediaQuery, useTabletMediaQuery, useTabletAndBelowMediaQuery, useMobileMediaQuery, useNotMobileMediaQuery, };

package/dist/components/Media/Media.js

@@ -0,0 +1,81 @@
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { useTheme } from "@mui/material";
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment with big screens.
+ */
+const useBigDesktopMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.up("xl"));
+};
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment.
+ */
+const useDesktopMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.up("sm"));
+};
+/**
+ * Media hook to determine if we're going to be rendering in a tablet environment.
+ */
+const useTabletMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.between("xs", "sm"));
+};
+/**
+ * Media hook to determine if we're going to be rendering in a tablet or below environment.
+ */
+const useTabletAndBelowMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.down("sm"));
+};
+/**
+ * Media hook to determine if we're going to be rendering in a mobile environment.
+ */
+const useMobileMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.down("xs"));
+};
+/**
+ * Media hook to determine if we're going to be rendering in an environment that's not mobile.
+ */
+const useNotMobileMediaQuery = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.up("xs"));
+};
+/**
+ * Renders a component if the screen suits the desktop size.
+ */
+const Desktop = ({ children, }) => {
+    const isDesktop = useDesktopMediaQuery();
+    return isDesktop ? children : null;
+};
+/**
+ * Renders a component if the screen suits the tablet size.
+ */
+const Tablet = ({ children, }) => {
+    const isTablet = useTabletMediaQuery();
+    return isTablet ? children : null;
+};
+/**
+ * Renders a component if the screen suits the tablet or mobile size.
+ */
+const TabletAndBelow = ({ children, }) => {
+    const isTablet = useTabletAndBelowMediaQuery();
+    return isTablet ? children : null;
+};
+/**
+ * Renders a component if the screen suits the mobile size.
+ */
+const Mobile = ({ children, }) => {
+    const isMobile = useMobileMediaQuery();
+    return isMobile ? children : null;
+};
+/**
+ * Renders a component if the screen doesn't have the size of a mobile device.
+ */
+const NotMobile = ({ children, }) => {
+    const isNotMobile = useNotMobileMediaQuery();
+    return isNotMobile ? children : null;
+};
+export { Desktop, Tablet, TabletAndBelow, Mobile, NotMobile, useBigDesktopMediaQuery, useDesktopMediaQuery, useTabletMediaQuery, useTabletAndBelowMediaQuery, useMobileMediaQuery, useNotMobileMediaQuery, };
+//# sourceMappingURL=Media.js.map

package/dist/components/Media/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../../src/components/Media/Media.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC;;GAEG;AACH,MAAM,uBAAuB,GAAG,GAAY,EAAE;IAC5C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AAClD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,oBAAoB,GAAG,GAAY,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AAClD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,2BAA2B,GAAG,GAAY,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,sBAAsB,GAAG,GAAY,EAAE;IAC3C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AAClD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAA;IACxC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACpC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,2BAA2B,EAAE,CAAA;IAC9C,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAC5C,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACtC,CAAC,CAAA;AAED,OAAO,EACL,OAAO,EACP,MAAM,EACN,cAAc,EACd,MAAM,EACN,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,2BAA2B,EAC3B,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}

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

@@ -0,0 +1 @@
+export * from "./Media";

package/dist/components/Media/index.js

@@ -0,0 +1,2 @@
+export * from "./Media";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Media/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,3 @@
+import { DownloadModalProps } from "./DownloadModal.types";
+declare function DownloadModal(props: DownloadModalProps): import("react/jsx-runtime").JSX.Element;
+export { DownloadModal };

package/dist/components/Modal/DownloadModal/DownloadModal.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { ExplorerJumpIn } from "./ExplorerJumpIn";
+import { DownloadButton } from "../../DownloadButton";
+import { Modal } from "../Modal";
+import { Content, ImageContainer, StyledDescription, StyledTitle, } from "./DownloadModal.styled";
+function DownloadModal(props) {
+    const { title, description, buttonLabel, open, onClose, onDownloadClick, ...modalProps } = props;
+    const handleClose = useCallback((event) => {
+        if (onClose) {
+            onClose(event);
+        }
+    }, [onClose]);
+    return (_jsx(Modal, { ...modalProps, open: open, size: "tiny", title: " " // this is to move the close button to the right
+        , onClose: handleClose, children: _jsxs(Content, { children: [_jsx(ImageContainer, { children: _jsx(ExplorerJumpIn, {}) }), _jsx(StyledTitle, { variant: "h2", children: title }), _jsx(StyledDescription, { variant: "body1", children: description }), _jsx(DownloadButton, { label: buttonLabel, onClick: onDownloadClick })] }) }));
+}
+export { DownloadModal };
+//# sourceMappingURL=DownloadModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EACL,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAE/B,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,IAAI,EACJ,OAAO,EACP,eAAe,EACf,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0C,EAAE,EAAE;QAC7C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,GAAG,CAAC,gDAAgD;UAC1D,OAAO,EAAE,WAAW,YAEpB,MAAC,OAAO,eACN,KAAC,cAAc,cACb,KAAC,cAAc,KAAG,GACH,EACjB,KAAC,WAAW,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAe,EAC/C,KAAC,iBAAiB,IAAC,OAAO,EAAC,OAAO,YAAE,WAAW,GAAqB,EACpE,KAAC,cAAc,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,GAAI,IACxD,GACJ,CACT,CAAA;AACH,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Modal/DownloadModal/DownloadModal.stories.d.ts

@@ -0,0 +1,10 @@
+import { DownloadModalProps } from "./DownloadModal.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<DownloadModalProps>;
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+declare const CustomContent: Story;
+declare const WithActions: Story;
+declare const DirectDownload: Story;
+export default meta;
+export { Default, CustomContent, WithActions, DirectDownload };

package/dist/components/Modal/DownloadModal/DownloadModal.stories.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DownloadModal } from "./DownloadModal";
+const meta = {
+    title: "Decentraland UI/Download Modal",
+    component: DownloadModal,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "DownloadModal is used to prompt users to download the Decentraland app when they try to jump in without having the launcher installed.",
+            },
+        },
+    },
+    argTypes: {
+        open: {
+            control: "boolean",
+            description: "Controls the visibility of the modal",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: false },
+            },
+        },
+        title: {
+            control: "text",
+            description: "Modal title text",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Download Decentraland" },
+            },
+        },
+        description: {
+            control: "text",
+            description: "Modal description text",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        buttonLabel: {
+            control: "text",
+            description: "Download button label",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Download Now" },
+            },
+        },
+        onClose: {
+            action: "onClose",
+            description: "Callback when modal is closed",
+            table: {
+                type: { summary: "function" },
+            },
+        },
+        onDownloadClick: {
+            action: "onDownloadClick",
+            description: "Callback when download button is clicked",
+            table: {
+                type: { summary: "function" },
+            },
+        },
+    },
+    args: {
+        open: false,
+    },
+};
+const Default = {
+    args: {
+        title: "Download Decentraland",
+        description: "To jump in, you'll need to download the Decentraland app",
+        buttonLabel: "Download Now",
+        open: true,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Default modal configuration with standard messaging",
+            },
+        },
+    },
+};
+const CustomContent = {
+    args: {
+        open: true,
+        title: "Get Started with Decentraland",
+        description: "Experience the metaverse by downloading our app",
+        buttonLabel: "Get the App",
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Modal with custom content and messaging",
+            },
+        },
+    },
+    render: (args) => {
+        return _jsx(DownloadModal, { ...args });
+    },
+};
+const WithActions = {
+    args: {
+        ...Default.args,
+        onDownloadClick: () => window.open("https://decentraland.org/download", "_blank"),
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Example with custom download handler that opens the download page in a new tab",
+            },
+        },
+    },
+    render: (args) => {
+        return _jsx(DownloadModal, { ...args });
+    },
+};
+const DirectDownload = {
+    args: {
+        ...Default.args,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Modal without custom handler - will try direct download first, fallback to default download page if not possible",
+            },
+        },
+    },
+    render: (args) => {
+        return _jsx(DownloadModal, { ...args });
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Default, CustomContent, WithActions, DirectDownload };
+//# sourceMappingURL=DownloadModal.stories.js.map

package/dist/components/Modal/DownloadModal/DownloadModal.stories.js.map

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

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

@@ -0,0 +1,21 @@
+declare const StyledTitle: 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"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const StyledDescription: 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"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const Content: 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>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { StyledTitle, StyledDescription, Content, ImageContainer };

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

@@ -0,0 +1,43 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const StyledTitle = styled(Typography)({
+    fontSize: "21px",
+    fontWeight: 600,
+    fontStretch: "normal",
+    fontStyle: "normal",
+    lineHeight: 1.43,
+    letterSpacing: "0.3px",
+    textAlign: "center",
+    marginBottom: "16px",
+    color: "var(--text-primary)",
+});
+const StyledDescription = styled(Typography)({
+    fontSize: "17px",
+    fontWeight: "normal",
+    fontStretch: "normal",
+    fontStyle: "normal",
+    lineHeight: 1.53,
+    letterSpacing: "-0.2px",
+    textAlign: "center",
+    marginBottom: "24px",
+    color: "var(--text-secondary)",
+});
+const Content = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    position: "relative",
+    padding: "16px",
+});
+const ImageContainer = styled(Box)({
+    marginBottom: "24px",
+    width: "100%",
+    "& svg": {
+        maxWidth: "100%",
+        height: "auto",
+        display: "block",
+        margin: "0 auto",
+    },
+});
+export { StyledTitle, StyledDescription, Content, ImageContainer };
+//# sourceMappingURL=DownloadModal.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadModal.styled.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadModal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,QAAQ;IACrB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,qBAAqB;CAC7B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,QAAQ;IACrB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Modal/DownloadModal/DownloadModal.types.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "../Modal.types";
+export type DownloadModalProps = Omit<ModalProps, "children"> & {
+    title: string;
+    description: string;
+    buttonLabel: string;
+    onDownloadClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};

package/dist/components/Modal/DownloadModal/DownloadModal.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DownloadModal.types.js.map

package/dist/components/Modal/DownloadModal/DownloadModal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadModal.types.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadModal.types.ts"],"names":[],"mappings":""}

package/dist/components/Modal/DownloadModal/ExplorerJumpIn.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgIconProps } from "@mui/material/SvgIcon";
+declare const ExplorerJumpIn: React.MemoExoticComponent<(props: SvgIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { ExplorerJumpIn };