decentraland-ui2 3.4.2 → 3.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadModal.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DownloadModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAI7D,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,+EAA+E;oBAC/E,yJAAyJ;oBACzJ,4FAA4F;aAC/F;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,GAAG;aAClB;SACF;KACF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC;YAC/C,WAAW,EAAE,oDAAoD;SAClE;QACD,WAAW,EAAE;YACX,WAAW,EAAE,8CAA8C;SAC5D;QACD,OAAO,EAAE;YACP,WAAW,EAAE,qCAAqC;SACnD;QACD,aAAa,EAAE;YACb,WAAW,EAAE,uBAAuB;SACrC;QACD,WAAW,EAAE;YACX,WAAW,EAAE,kDAAkD;SAChE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;KACF;CACmC,CAAA;AAItC,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,OAAO;QACX,WAAW,EAAE,aAAa,CAAC,KAAK;QAChC,OAAO,EAAE,aAAa,CAAC,IAAI;QAC3B,aAAa,EAAE,aAAa,CAAC,UAAU;QACvC,WAAW,EAAE,aAAa,CAAC,QAAQ;KACpC;CACF,CAAA;AAED,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,aAAa,CAAC,OAAO;QAClC,OAAO,EAAE,aAAa,CAAC,IAAI;QAC3B,aAAa,EAAE,aAAa,CAAC,UAAU;QACvC,WAAW,EAAE,aAAa,CAAC,QAAQ;KACpC;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,aAAa,CAAC,UAAU;QACrC,OAAO,EAAE,aAAa,CAAC,IAAI;QAC3B,aAAa,EAAE,aAAa,CAAC,UAAU;QACvC,WAAW,EAAE,aAAa,CAAC,QAAQ;KACpC;CACF,CAAA;AAED,MAAM,SAAS,GAAU;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,KAAK;QACT,WAAW,EAAE,aAAa,CAAC,QAAQ;QACnC,OAAO,EAAE,aAAa,CAAC,IAAI;QAC3B,aAAa,EAAE,aAAa,CAAC,UAAU;QACvC,WAAW,EAAE,aAAa,CAAC,QAAQ;KACpC;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA"}

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

@@ -1,21 +1,81 @@
-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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & {
+declare const StyledModal: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ModalContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    mobile?: boolean;
+}, {}, {}>;
+declare const CloseButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ModalTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+declare const DownloadSection: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const EpicButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const StatsRow: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const StatItem: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const StatDivider: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & {
+declare const DividerRow: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     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"> & {
+declare const DividerLine: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & {
+declare const DividerText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const StoreBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const PlatformLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const StoreBadgesRow: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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 };
+declare const MobileCta: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export { CloseButton, DividerLine, DividerRow, DividerText, DownloadSection, EpicButton, MobileCta, ModalContainer, ModalTitle, PlatformLink, PrimaryButton, StatDivider, StatItem, StatsRow, StoreBadge, StoreBadgesRow, StyledModal };

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

@@ -1,43 +1,209 @@
 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',
+import { Box, IconButton, Modal as MuiModal } from '@mui/material';
+const MODAL_GRADIENT = 'radial-gradient(ellipse at 50% 77%, rgba(116,52,177,1) 0%, rgba(94,40,143,1) 19%, rgba(72,28,108,1) 37%, rgba(43,16,64,1) 100%)';
+const StyledModal = styled(MuiModal)({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+});
+const ModalContainer = styled(Box, {
+    shouldForwardProp: prop => prop !== 'mobile'
+})(({ theme, mobile }) => ({
+    width: mobile ? 358 : 595,
+    background: MODAL_GRADIENT,
+    borderRadius: 16,
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 48,
+    padding: mobile ? '48px 24px' : '48px 105px',
+    outline: 'none',
+    [theme.breakpoints.down('sm')]: {
+        width: '100vw',
+        minHeight: '100vh',
+        borderRadius: 0,
+        padding: 24
+    }
+}));
+const CloseButton = styled(IconButton)({
+    position: 'absolute',
+    top: 18,
+    right: 18,
+    color: 'white',
+    padding: 8,
+    '&:hover': {
+        backgroundColor: 'rgba(255,255,255,0.1)'
+    },
+    '& svg': {
+        width: 24,
+        height: 24
+    }
+});
+const ModalTitle = styled('h2')({
+    fontSize: 24,
+    fontWeight: 700,
     textAlign: 'center',
-    marginBottom: '24px',
-    color: 'var(--text-secondary)'
+    margin: '0 -14px',
+    lineHeight: 1.334,
+    color: 'white',
+    fontFamily: 'Inter, sans-serif'
 });
-const Content = styled(Box)({
+const DownloadSection = styled(Box)({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    position: 'relative',
-    padding: '16px'
+    gap: 24,
+    width: '100%'
 });
-const ImageContainer = styled(Box)({
-    marginBottom: '24px',
+const PrimaryButton = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 16,
     width: '100%',
-    '& svg': {
-        maxWidth: '100%',
-        height: 'auto',
-        display: 'block',
-        margin: '0 auto'
+    height: 64,
+    backgroundColor: '#FF2D55',
+    borderRadius: 16,
+    border: 'none',
+    cursor: 'pointer',
+    textDecoration: 'none',
+    fontFamily: 'Inter, sans-serif',
+    fontWeight: 600,
+    fontSize: '19.89px',
+    color: '#FCFCFC',
+    textTransform: 'uppercase',
+    letterSpacing: '0.61px',
+    boxSizing: 'border-box',
+    outline: '3px solid transparent',
+    outlineOffset: 4,
+    transition: 'outline-color 0.15s ease',
+    '&:hover': {
+        outlineColor: 'white',
+        borderRadius: 16
+    }
+});
+const EpicButton = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 24,
+    width: '100%',
+    height: 64,
+    backgroundColor: 'white',
+    border: '3px solid white',
+    borderRadius: 16,
+    cursor: 'pointer',
+    textDecoration: 'none',
+    fontFamily: 'Inter, sans-serif',
+    fontWeight: 600,
+    fontSize: '19.89px',
+    color: '#242129',
+    textTransform: 'uppercase',
+    letterSpacing: '0.61px',
+    boxSizing: 'border-box',
+    outline: '3px solid transparent',
+    outlineOffset: 4,
+    transition: 'outline-color 0.15s ease',
+    '&:hover': {
+        outlineColor: 'white',
+        borderRadius: 16
+    }
+});
+const StatsRow = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 16,
+    flexWrap: 'wrap',
+    justifyContent: 'center'
+});
+const StatItem = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 12,
+    color: 'white',
+    fontFamily: 'Inter, sans-serif',
+    fontSize: 16,
+    fontWeight: 400
+});
+const StatDivider = styled(Box)({
+    width: 1,
+    height: 20,
+    backgroundColor: 'rgba(255,255,255,0.5)',
+    flexShrink: 0
+});
+const DividerRow = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 21,
+    width: '100%',
+    padding: '12px 0'
+});
+const DividerLine = styled(Box)({
+    flex: 1,
+    height: 1,
+    backgroundColor: 'rgba(255,255,255,1)'
+});
+const DividerText = styled('span')({
+    fontFamily: 'Inter, sans-serif',
+    fontSize: 16,
+    fontWeight: 400,
+    color: 'white',
+    whiteSpace: 'nowrap'
+});
+const StoreBadge = styled('a')({
+    display: 'block',
+    '& img': {
+        height: 61,
+        width: 'auto'
+    },
+    '&:hover': {
+        opacity: 0.9
+    }
+});
+const PlatformLink = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+    color: '#ECEBED',
+    fontFamily: 'Inter, sans-serif',
+    fontSize: 16,
+    fontWeight: 400,
+    textDecoration: 'none',
+    cursor: 'pointer',
+    '&:hover': {
+        opacity: 0.8
+    }
+});
+const StoreBadgesRow = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 22,
+    justifyContent: 'center'
+});
+const MobileCta = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    height: 64,
+    backgroundColor: '#FF2D55',
+    borderRadius: 12,
+    cursor: 'pointer',
+    textDecoration: 'none',
+    padding: '12px 20px',
+    boxSizing: 'border-box',
+    outline: '3px solid transparent',
+    outlineOffset: 4,
+    transition: 'outline-color 0.15s ease',
+    '& img': {
+        height: 40,
+        width: 'auto'
+    },
+    '&:hover': {
+        outlineColor: 'white'
     }
 });
-export { StyledTitle, StyledDescription, Content, ImageContainer };
+export { CloseButton, DividerLine, DividerRow, DividerText, DownloadSection, EpicButton, MobileCta, ModalContainer, ModalTitle, PlatformLink, PrimaryButton, StatDivider, StatItem, StatsRow, StoreBadge, StoreBadgesRow, StyledModal };
 //# sourceMappingURL=DownloadModal.styled.js.map

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

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

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

@@ -1,7 +1,32 @@
-import { ModalProps } from '../Modal.types';
-export type DownloadModalProps = Omit<ModalProps, 'children'> & {
+type DownloadModalI18n = {
     title: string;
-    description: string;
-    buttonLabel: string;
-    onDownloadClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    download: string;
+    downloadOn: string;
+    totalDownloads: string;
+    alsoAvailableOn: string;
 };
+type DownloadModalProps = {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal is closed */
+    onClose: () => void;
+    /** The user's OS — drives primary download button and layout.
+     * 'apple' / 'windows' = desktop layout (primary + Epic + "Also Available on" badges)
+     * 'android' / 'ios' = mobile layout (single store CTA + total downloads) */
+    os: 'apple' | 'windows' | 'android' | 'ios';
+    /** Primary download URL (OS-specific installer) */
+    downloadUrl: string;
+    /** Epic Games store URL */
+    epicUrl: string;
+    /** Google Play store URL */
+    googlePlayUrl: string;
+    /** App Store URL */
+    appStoreUrl?: string;
+    /** i18n strings — all have English defaults */
+    i18n?: Partial<DownloadModalI18n>;
+    /** Called when the primary download button is clicked */
+    onDownloadClick?: () => void;
+    /** Called when the Epic Games button is clicked */
+    onEpicClick?: () => void;
+};
+export type { DownloadModalI18n, DownloadModalProps };

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import CloseIcon from '@mui/icons-material/Close';
+import { DclIcon } from './icons/DclIcon';
+import { VerifiedIcon } from './icons/VerifiedIcon';
+import dclLogoQr from '../../../Assets/dcl-logo-qr.svg';
+import { CloseButton, DownloadSection, ModalContainer, ModalTitle, StatItem, StatsRow, StyledModal } from './DownloadModal.styled';
+import { QRContainer, QRImage, QRLogo } from './DownloadQRModal.styled';
+const DEFAULT_I18N = {
+    title: 'Download Decentraland App for {os}',
+    totalDownloads: 'Total Downloads: +250K'
+};
+function DownloadQRModal(props) {
+    const { os, qrImageUrl, logoUrl = dclLogoQr, i18n: i18nPartial, open, onClose } = props;
+    const i18n = useMemo(() => ({ ...DEFAULT_I18N, ...i18nPartial }), [i18nPartial]);
+    const handleClose = useCallback((_event, _reason) => {
+        onClose();
+    }, [onClose]);
+    const osLabel = os === 'ios' ? 'iOS' : 'Android';
+    const title = i18n.title.replace('{os}', osLabel);
+    return (_jsx(StyledModal, { open: open, onClose: handleClose, children: _jsxs(ModalContainer, { children: [_jsx(CloseButton, { onClick: onClose, "aria-label": "Close", children: _jsx(CloseIcon, {}) }), _jsx(DclIcon, {}), _jsx(ModalTitle, { children: title }), _jsxs(DownloadSection, { children: [_jsxs(QRContainer, { children: [_jsx(QRImage, { src: qrImageUrl, alt: `QR code to download Decentraland for ${osLabel}` }), logoUrl && _jsx(QRLogo, { src: logoUrl, alt: "Decentraland" })] }), _jsx(StatsRow, { children: _jsxs(StatItem, { children: [_jsx(VerifiedIcon, {}), i18n.totalDownloads] }) })] })] }) }));
+}
+export { DownloadQRModal };
+//# sourceMappingURL=DownloadQRModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadQRModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClI,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEvE,MAAM,YAAY,GAAwB;IACxC,KAAK,EAAE,oCAAoC;IAC3C,cAAc,EAAE,wBAAwB;CACzC,CAAA;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEvF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEhF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAAoC,EAAE,OAAgB,EAAE,EAAE;QACzD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAC3C,MAAC,cAAc,eACb,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,YAC/C,KAAC,SAAS,KAAG,GACD,EAEd,KAAC,OAAO,KAAG,EAEX,KAAC,UAAU,cAAE,KAAK,GAAc,EAEhC,MAAC,eAAe,eACd,MAAC,WAAW,eACV,KAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,wCAAwC,OAAO,EAAE,GAAI,EACnF,OAAO,IAAI,KAAC,MAAM,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,IAC3C,EAEd,KAAC,QAAQ,cACP,MAAC,QAAQ,eACP,KAAC,YAAY,KAAG,EACf,IAAI,CAAC,cAAc,IACX,GACF,IACK,IACH,GACL,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,9 @@
+import { DownloadQRModalProps } from './DownloadQRModal.types';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<DownloadQRModalProps>;
+type Story = StoryObj<typeof meta>;
+declare const Android: Story;
+declare const IOS: Story;
+declare const WithoutLogo: Story;
+export default meta;
+export { Android, IOS, WithoutLogo };

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

@@ -0,0 +1,66 @@
+import { DownloadQRModal } from './DownloadQRModal';
+import qrAndroid from '../../../Assets/qr-android.svg';
+import qrIos from '../../../Assets/qr-ios.svg';
+const meta = {
+    title: 'Decentraland UI/Download QR Modal',
+    component: DownloadQRModal,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            description: {
+                component: 'Modal that displays a QR code linking to the App Store or Google Play store. ' +
+                    'Used on desktop to let users scan and download the mobile app. ' +
+                    'The QR images are static SVGs — regenerate with `node scripts/generate-qr-codes.cjs` if URLs change. ' +
+                    'A DCL logo is overlaid at the center of the QR by default (`dcl-logo-qr.svg`).'
+            },
+            story: {
+                inline: false,
+                iframeHeight: 100
+            }
+        }
+    },
+    argTypes: {
+        os: {
+            control: 'radio',
+            options: ['android', 'ios'],
+            description: 'Target platform — drives the title text'
+        },
+        qrImageUrl: {
+            description: 'QR code image URL (static SVG, PNG, or data URI)'
+        },
+        logoUrl: {
+            description: 'Optional logo overlaid at the center of the QR. Defaults to DCL logo.'
+        },
+        open: {
+            control: 'boolean'
+        }
+    }
+};
+const Android = {
+    args: {
+        open: true,
+        os: 'android',
+        qrImageUrl: qrAndroid
+    }
+};
+const IOS = {
+    name: 'iOS',
+    args: {
+        open: true,
+        os: 'ios',
+        qrImageUrl: qrIos
+    }
+};
+const WithoutLogo = {
+    args: {
+        open: true,
+        os: 'android',
+        qrImageUrl: qrAndroid,
+        logoUrl: undefined
+    }
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Android, IOS, WithoutLogo };
+//# sourceMappingURL=DownloadQRModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadQRModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,SAAS,MAAM,gCAAgC,CAAA;AACtD,OAAO,KAAK,MAAM,4BAA4B,CAAA;AAI9C,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,+EAA+E;oBAC/E,iEAAiE;oBACjE,uGAAuG;oBACvG,gFAAgF;aACnF;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,GAAG;aAClB;SACF;KACF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;YAC3B,WAAW,EAAE,yCAAyC;SACvD;QACD,UAAU,EAAE;YACV,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,WAAW,EAAE,uEAAuE;SACrF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;KACF;CACqC,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,UAAU,EAAE,SAAS;KACtB;CACF,CAAA;AAED,MAAM,GAAG,GAAU;IACjB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,KAAK;QACT,UAAU,EAAE,KAAK;KAClB;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,14 @@
+declare const QRContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const QRImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+declare const QRLogo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export { QRContainer, QRImage, QRLogo };

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

@@ -0,0 +1,33 @@
+import styled from '@emotion/styled';
+import { Box } from '@mui/material';
+const QRContainer = styled(Box)({
+    position: 'relative',
+    width: 263,
+    height: 263,
+    flexShrink: 0,
+    backgroundColor: 'white',
+    borderRadius: 16,
+    padding: 12,
+    boxSizing: 'content-box'
+});
+const QRImage = styled('img')({
+    width: '100%',
+    height: '100%',
+    borderRadius: 8,
+    objectFit: 'cover',
+    display: 'block'
+});
+const QRLogo = styled('img')({
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: 69,
+    height: 69,
+    borderRadius: 50,
+    border: '4px solid white',
+    backgroundColor: 'white',
+    objectFit: 'cover'
+});
+export { QRContainer, QRImage, QRLogo };
+//# sourceMappingURL=DownloadQRModal.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadQRModal.styled.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,OAAO;IACxB,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,aAAa;CACzB,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,CAAC;IACf,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,iBAAiB;IACzB,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -0,0 +1,19 @@
+type DownloadQRModalI18n = {
+    title: string;
+    totalDownloads: string;
+};
+type DownloadQRModalProps = {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal is closed */
+    onClose: () => void;
+    /** The platform — drives the title text */
+    os: 'android' | 'ios';
+    /** QR code image URL (PNG/SVG/data URI) pointing to the store listing */
+    qrImageUrl: string;
+    /** Optional logo to overlay at the center of the QR code */
+    logoUrl?: string;
+    /** i18n strings — all have English defaults */
+    i18n?: Partial<DownloadQRModalI18n>;
+};
+export type { DownloadQRModalI18n, DownloadQRModalProps };

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

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