decentraland-ui2 0.8.9 → 0.9.0

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,2 @@
+import { BannerProps } from "./Banner.types";
+export declare const Banner: React.FC<BannerProps>;

package/dist/components/Banner/Banner.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
+import CircularProgress from "@mui/material/CircularProgress";
+import { Locales, getAssetUrl } from "../../hooks/contentful";
+import { useTabletAndBelowMediaQuery } from "../Media";
+import { BannerContainer, Button, ButtonContainer, Content, LoadingContainer, Logo, Text, Title, } from "./Banner.styled";
+const convertAlignmentToFlex = (alignment) => {
+    switch (alignment) {
+        case "left":
+            return "flex-start";
+        case "center":
+            return "center";
+        case "right":
+            return "flex-end";
+        default:
+            return "flex-start";
+    }
+};
+export const Banner = (props) => {
+    const { isLoading, fields, assets, locale = Locales.enUS, error } = props;
+    const isMobileOrTablet = useTabletAndBelowMediaQuery();
+    if (isLoading) {
+        return (_jsx(LoadingContainer, { children: _jsx(CircularProgress, {}) }));
+    }
+    // If there is no banner fields or the banner is not supposed to be shown, return null
+    if (!fields || !fields.showBanner[Locales.enUS] || error) {
+        return null;
+    }
+    // Build the parameteres based on the size of the screen
+    const bannerBackgroundImage = getAssetUrl(assets, Locales.enUS, isMobileOrTablet
+        ? fields.mobileBackground[Locales.enUS]
+        : fields.fullSizeBackground[Locales.enUS]);
+    const title = isMobileOrTablet
+        ? fields.mobileTitle[locale]
+        : fields.desktopTitle[locale];
+    const titleAlignment = (isMobileOrTablet
+        ? fields.mobileTitleAlignment[Locales.enUS]
+        : fields.desktopTitleAlignment[Locales.enUS])?.toLowerCase();
+    const text = isMobileOrTablet
+        ? fields.mobileText[locale]
+        : fields.desktopText[locale];
+    const textAlignment = (isMobileOrTablet
+        ? fields.mobileTextAlignment[Locales.enUS]
+        : fields.desktopTextAlignment[Locales.enUS])?.toLowerCase();
+    const buttonAlignment = convertAlignmentToFlex((isMobileOrTablet
+        ? fields.mobileButtonAlignment[Locales.enUS]
+        : fields.desktopButtonAlignment[Locales.enUS])?.toLowerCase());
+    return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ? documentToReactComponents(text) : null }), fields.showButton[Locales.enUS] &&
+                        fields.buttonLink?.[Locales.enUS] &&
+                        fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { href: fields.buttonLink[Locales.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[Locales.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, Locales.enUS, fields.logo[Locales.enUS]), alt: "Banner logo" }))] }));
+};
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

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

package/dist/components/{MarketingBanner/MarketingBanner.styled.d.ts → Banner/Banner.styled.d.ts}

@@ -1,4 +1,3 @@
-import type { Property } from "csstype";
 declare const LoadingContainer: 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>> & {
@@ -9,8 +8,7 @@ declare const BannerContainer: import("@emotion/styled").StyledComponent<import(
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     theme?: import("@emotion/react").Theme;
 } & {
-    mobileBackground: string;
-    fullSizeBackground: string;
+    background: string;
 }, {}, {}>;
 declare const ContentWrapper: 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;
@@ -30,25 +28,16 @@ declare const Title: import("@emotion/styled").StyledComponent<import("@mui/mate
     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;
-} & {
-    mobileTitleAlignment?: Property.TextAlign;
-    desktopTitleAlignment?: Property.TextAlign;
 }, {}, {}>;
 declare const Text: 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;
-} & {
-    mobileTextAlignment?: Property.TextAlign;
-    desktopTextAlignment?: Property.TextAlign;
 }, {}, {}>;
 declare const ButtonContainer: 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;
-} & {
-    mobileAlignment?: Property.TextAlign;
-    desktopAlignment?: Property.TextAlign;
 }, {}, {}>;
 declare const Button: 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;

package/dist/components/{MarketingBanner/MarketingBanner.styled.js → Banner/Banner.styled.js}

@@ -1,17 +1,6 @@
 import styled from "@emotion/styled";
 import { Box, Button as MuiButton, Typography } from "@mui/material";
-const convertAlignmentToFlex = (alignment) => {
-    switch (alignment) {
-        case "left":
-            return "flex-start";
-        case "center":
-            return "center";
-        case "right":
-            return "flex-end";
-        default:
-            return "flex-start";
-    }
-};
+import { neutral } from "../../theme/colors";
 const LoadingContainer = styled(Box)({
     display: "flex",
     justifyContent: "center",
@@ -19,9 +8,9 @@ const LoadingContainer = styled(Box)({
     width: "100%",
 });
 const BannerContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== "mobileBackground" && prop !== "fullSizeBackground",
+    shouldForwardProp: (prop) => prop !== "background",
 })((props) => {
-    const { theme, mobileBackground, fullSizeBackground } = props;
+    const { theme, background } = props;
     return {
         width: "100%",
         overflow: "hidden",
@@ -29,12 +18,11 @@ const BannerContainer = styled(Box, {
         padding: "2rem",
         justifyContent: "space-between",
         flexDirection: "row",
-        backgroundImage: `url(${fullSizeBackground})`,
+        backgroundImage: `url(${background})`,
         backgroundSize: "cover",
         backgroundPosition: "center",
         alignItems: "center",
         [theme.breakpoints.down("sm")]: {
-            backgroundImage: `url(${mobileBackground})`,
             flexDirection: "column-reverse",
         },
     };
@@ -67,57 +55,40 @@ const Logo = styled("img")((props) => {
         },
     };
 });
-const Title = styled(Typography, {
-    shouldForwardProp: (prop) => prop !== "mobileTitleAlignment" && prop !== "desktopTitleAlignment",
-})((props) => {
-    const { theme, mobileTitleAlignment, desktopTitleAlignment } = props;
+const Title = styled(Typography)((props) => {
+    const { theme } = props;
     return {
         margin: 0,
         color: "#fff",
-        textAlign: desktopTitleAlignment || "left",
         fontSize: "28px",
         textTransform: "uppercase",
         fontWeight: 800,
         [theme.breakpoints.down("sm")]: {
-            textAlign: mobileTitleAlignment || "left",
             fontSize: "24px",
         },
     };
 });
-const Text = styled(Box, {
-    shouldForwardProp: (prop) => prop !== "mobileTextAlignment" && prop !== "desktopTextAlignment",
-})((props) => {
-    const { theme, mobileTextAlignment, desktopTextAlignment } = props;
+const Text = styled(Box)((props) => {
+    const { theme } = props;
     return {
-        color: "#fff",
-        textAlign: desktopTextAlignment || "left",
+        color: neutral.white,
         fontSize: "19px",
         "& p": {
             margin: 0,
             padding: 0,
         },
         [theme.breakpoints.down("sm")]: {
-            textAlign: mobileTextAlignment || "left",
             fontSize: "16px",
         },
     };
 });
-const ButtonContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== "mobileAlignment" && prop !== "desktopAlignment",
-})((props) => {
-    const { theme, mobileAlignment, desktopAlignment } = props;
-    return {
-        display: "flex",
-        marginTop: "1rem",
-        alignItems: convertAlignmentToFlex(desktopAlignment || "left"),
-        [theme.breakpoints.down("sm")]: {
-            alignItems: convertAlignmentToFlex(mobileAlignment || "left"),
-        },
-    };
+const ButtonContainer = styled(Box)({
+    display: "flex",
+    marginTop: "1rem",
 });
 const Button = styled(MuiButton)({
     textTransform: "uppercase",
     minWidth: "300px",
 });
 export { LoadingContainer, BannerContainer, Content, ContentWrapper, Logo, Title, Text, ButtonContainer, Button, };
-//# sourceMappingURL=MarketingBanner.styled.js.map
+//# sourceMappingURL=Banner.styled.js.map

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

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

package/dist/components/Banner/Banner.types.d.ts

@@ -0,0 +1,31 @@
+import { AlignmentFieldType, ContentfulAsset, Locales, LocalizedField, SysAssetLink } from "hooks/contentful";
+import type { Document } from "@contentful/rich-text-types";
+type IBannerFields = {
+    id: LocalizedField<string>;
+    showBanner: LocalizedField<boolean>;
+    desktopTitle: LocalizedField<string>;
+    mobileTitle: LocalizedField<string>;
+    mobileTitleAlignment: LocalizedField<AlignmentFieldType>;
+    desktopTitleAlignment: LocalizedField<AlignmentFieldType>;
+    desktopText: LocalizedField<Document>;
+    mobileText: LocalizedField<Document>;
+    desktopTextAlignment: LocalizedField<AlignmentFieldType>;
+    mobileTextAlignment: LocalizedField<AlignmentFieldType>;
+    showButton: LocalizedField<boolean>;
+    buttonLink?: LocalizedField<string>;
+    buttonsText?: LocalizedField<string>;
+    desktopButtonAlignment: LocalizedField<AlignmentFieldType>;
+    mobileButtonAlignment: LocalizedField<AlignmentFieldType>;
+    fullSizeBackground: LocalizedField<SysAssetLink>;
+    mobileBackground: LocalizedField<SysAssetLink>;
+    logo?: LocalizedField<SysAssetLink>;
+};
+type BannerProps = {
+    fields: IBannerFields | null;
+    assets: Record<string, ContentfulAsset>;
+    isLoading: boolean;
+    locale?: Locales;
+    error: string | null;
+};
+type LowercasedAlignment = "left" | "center" | "right";
+export type { BannerProps, IBannerFields, LowercasedAlignment };

package/dist/components/Banner/Banner.types.js

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

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

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

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

@@ -0,0 +1,2 @@
+export { Banner } from "./Banner";
+export type { BannerProps, IBannerFields } from "./Banner.types";

package/dist/components/Banner/index.js

@@ -0,0 +1,2 @@
+export { Banner } from "./Banner";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/MarketingBanner/MarketingBanner.js

@@ -1,23 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
-import CircularProgress from "@mui/material/CircularProgress";
-import { Locales, getAssetUrl, useGetContentfulEntry, } from "../../hooks/contenful";
-import { BannerContainer, Button, ButtonContainer, Content, LoadingContainer, Logo, Text, Title, } from "./MarketingBanner.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Banner } from "../../components/Banner";
+import { Locales, useGetContentfulEntry } from "../../hooks/contentful";
 const BANNER_CONTENT_TYPE = "banner";
 export const MarketingBanner = (props) => {
     const { id, environment, token, space, locale = Locales.enUS } = props;
     const { fields, assets, isLoading, error } = useGetContentfulEntry(id, environment, BANNER_CONTENT_TYPE, token, space);
-    if (isLoading) {
-        return (_jsx(LoadingContainer, { children: _jsx(CircularProgress, {}) }));
-    }
-    // If there is no banner fields or the banner is not supposed to be shown, return null
-    if (!fields || !fields.showBanner[locale] || error) {
-        return null;
-    }
-    return (_jsxs(BannerContainer, { mobileBackground: getAssetUrl(assets, locale, fields.mobileBackground[locale]), fullSizeBackground: getAssetUrl(assets, locale, fields.fullSizeBackground[locale]), children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", mobileTitleAlignment: fields.mobileTitleAlignment[locale]?.toLowerCase(), desktopTitleAlignment: fields.desktopTitleAlignment[locale]?.toLowerCase(), children: fields.title[locale] }), _jsx(Text, { desktopTextAlignment: fields.desktopTextAlignment[locale]?.toLowerCase(), mobileTextAlignment: fields.mobileTextAlignment[locale]?.toLowerCase(), children: fields.text[locale]
-                            ? documentToReactComponents(fields.text[locale])
-                            : null }), fields.showButton[locale] &&
-                        fields.buttonLink?.[locale] &&
-                        fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { desktopAlignment: fields.desktopButtonAlignment[locale]?.toLowerCase(), mobileAlignment: fields.mobileButtonAlignment[locale]?.toLowerCase(), children: _jsx(Button, { href: fields.buttonLink[locale], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[locale] && (_jsx(Logo, { src: getAssetUrl(assets, locale, fields.logo[locale]), alt: "Banner logo" }))] }));
+    return (_jsx(Banner, { fields: fields, assets: assets, isLoading: isLoading, error: error, locale: locale }));
 };
 //# sourceMappingURL=MarketingBanner.js.map

package/dist/components/MarketingBanner/MarketingBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingBanner.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EACL,OAAO,EACP,WAAW,EACX,qBAAqB,GACtB,MAAM,uBAAuB,CAAA;AAM9B,OAAO,EACL,eAAe,EACf,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,0BAA0B,CAAA;AAEjC,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAC7D,KAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GACxC,qBAAqB,CACnB,EAAE,EACF,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,CACN,CAAA;IAEH,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,gBAAgB,KAAG,GACH,CACpB,CAAA;IACH,CAAC;IAED,sFAAsF;IACtF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACnD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,MAAC,eAAe,IACd,gBAAgB,EAAE,WAAW,CAC3B,MAAM,EACN,MAAM,EACN,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAChC,EACD,kBAAkB,EAAE,WAAW,CAC7B,MAAM,EACN,MAAM,EACN,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAClC,aAED,MAAC,OAAO,eACN,KAAC,KAAK,IACJ,OAAO,EAAC,IAAI,EACZ,oBAAoB,EAClB,MAAM,CAAC,oBAAoB,CACzB,MAAM,CACP,EAAE,WAAW,EAAyB,EAEzC,qBAAqB,EACnB,MAAM,CAAC,qBAAqB,CAC1B,MAAM,CACP,EAAE,WAAW,EAAyB,YAGxC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GACf,EAER,KAAC,IAAI,IACH,oBAAoB,EAClB,MAAM,CAAC,oBAAoB,CACzB,MAAM,CACP,EAAE,WAAW,EAAyB,EAEzC,mBAAmB,EACjB,MAAM,CAAC,mBAAmB,CACxB,MAAM,CACP,EAAE,WAAW,EAAyB,YAGxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;4BAClB,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;4BAChD,CAAC,CAAC,IAAI,GACH,EAEN,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC;wBAC1B,MAAM,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC;wBAC3B,MAAM,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7B,KAAC,eAAe,IACd,gBAAgB,EACd,MAAM,CAAC,sBAAsB,CAC3B,MAAM,CACP,EAAE,WAAW,EAAyB,EAEzC,eAAe,EACb,MAAM,CAAC,qBAAqB,CAC1B,MAAM,CACP,EAAE,WAAW,EAAyB,YAGzC,KAAC,MAAM,IACL,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAC/B,OAAO,EAAC,WAAW,EACnB,gBAAgB,kBAEf,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GACpB,GACO,CACnB,CAAC,CAAC,CAAC,IAAI,IACA,EACT,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CACrC,KAAC,IAAI,IACH,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EACrD,GAAG,EAAC,aAAa,GACjB,CACH,IACe,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MarketingBanner.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAiB,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAGvE,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAC7D,KAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GACxC,qBAAqB,CACnB,EAAE,EACF,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,CACN,CAAA;IAEH,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/MarketingBanner/MarketingBanner.stories.js

@@ -1,5 +1,5 @@
 import { MarketingBanner } from "./MarketingBanner";
-import { Locales } from "../../hooks/contenful";
+import { Locales } from "../../hooks/contentful";
 const meta = {
     title: "Decentraland UI/MarketingBanner",
     component: MarketingBanner,

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

@@ -1 +1 @@
-{"version":3,"file":"MarketingBanner.stories.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACoB,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,6CAA6C;QACpD,KAAK,EAAE,cAAc;KACtB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAChD,oDAAoD;AACpD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"MarketingBanner.stories.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAGhD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACoB,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,6CAA6C;QACpD,KAAK,EAAE,cAAc;KACtB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAChD,oDAAoD;AACpD,eAAe,IAAI,CAAA"}

package/dist/components/MarketingBanner/MarketingBanner.types.d.ts

@@ -1,24 +1,4 @@
-import { AlignmentFieldType, Locales, LocalizedField, SysAssetLink } from "hooks/contenful";
-import type { Document } from "@contentful/rich-text-types";
-type LowercasedAlignment = "left" | "center" | "right";
-type IBannerFields = {
-    id: LocalizedField<string>;
-    showBanner: LocalizedField<boolean>;
-    title: LocalizedField<string>;
-    mobileTitleAlignment: LocalizedField<AlignmentFieldType>;
-    desktopTitleAlignment: LocalizedField<AlignmentFieldType>;
-    text: LocalizedField<Document>;
-    desktopTextAlignment: LocalizedField<AlignmentFieldType>;
-    mobileTextAlignment: LocalizedField<AlignmentFieldType>;
-    showButton: LocalizedField<boolean>;
-    buttonLink?: LocalizedField<string>;
-    buttonsText?: LocalizedField<string>;
-    desktopButtonAlignment: LocalizedField<AlignmentFieldType>;
-    mobileButtonAlignment: LocalizedField<AlignmentFieldType>;
-    fullSizeBackground: LocalizedField<SysAssetLink>;
-    mobileBackground: LocalizedField<SysAssetLink>;
-    logo?: LocalizedField<SysAssetLink>;
-};
+import { Locales } from "hooks/contentful";
 type MarketingBannerProps = {
     id: string;
     environment: string;
@@ -26,4 +6,4 @@ type MarketingBannerProps = {
     space: string;
     locale?: Locales;
 };
-export type { LowercasedAlignment, IBannerFields, MarketingBannerProps };
+export type { MarketingBannerProps };

package/dist/hooks/contentful/contentful.js.map

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

package/dist/hooks/{contenful → contentful}/contentful.types.d.ts

@@ -5,7 +5,9 @@ declare enum ContentfulLocale {
     zh = "zh"
 }
 type LocalizedField<T> = {
-    [key in ContentfulLocale]: T;
+    [ContentfulLocale.enUS]: T;
+    [ContentfulLocale.es]?: T;
+    [ContentfulLocale.zh]?: T;
 };
 type SysAssetLink = {
     sys: {

package/dist/hooks/contentful/contentful.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentful.types.js","sourceRoot":"","sources":["../../../src/hooks/contentful/contentful.types.ts"],"names":[],"mappings":"AAEA,IAAK,gBAIJ;AAJD,WAAK,gBAAgB;IACnB,kCAAc,CAAA;IACd,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJI,gBAAgB,KAAhB,gBAAgB,QAIpB;AA8DD,OAAO,EACL,gBAAgB,IAAI,OAAO,GAO5B,CAAA"}

package/dist/hooks/contentful/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/contentful/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA"}

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

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

package/dist/hooks/index.js.map

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

package/dist/index.d.ts

@@ -22,4 +22,6 @@ export * from "./components/Navbar";
 export * from "./components/Notifications";
 export * from "./components/UserMenu";
 export * from "./components/MarketingBanner";
+export * from "./components/Banner";
+export * from "./hooks";
 export * as dclNetworkUtils from "./lib/network";

package/dist/index.js

@@ -23,5 +23,7 @@ export * from "./components/Navbar";
 export * from "./components/Notifications";
 export * from "./components/UserMenu";
 export * from "./components/MarketingBanner";
+export * from "./components/Banner";
+export * from "./hooks";
 export * as dclNetworkUtils from "./lib/network";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAE5C,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AAEvB,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.8.9",
+  "version": "0.9.0",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -92,5 +92,5 @@
   "files": [
     "dist"
   ],
-  "commit": "9fa513f4beb416477c819a7e2d2ee939fd0490e9"
+  "commit": "6dd88baa01f4053a4e2638997f89da2e85799347"
 }

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

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

package/dist/hooks/contenful/contentful.js.map

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

package/dist/hooks/contenful/contentful.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contentful.types.js","sourceRoot":"","sources":["../../../src/hooks/contenful/contentful.types.ts"],"names":[],"mappings":"AAEA,IAAK,gBAIJ;AAJD,WAAK,gBAAgB;IACnB,kCAAc,CAAA;IACd,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJI,gBAAgB,KAAhB,gBAAgB,QAIpB;AA4DD,OAAO,EACL,gBAAgB,IAAI,OAAO,GAO5B,CAAA"}

package/dist/hooks/contenful/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/contenful/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA"}