decentraland-ui2 0.0.0-9008705175.commit-ca18515 → 0.0.0-9019876194.commit-17a9c08

package/dist/colors.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textOnWhiteTransparent = exports.whiteTransparent = exports.textOnBlackTransparent = exports.blackTransparent = exports.opacity = exports.textOnGradient = exports.gradient = exports.textOnBrand = exports.brand = exports.textOnRarity = exports.rarityGradient = exports.rarity = exports.textOnState = exports.state = exports.textOnBase = exports.base = exports.textOnNeutral = exports.neutral = void 0;
-exports.neutral = {
+export const neutral = {
     white: `#FFFFFF`,
     softWhite: `#FCFCFC`,
     gray5: `#ECEBED`,
@@ -14,34 +11,34 @@ exports.neutral = {
     softBlack1: `#161518`,
     black: `#000000`,
 };
-exports.textOnNeutral = {
-    white: exports.neutral.softBlack2,
-    softWhite: exports.neutral.softBlack2,
-    gray5: exports.neutral.softBlack2,
-    gray4: exports.neutral.softBlack2,
-    gray3: exports.neutral.white,
-    gray2: exports.neutral.white,
-    gray1: exports.neutral.white,
-    gray0: exports.neutral.white,
-    softBlack2: exports.neutral.white,
-    softBlack1: exports.neutral.white,
-    black: exports.neutral.white,
-};
-exports.base = {
+export const textOnNeutral = {
+    white: neutral.softBlack2,
+    softWhite: neutral.softBlack2,
+    gray5: neutral.softBlack2,
+    gray4: neutral.softBlack2,
+    gray3: neutral.white,
+    gray2: neutral.white,
+    gray1: neutral.white,
+    gray0: neutral.white,
+    softBlack2: neutral.white,
+    softBlack1: neutral.white,
+    black: neutral.white,
+};
+export const base = {
     primary: "#FF2D55",
     primaryLight2: `#FFD8DF`,
     primaryLight1: `#FFBFCB`,
     primaryDark: `#DF1F43`,
     primaryAlt: `#FF7439`,
 };
-exports.textOnBase = {
-    primary: exports.neutral.white,
-    primaryLight2: exports.neutral.black,
-    primaryLight1: exports.neutral.black,
-    primaryDark: exports.neutral.white,
-    primaryAlt: exports.neutral.white,
+export const textOnBase = {
+    primary: neutral.white,
+    primaryLight2: neutral.black,
+    primaryLight1: neutral.black,
+    primaryDark: neutral.white,
+    primaryAlt: neutral.white,
 };
-exports.state = {
+export const state = {
     success: `#34CE76`,
     successDark: `#279E5A`,
     warning: `#FFC95B`,
@@ -49,15 +46,15 @@ exports.state = {
     error: `#FB3B3B`,
     errorDark: `#DA2828`,
 };
-exports.textOnState = {
-    success: exports.neutral.white,
-    successDark: exports.neutral.white,
-    warning: exports.neutral.softBlack2,
-    warningDark: exports.neutral.softBlack2,
-    error: exports.neutral.white,
-    errorDark: exports.neutral.white,
+export const textOnState = {
+    success: neutral.white,
+    successDark: neutral.white,
+    warning: neutral.softBlack2,
+    warningDark: neutral.softBlack2,
+    error: neutral.white,
+    errorDark: neutral.white,
 };
-exports.rarity = {
+export const rarity = {
     common: `#73D3D3`,
     uncommon: `#FF8362`,
     rare: `#34CE76`,
@@ -75,25 +72,25 @@ const rarityLight = {
     mythic: `#FDC4F7`,
     unique: `#F3E5CF`,
 };
-exports.rarityGradient = {
-    common: `radial-gradient(circle, ${rarityLight.common} 0%, ${exports.rarity.common} 100%)`,
-    uncommon: `radial-gradient(circle, ${rarityLight.uncommon} 0%, ${exports.rarity.uncommon} 100%)`,
-    rare: `radial-gradient(circle, ${rarityLight.rare} 0%, ${exports.rarity.rare} 100%)`,
-    epic: `radial-gradient(circle, ${rarityLight.epic} 0%, ${exports.rarity.epic} 100%)`,
-    legendary: `radial-gradient(circle, ${rarityLight.legendary} 0%, ${exports.rarity.legendary} 100%)`,
-    mythic: `radial-gradient(circle, ${rarityLight.mythic} 0%, ${exports.rarity.mythic} 100%)`,
-    unique: `radial-gradient(circle, ${rarityLight.unique} 0%, ${exports.rarity.unique} 100%)`,
-};
-exports.textOnRarity = {
-    common: exports.neutral.white,
-    uncommon: exports.neutral.white,
-    rare: exports.neutral.white,
-    epic: exports.neutral.white,
-    legendary: exports.neutral.white,
-    mythic: exports.neutral.white,
-    unique: exports.neutral.white,
-};
-exports.brand = {
+export const rarityGradient = {
+    common: `radial-gradient(circle, ${rarityLight.common} 0%, ${rarity.common} 100%)`,
+    uncommon: `radial-gradient(circle, ${rarityLight.uncommon} 0%, ${rarity.uncommon} 100%)`,
+    rare: `radial-gradient(circle, ${rarityLight.rare} 0%, ${rarity.rare} 100%)`,
+    epic: `radial-gradient(circle, ${rarityLight.epic} 0%, ${rarity.epic} 100%)`,
+    legendary: `radial-gradient(circle, ${rarityLight.legendary} 0%, ${rarity.legendary} 100%)`,
+    mythic: `radial-gradient(circle, ${rarityLight.mythic} 0%, ${rarity.mythic} 100%)`,
+    unique: `radial-gradient(circle, ${rarityLight.unique} 0%, ${rarity.unique} 100%)`,
+};
+export const textOnRarity = {
+    common: neutral.white,
+    uncommon: neutral.white,
+    rare: neutral.white,
+    epic: neutral.white,
+    legendary: neutral.white,
+    mythic: neutral.white,
+    unique: neutral.white,
+};
+export const brand = {
     yellow: `#FFBC5B`,
     melon: `#FFA25A`,
     orange: `#FF7439`,
@@ -102,44 +99,55 @@ exports.brand = {
     voilet: `#A524B3`,
     purpel: `#691FA9`,
 };
-exports.textOnBrand = {
-    yellow: exports.neutral.softBlack2,
-    melon: exports.neutral.softBlack2,
-    orange: exports.neutral.white,
-    ruby: exports.neutral.white,
-    lavander: exports.neutral.white,
-    voilet: exports.neutral.white,
-    purpel: exports.neutral.white,
-};
-exports.gradient = Object.assign(Object.assign({}, exports.rarityGradient), { flare: `linear-gradient(135deg, ${exports.brand.ruby} 0%, ${exports.brand.yellow} 100%)`, cerise: `linear-gradient(135deg, ${exports.brand.ruby} 0%, ${exports.brand.lavander} 100%)`, amin: `linear-gradient(135deg, ${exports.brand.lavander} 0%, ${exports.brand.purpel} 100%)` });
-exports.textOnGradient = Object.assign(Object.assign({}, exports.textOnRarity), { flare: exports.neutral.white, cerise: exports.neutral.white, amin: exports.neutral.white });
-exports.opacity = {
+export const textOnBrand = {
+    yellow: neutral.softBlack2,
+    melon: neutral.softBlack2,
+    orange: neutral.white,
+    ruby: neutral.white,
+    lavander: neutral.white,
+    voilet: neutral.white,
+    purpel: neutral.white,
+};
+export const gradient = {
+    ...rarityGradient,
+    flare: `linear-gradient(135deg, ${brand.ruby} 0%, ${brand.yellow} 100%)`,
+    cerise: `linear-gradient(135deg, ${brand.ruby} 0%, ${brand.lavander} 100%)`,
+    amin: `linear-gradient(135deg, ${brand.lavander} 0%, ${brand.purpel} 100%)`,
+};
+export const textOnGradient = {
+    ...textOnRarity,
+    flare: neutral.white,
+    cerise: neutral.white,
+    amin: neutral.white,
+};
+export const opacity = {
     backdrop: 0.6,
     blurry: 0.4,
     soft: 0.2,
     subtle: 0.1,
 };
-exports.blackTransparent = {
-    backdrop: `rgba(0, 0, 0, ${exports.opacity.backdrop})`,
-    blurry: `rgba(0, 0, 0, ${exports.opacity.blurry})`,
-    soft: `rgba(0, 0, 0, ${exports.opacity.soft})`,
-    subtle: `rgba(0, 0, 0, ${exports.opacity.subtle})`,
-};
-exports.textOnBlackTransparent = {
-    backdrop: exports.neutral.white,
-    blurry: exports.neutral.white,
-    soft: exports.neutral.black,
-    subtle: exports.neutral.black,
-};
-exports.whiteTransparent = {
-    backdrop: `rgba(255, 255, 255, ${exports.opacity.backdrop})`,
-    blurry: `rgba(255, 255, 255, ${exports.opacity.blurry})`,
-    soft: `rgba(255, 255, 255, ${exports.opacity.soft})`,
-    subtle: `rgba(255, 255, 255, ${exports.opacity.subtle})`,
-};
-exports.textOnWhiteTransparent = {
-    backdrop: exports.neutral.softBlack2,
-    blurry: exports.neutral.softBlack2,
-    soft: exports.neutral.softBlack2,
-    subtle: exports.neutral.softBlack2,
-};
+export const blackTransparent = {
+    backdrop: `rgba(0, 0, 0, ${opacity.backdrop})`,
+    blurry: `rgba(0, 0, 0, ${opacity.blurry})`,
+    soft: `rgba(0, 0, 0, ${opacity.soft})`,
+    subtle: `rgba(0, 0, 0, ${opacity.subtle})`,
+};
+export const textOnBlackTransparent = {
+    backdrop: neutral.white,
+    blurry: neutral.white,
+    soft: neutral.black,
+    subtle: neutral.black,
+};
+export const whiteTransparent = {
+    backdrop: `rgba(255, 255, 255, ${opacity.backdrop})`,
+    blurry: `rgba(255, 255, 255, ${opacity.blurry})`,
+    soft: `rgba(255, 255, 255, ${opacity.soft})`,
+    subtle: `rgba(255, 255, 255, ${opacity.subtle})`,
+};
+export const textOnWhiteTransparent = {
+    backdrop: neutral.softBlack2,
+    blurry: neutral.softBlack2,
+    soft: neutral.softBlack2,
+    subtle: neutral.softBlack2,
+};
+//# sourceMappingURL=colors.js.map

package/dist/colors.js.map

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

package/dist/components/Atlas/Atlas.d.ts

@@ -38,9 +38,7 @@ export type AtlasProps = Omit<TileMapProps, "layers" | "className"> & {
     /** @deprecated */
     className?: string;
 };
-export type AtlasStateProps = {
-    tiles?: Record<string, AtlasTileProps>;
-};
+export type AtlasStateProps = Record<string, AtlasTileProps> | undefined;
 export interface AtlasInterface extends AtlasProps {
 }
-export declare const Atlas: React.MemoExoticComponent<(props: AtlasProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Atlas: React.MemoExoticComponent<(props: AtlasProps) => JSX.Element>;

package/dist/components/Atlas/Atlas.js

@@ -1,37 +1,11 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Atlas = exports.AtlasTileType = exports.AtlasColor = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_tile_map_1 = require("react-tile-map");
-const react_2 = require("@emotion/react");
-const util_1 = require("./util");
-const colors_1 = require("../../colors");
-require("react-tile-map/dist/styles.css");
-var AtlasColor;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { TileMap } from "react-tile-map";
+/* import { css } from "@emotion/react" */
+import { getColorByType, getTiles } from "./util";
+/* import { neutral } from "../../colors" */
+import "react-tile-map/dist/styles.css";
+export var AtlasColor;
 (function (AtlasColor) {
     AtlasColor["OWNED"] = "#3D3A46";
     AtlasColor["UNOWNED"] = "#09080A";
@@ -40,25 +14,25 @@ var AtlasColor;
     AtlasColor["DISTRICT"] = "#5054D4";
     AtlasColor["ODD"] = "#110E13";
     AtlasColor["EVEN"] = "#0D0B0E";
-})(AtlasColor || (exports.AtlasColor = AtlasColor = {}));
-var AtlasTileType;
+})(AtlasColor || (AtlasColor = {}));
+export var AtlasTileType;
 (function (AtlasTileType) {
     AtlasTileType["OWNED"] = "owned";
     AtlasTileType["UNOWNED"] = "unowned";
     AtlasTileType["PLAZA"] = "plaza";
     AtlasTileType["ROAD"] = "road";
     AtlasTileType["DISTRICT"] = "district";
-})(AtlasTileType || (exports.AtlasTileType = AtlasTileType = {}));
-exports.Atlas = react_1.default.memo((props) => {
+})(AtlasTileType || (AtlasTileType = {}));
+export const Atlas = React.memo((props) => {
     const { layers } = props;
-    const [tiles, setTiles] = (0, react_1.useState)(props.tiles);
-    const mountedRef = react_1.default.useRef(true);
-    const layer = (0, react_1.useCallback)((x, y) => {
+    const [tiles, setTiles] = useState(props.tiles);
+    const mountedRef = React.useRef(true);
+    const layer = useCallback((x, y) => {
         const id = x + "," + y;
         if (tiles && id in tiles) {
             const tile = tiles[id];
             return {
-                color: (0, util_1.getColorByType)(tile.type),
+                color: getColorByType(tile.type),
                 top: tile.top,
                 left: tile.left,
                 topLeft: tile.topLeft,
@@ -70,15 +44,15 @@ exports.Atlas = react_1.default.memo((props) => {
             };
         }
     }, [tiles]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!tiles) {
-            (0, util_1.getTiles)().then(handleUpdateTiles);
+            getTiles().then(handleUpdateTiles);
         }
         return () => {
             mountedRef.current = false;
         };
     }, [tiles]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (props.tiles && props.tiles !== tiles) {
             setTiles(props.tiles);
         }
@@ -88,9 +62,15 @@ exports.Atlas = react_1.default.memo((props) => {
             setTiles(updatedTiles);
         }
     };
-    const atlasStyle = (0, react_2.css)({
-        background: colors_1.neutral.softBlack1,
-    });
-    const layersMemo = (0, react_1.useMemo)(() => [layer, ...(layers || [])], [layer, layers]);
-    return ((0, jsx_runtime_1.jsx)(react_tile_map_1.TileMap, Object.assign({}, react_tile_map_1.TileMap.defaultProps, props, { css: atlasStyle, layers: layersMemo })));
+    /*
+    Review this CSS
+    const atlasStyle = css({
+      background: neutral.softBlack1,
+    }) */
+    const layersMemo = useMemo(() => [layer, ...(layers || [])], [layer, layers]);
+    return (_jsx(TileMap, { ...TileMap.defaultProps, ...props, 
+        /* Review this CSS */
+        /* css={atlasStyle} */
+        layers: layersMemo }));
 });
+//# sourceMappingURL=Atlas.js.map

package/dist/components/Atlas/Atlas.js.map

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

package/dist/components/Atlas/Atlas.stories.js

@@ -1,26 +1,11 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithZoomControl = exports.HoverToHighlight = exports.ClickToSelect = exports.ForSale = exports.Controlled = exports.Uncontrolled = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const blocks_1 = require("@storybook/blocks");
-const Atlas_1 = require("./Atlas");
-const util_1 = require("./util");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { ArgTypes, Title } from "@storybook/blocks";
+import { Atlas } from "./Atlas";
+import { getTiles } from "./util";
 let tiles;
 if (window) {
-    (0, util_1.getTiles)().then((_tiles) => (tiles = _tiles));
+    getTiles().then((_tiles) => (tiles = _tiles));
 }
 // For Sale
 const forSaleLayer = (x, y) => {
@@ -89,13 +74,13 @@ const hoverFillLayer = (x, y) => {
     }
     return null;
 };
-const AtlasContainer = styled_1.default.div({
+const AtlasContainer = styled.div({
     width: "90vw",
     height: "90vh",
     backgroundColor: "black",
 });
 const meta = {
-    component: Atlas_1.Atlas,
+    component: Atlas,
     title: "Decentraland UI/Atlas",
     tags: ["autodocs"],
     argTypes: {
@@ -183,93 +168,80 @@ const meta = {
     },
     parameters: {
         docs: {
-            page: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(blocks_1.Title, {}), (0, jsx_runtime_1.jsx)(blocks_1.ArgTypes, {})] })),
+            page: () => (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(ArgTypes, {})] })),
         },
         layout: "centered",
         canvas: true,
     },
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
     decorators: [
-        (Story) => ((0, jsx_runtime_1.jsx)(AtlasContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+        (Story) => (_jsx(AtlasContainer, { children: _jsx(Story, {}) })),
     ],
-    render: (args, { loaded: { tiles } }) => (0, jsx_runtime_1.jsx)(Atlas_1.Atlas, Object.assign({}, args, { tiles: tiles })),
+    render: (args, { loaded: { tiles } }) => _jsx(Atlas, { ...args, tiles: tiles }),
 };
-exports.default = meta;
-exports.Uncontrolled = {
+export default meta;
+export const Uncontrolled = {
     args: {},
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: null,
-            });
+        async () => ({
+            tiles: null,
         }),
     ],
 };
-exports.Controlled = {
+export const Controlled = {
     args: {},
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
 };
-exports.ForSale = {
+export const ForSale = {
     args: {
         layers: [forSaleLayer],
     },
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
 };
-exports.ClickToSelect = {
+export const ClickToSelect = {
     args: {
         layers: [selectedStrokeLayer, selectedFillLayer],
         onClick: handleClick,
     },
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
 };
-exports.HoverToHighlight = {
+export const HoverToHighlight = {
     args: {
         layers: [hoverStrokeLayer, hoverFillLayer],
         onHover: handleHover,
     },
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
 };
-exports.WithZoomControl = {
+export const WithZoomControl = {
     args: {
         layers: [hoverStrokeLayer, hoverFillLayer],
         onHover: handleHover,
         withZoomControls: true,
     },
     loaders: [
-        () => __awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                tiles: yield (0, util_1.getTiles)(),
-            });
+        async () => ({
+            tiles: await getTiles(),
         }),
     ],
 };
+//# sourceMappingURL=Atlas.stories.js.map

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

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

package/dist/components/Atlas/util.js

@@ -1,41 +1,29 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getColorByType = exports.getTiles = void 0;
-const radash_1 = require("radash");
-const Atlas_1 = require("./Atlas");
+import { memo } from "radash";
+import { AtlasColor, AtlasTileType } from "./Atlas";
 const TILES_URL = "https://api.decentraland.org/v2/tiles";
-exports.getTiles = (0, radash_1.memo)(() => __awaiter(void 0, void 0, void 0, function* () {
+export const getTiles = memo(async () => {
     try {
-        const tilesFetch = yield fetch(TILES_URL);
-        const tilesJson = yield tilesFetch.json();
+        const tilesFetch = await fetch(TILES_URL);
+        const tilesJson = await tilesFetch.json();
         return tilesJson.data;
     }
     catch (error) {
         return {};
     }
-}), { ttl: 10 * 60 * 1000 } // 10 minutes
+}, { ttl: 10 * 60 * 1000 } // 10 minutes
 );
-function getColorByType(type) {
+export function getColorByType(type) {
     switch (type) {
-        case Atlas_1.AtlasTileType.OWNED:
-            return Atlas_1.AtlasColor.OWNED;
-        case Atlas_1.AtlasTileType.UNOWNED:
-            return Atlas_1.AtlasColor.UNOWNED;
-        case Atlas_1.AtlasTileType.PLAZA:
-            return Atlas_1.AtlasColor.PLAZA;
-        case Atlas_1.AtlasTileType.ROAD:
-            return Atlas_1.AtlasColor.ROAD;
-        case Atlas_1.AtlasTileType.DISTRICT:
-            return Atlas_1.AtlasColor.DISTRICT;
+        case AtlasTileType.OWNED:
+            return AtlasColor.OWNED;
+        case AtlasTileType.UNOWNED:
+            return AtlasColor.UNOWNED;
+        case AtlasTileType.PLAZA:
+            return AtlasColor.PLAZA;
+        case AtlasTileType.ROAD:
+            return AtlasColor.ROAD;
+        case AtlasTileType.DISTRICT:
+            return AtlasColor.DISTRICT;
     }
 }
-exports.getColorByType = getColorByType;
+//# sourceMappingURL=util.js.map

package/dist/components/Atlas/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/Atlas/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAA;AAEnE,MAAM,SAAS,GAAG,uCAAuC,CAAA;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAC1B,KAAK,IAA6C,EAAE;IAClD,IAAI;QACF,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;QACzC,MAAM,SAAS,GAIX,MAAM,UAAU,CAAC,IAAI,EAAE,CAAA;QAE3B,OAAO,SAAS,CAAC,IAAsC,CAAA;KACxD;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,EAAE,CAAA;KACV;AACH,CAAC,EACD,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,aAAa;CACtC,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,IAAmB;IAChD,QAAQ,IAAI,EAAE;QACZ,KAAK,aAAa,CAAC,KAAK;YACtB,OAAO,UAAU,CAAC,KAAK,CAAA;QACzB,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,UAAU,CAAC,OAAO,CAAA;QAC3B,KAAK,aAAa,CAAC,KAAK;YACtB,OAAO,UAAU,CAAC,KAAK,CAAA;QACzB,KAAK,aAAa,CAAC,IAAI;YACrB,OAAO,UAAU,CAAC,IAAI,CAAA;QACxB,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,UAAU,CAAC,QAAQ,CAAA;KAC7B;AACH,CAAC"}

package/dist/components/Atlas/util.test.js

@@ -1,5 +1,7 @@
+"use strict";
 describe("silly test", () => {
     it("silly test", () => {
         expect(true).toBe(true);
     });
 });
+//# sourceMappingURL=util.test.js.map

package/dist/components/Atlas/util.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.test.js","sourceRoot":"","sources":["../../../src/components/Atlas/util.test.ts"],"names":[],"mappings":";AAAA,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;QACpB,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/config/index.js

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-const ui_env_1 = require("@dcl/ui-env");
-const dev_json_1 = __importDefault(require("./env/dev.json"));
-const prod_json_1 = __importDefault(require("./env/prod.json"));
-const stg_json_1 = __importDefault(require("./env/stg.json"));
-exports.config = (0, ui_env_1.createConfig)({
-    [ui_env_1.Env.DEVELOPMENT]: dev_json_1.default,
-    [ui_env_1.Env.STAGING]: stg_json_1.default,
-    [ui_env_1.Env.PRODUCTION]: prod_json_1.default,
+import { Env, createConfig } from "@dcl/ui-env";
+import dev from "./env/dev.json";
+import prod from "./env/prod.json";
+import stg from "./env/stg.json";
+export const config = createConfig({
+    [Env.DEVELOPMENT]: dev,
+    [Env.STAGING]: stg,
+    [Env.PRODUCTION]: prod,
 });
+//# sourceMappingURL=index.js.map

package/dist/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAClC,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;IACjC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,GAAG;IACtB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,GAAG;IAClB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,IAAI;CACvB,CAAC,CAAA"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from "@mui/material";
 import emotionCache from "@emotion/cache";
-import emotionReact from "@emotion/react";
+import * as emotionReact from "@emotion/react";
 import emotionStyled from "@emotion/styled";
 export { emotionReact, emotionStyled, emotionCache };

package/dist/index.js

@@ -1,27 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emotionCache = exports.emotionStyled = exports.emotionReact = void 0;
-__exportStar(require("@mui/material"), exports);
-const cache_1 = __importDefault(require("@emotion/cache"));
-exports.emotionCache = cache_1.default;
-const react_1 = __importDefault(require("@emotion/react"));
-exports.emotionReact = react_1.default;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.emotionStyled = styled_1.default;
+export * from "@mui/material";
+import emotionCache from "@emotion/cache";
+import * as emotionReact from "@emotion/react";
+import emotionStyled from "@emotion/styled";
+export { emotionReact, emotionStyled, emotionCache };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAE7B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/theme.js

@@ -1,26 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dark = exports.light = void 0;
-const styles_1 = require("@mui/material/styles");
-const colors_1 = require("./colors");
+import { createTheme } from "@mui/material/styles";
+import { base, neutral } from "./colors";
 function theme(type) {
     const isDark = type === "dark";
-    const textColor = isDark ? colors_1.neutral.white : colors_1.neutral.black;
+    const textColor = isDark ? neutral.white : neutral.black;
     return {
         palette: {
             mode: type,
             primary: {
-                main: colors_1.base.primary,
+                main: base.primary,
             },
             secondary: {
-                main: colors_1.neutral.white,
+                main: neutral.white,
             },
             background: {
-                default: isDark ? colors_1.neutral.softBlack2 : colors_1.neutral.softWhite,
-                paper: isDark ? colors_1.neutral.softBlack1 : colors_1.neutral.white,
+                default: isDark ? neutral.softBlack2 : neutral.softWhite,
+                paper: isDark ? neutral.softBlack1 : neutral.white,
             },
             text: {
-                primary: colors_1.base.primary,
+                primary: base.primary,
             },
         },
         shape: {
@@ -71,5 +68,6 @@ function theme(type) {
         },
     };
 }
-exports.light = (0, styles_1.createTheme)(theme("light"));
-exports.dark = (0, styles_1.createTheme)(theme("dark"));
+export const light = createTheme(theme("light"));
+export const dark = createTheme(theme("dark"));
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAExC,SAAS,KAAK,CAAC,IAAsB;IACnC,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAA;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAA;IACxD,OAAO;QACL,OAAO,EAAE;YACP,IAAI,EAAE,IAAI;YACV,OAAO,EAAE;gBACP,IAAI,EAAE,IAAI,CAAC,OAAO;aACnB;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,OAAO,CAAC,KAAK;aACpB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS;gBACxD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;aACnD;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB;SACF;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,6CAA6C;YACzD,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,OAAO;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,OAAO;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,OAAO;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,OAAO;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,OAAO;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD,MAAM,EAAE;gBACN,aAAa,EAAE,WAAW;gBAC1B,UAAU,EAAE,GAAG;aAChB;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;aACjB;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;aACjB;SACF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;AAChD,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.0.0-9008705175.commit-ca18515",
+  "version": "0.0.0-9019876194.commit-17a9c08",
   "description": "Decentraland's UI components and styles",
-  "main": "index.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "author": "Decentraland",
   "license": "Apache-2.0",
   "scripts": {
@@ -10,7 +11,7 @@
     "fix:prettier": "prettier --write ./src",
     "start": "storybook dev -p 6006",
     "build": "npm run build:dist",
-    "build:dist": "rm -Rf dist && tsc -p . -d --outDir dist --declarationDir dist --sourceMap false --skipLibCheck",
+    "build:dist": "rm -Rf dist && tsc",
     "build-storybook": "npm run generate:storybooks && npx storybook@7 build",
     "format": "prettier --write '**/*.{ts,tsx,js,jsx,json,md,mdx,css}'",
     "lint": "eslint --ext .ts,.tsx,.js,.jsx ./src",
@@ -26,7 +27,7 @@
     "decentraland",
     "ui",
     "react",
-    "semantic-ui",
+    "material-ui",
     "components",
     "styles",
     "themes"
@@ -41,7 +42,7 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.14",
-    "@mui/material": "^5.14.14",
+    "@mui/material": "^5.15.17",
     "autoprefixer": "^10.4.16",
     "radash": "^11.0.0",
     "react": "^17.0.2",
@@ -86,5 +87,5 @@
   "files": [
     "dist"
   ],
-  "commit": "ca18515ed9c0b195c085361a61e752be0e3abedb"
+  "commit": "17a9c0822013f42bc662df28c1bbe9e24a02fba4"
 }