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

package/dist/theme/colorSchemes.js

@@ -0,0 +1,342 @@
+import { neutral } from "./colors";
+const colorSchemas = {
+    light: {
+        palette: {
+            mode: "light",
+            colorScheme: "light",
+            text: {
+                primary: "rgba(22, 21, 24, 0.9)",
+                secondary: "rgba(22, 21, 24, 0.6)",
+                disabled: "rgba(22, 21, 24, 0.38)",
+                _states: {
+                    hover: "rgba(22, 21, 24, 0.04)",
+                    selected: "rgba(22, 21, 24, 0.08)",
+                    focus: "rgba(22, 21, 24, 0.12)",
+                    focusVisible: "rgba(22, 21, 24, 0.16)",
+                },
+            },
+            primary: {
+                main: "#FF2D55",
+                dark: "#F70038",
+                light: "#F70038",
+                _states: {
+                    hover: "rgba(255, 45, 85, 0.08)",
+                    selected: "rgba(255, 45, 85, 0.08)",
+                    focus: "rgba(255, 45, 85, 0.12)",
+                    focusVisible: "rgba(255, 45, 85, 0.16)",
+                    outlinedBorder: "rgba(255, 45, 85, 0.32)",
+                },
+            },
+            secondary: {
+                main: neutral.gray5,
+                dark: neutral.gray3,
+                light: neutral.gray4,
+                contrast: neutral.gray1,
+                _states: {
+                    hover: "rgba(94, 91, 103, 0.08)",
+                    selected: "rgba(94, 91, 103, 0.08)",
+                    focus: "rgba(94, 91, 103, 0.12)",
+                    focusVisible: "rgba(94, 91, 103, 0.16)",
+                    outlinedBorder: "rgba(94, 91, 103, 0.56)",
+                },
+            },
+            action: {
+                active: "rgba(22, 21, 24, 0.56)",
+                hover: "rgba(22, 21, 24, 0.08)",
+                selected: "rgba(22, 21, 24, 0.16)",
+                focus: "rgba(22, 21, 24, 0.24)",
+                disabled: "rgba(22, 21, 24, 0.32)",
+                disabledBackground: "rgba(22, 21, 24, 0.12)",
+            },
+            error: {
+                main: "#FB3B3B",
+                dark: "#EC303A",
+                light: "#E97177",
+                _states: {
+                    hover: "rgba(251, 59, 59, 0.08)",
+                    selected: "rgba(251, 59, 59, 0.16)",
+                    focusVisible: "rgba(251, 59, 59, 0.16)",
+                    outlinedBorder: "rgba(251, 59, 59, 0.48)",
+                },
+                contrast: "#FFFFFF",
+            },
+            warning: {
+                main: "#FE9C2A",
+                dark: "#F38025",
+                light: "#FFB95B",
+                _states: {
+                    hover: "rgba(244, 130, 33, 0.08)",
+                    selected: "rgba(244, 130, 33, 0.08)",
+                    focusVisible: "rgba(244, 130, 33, 0.16)",
+                    outlinedBorder: "rgba(244, 130, 33, 0.32)",
+                },
+            },
+            info: {
+                main: "#2196F3",
+                dark: "#1A75D2",
+                light: "#63B4F6",
+                _states: {
+                    hover: "rgba(33, 150, 243, 0.08)",
+                    focusVisible: "rgba(33, 150, 243, 0.16)",
+                    outlinedBorder: "rgba(33, 150, 243, 0.48)",
+                },
+            },
+            success: {
+                main: "#34CE77",
+                dark: "#00B453",
+                light: "#65D890",
+                _states: {
+                    hover: "rgba(52, 206, 119, 0.08)",
+                    selected: "rgba(52, 206, 119, 0.16)",
+                    focusVisible: "rgba(52, 206, 119, 0.16)",
+                    outlinedBorder: "rgba(52, 206, 119, 0.32)",
+                },
+            },
+            common: {
+                black_states: {
+                    main: neutral.softBlack1,
+                    hover: "rgba(22, 21, 24, 0.04)",
+                    selected: "rgba(22, 21, 24, 0.08)",
+                    focus: "rgba(22, 21, 24, 0.12)",
+                    focusVisible: "rgba(22, 21, 24, 0.3)",
+                    outlinedBorder: "rgba(22, 21, 24, 0.5)",
+                },
+                white_states: {
+                    main: "#FFFFFF",
+                    focusVisible: "rgba(255, 255, 255, 0.3)",
+                },
+            },
+            background: {
+                default: "#FFF",
+            },
+            divider: "rgba(22, 21, 24, 0.12)",
+            _components: {
+                avatar: {
+                    fill: "#A09BA8",
+                },
+                input: {
+                    standard: {
+                        enabledBorder: "rgba(22, 21, 24, 0.42)",
+                        hoverBorder: neutral.softBlack1,
+                    },
+                    filled: {
+                        enabledFill: "rgba(22, 21, 24, 0.06)",
+                        hoverFill: "rgba(22, 21, 24, 0.09)",
+                    },
+                    outlined: {
+                        enabledBorder: "rgba(22, 21, 24, 0.23)",
+                        hoverBorder: neutral.softBlack1,
+                    },
+                },
+                switch: {
+                    knobFillEnabled: "#FFFFFF",
+                    slideFill: neutral.softBlack1,
+                    knowFillDisabled: "#ECEBED",
+                },
+                rating: {
+                    enabledBorder: "rgba(22, 21, 24, 0.23)",
+                    activeFill: "#FF2D55",
+                },
+                snackbar: {
+                    fill: "#43404A",
+                },
+                chip: {
+                    defaultCloseFill: neutral.softBlack1,
+                    defaultHoverFill: "rgba(22, 21, 24, 0.12)",
+                    defaultEnabledBorder: "#A09BA8",
+                    defaultFocusFill: "rgba(22, 21, 24, 0.2)",
+                },
+                tooltip: {
+                    fill: "#5E5B67",
+                },
+                backdrop: {
+                    fill: "rgba(22, 21, 24, 0.5)",
+                },
+                appBar: {
+                    defaultFill: "#ECEBED",
+                },
+                breadcrumbs: {
+                    collapseFill: "#ECEBED",
+                },
+                alert: {
+                    error: {
+                        color: "#FB3B3B",
+                        background: "rgba(251, 59, 59, 0.16)",
+                    },
+                    success: {
+                        background: "#C1EECF",
+                    },
+                },
+            },
+            icon: "#000",
+        },
+    },
+    dark: {
+        palette: {
+            mode: "dark",
+            colorScheme: "dark",
+            text: {
+                primary: "rgba(240,240,240, 1)",
+                secondary: "rgba(240,240,240, 0.7)",
+                disabled: "rgba(240,240,240, 0.38)",
+                _states: {
+                    hover: "rgba(240,240,240, 0.08)",
+                    selected: "rgba(240,240,240, 0.16)",
+                    focus: "rgba(240,240,240, 0.12)",
+                    focusVisible: "rgba(240,240,240, 0.3)",
+                },
+            },
+            primary: {
+                main: "#FF2D55",
+                dark: "#F70038",
+                light: "#F26276",
+                contrast: "#FFFFFF",
+                _states: {
+                    hover: "rgba(255, 45, 85, 0.08)",
+                    selected: "rgba(255, 45, 85, 0.16)",
+                    focus: "rgba(255, 45, 85, 0.12)",
+                    focusVisible: "rgba(255, 45, 85, 0.24)",
+                    outlinedBorder: "rgba(255, 45, 85, 0.5)",
+                },
+            },
+            secondary: {
+                main: neutral.trueWhite,
+                dark: neutral.gray4,
+                light: neutral.gray4,
+                contrast: neutral.gray1,
+                _states: {
+                    hover: "rgba(226, 224, 231, 0.08)",
+                    selected: "rgba(226, 224, 231, 0.16)",
+                    focus: "rgba(226, 224, 231, 0.12)",
+                    focusVisible: "rgba(226, 224, 231, 0.24)",
+                    outlinedBorder: "rgba(226, 224, 231, 0.5)",
+                },
+            },
+            action: {
+                active: "rgba(256, 256, 256, 0.56)",
+                hover: "rgba(256, 256, 256, 0.08)",
+                selected: "rgba(256, 256, 256, 0.16)",
+                focus: "rgba(256, 256, 256, 0.12)",
+                disabled: "rgba(256, 256, 256, 0.38)",
+                disabledBackground: "rgba(256, 256, 256, 0.12)",
+            },
+            error: {
+                main: "#FB3B3B",
+                dark: "#EC303A",
+                light: "#E97177",
+                _states: {
+                    hover: "rgba(251, 59, 59, 0.16)",
+                    selected: "rgba(251, 59, 59, 0.24)",
+                    focusVisible: "rgba(251, 59, 59, 0.24)",
+                    outlinedBorder: "rgba(251, 59, 59, 0.48)",
+                },
+                contrast: "#FFFFFF",
+            },
+            warning: {
+                main: "#FE9C2A",
+                dark: "#F38025",
+                light: "#FFB95B",
+                contrast: "#FFFFFF",
+                _states: {
+                    hover: "rgba(244, 130, 33, 0.08)",
+                    selected: "rgba(244, 130, 33, 0.16)",
+                    focusVisible: "rgba(244, 130, 33, 0.3)",
+                    outlinedBorder: "rgba(244, 130, 33, 0.5)",
+                },
+            },
+            info: {
+                main: "#2196F3",
+                dark: "#1A75D2",
+                light: "#63B4F6",
+                contrast: "#FFFFFF",
+                _states: {
+                    hover: "rgba(33, 150, 243, 0.16)",
+                    selected: "rgba(33, 150, 243, 0.24)",
+                    focusVisible: "rgba(33, 150, 243, 0.32)",
+                    outlinedBorder: "rgba(33, 150, 243, 0.48)",
+                },
+            },
+            success: {
+                main: "#34CE77",
+                dark: "#00B453",
+                light: "#65D890",
+                contrast: "#FFFFFF",
+                _states: {
+                    hover: "rgba(52, 206, 119, 0.08)",
+                    selected: "rgba(52, 206, 119, 0.24)",
+                    focusVisible: "rgba(52, 206, 119, 0.24)",
+                    outlinedBorder: "rgba(52, 206, 119, 0.48)",
+                },
+            },
+            common: {
+                black_states: {
+                    main: neutral.softBlack1,
+                    hover: "rgba(22, 21, 24, 0.08)",
+                    selected: "rgba(22, 21, 24, 0.16)",
+                    focus: "rgba(22, 21, 24, 0.12)",
+                    focusVisible: "rgba(22, 21, 24, 0.3)",
+                    outlinedBorder: "rgba(22, 21, 24, 0.5)",
+                },
+                white_states: {
+                    main: "rgba(255, 255, 255, 0.98)",
+                    focusVisible: "rgba(255, 255, 255, 0.16)",
+                    outlinedBorder: "rgba(255, 255, 255, 0.32)",
+                },
+            },
+            background: {
+                default: neutral.softBlack1,
+                paper: "#1D1C20",
+            },
+            elevation: {
+                outlined: "rgba(255, 255, 255, 0.12)",
+            },
+            _components: {
+                avatar: {
+                    fill: "#716B7C",
+                },
+                switch: {
+                    knobFillEnabled: "#FCFCFC",
+                    knowFillDisabled: "#716B7C",
+                },
+                rating: {
+                    activeFill: "#F70038",
+                },
+                snackbar: {
+                    fill: "#322F37",
+                },
+                chip: {
+                    defaultEnabledBorder: "#43404A",
+                },
+                tooltip: {
+                    fill: "#242129",
+                },
+                appBar: {
+                    defaultFill: "#2B292F",
+                },
+                breadcrumbs: {
+                    collapseFill: "#716B7C",
+                },
+                alert: {
+                    error: {
+                        color: "#F8919D",
+                        background: "rgba(204, 29, 44, 0.24)",
+                    },
+                    warning: {
+                        color: "#FFCD88",
+                        background: "rgba(236, 113, 34, 0.24)",
+                    },
+                    info: {
+                        color: "#BBDEFB",
+                        background: "rgba(23, 100, 192, 0.24)",
+                    },
+                    success: {
+                        background: "rgba(0, 161, 70, 0.24)",
+                    },
+                },
+            },
+            icon: "#fff",
+        },
+    },
+};
+export { colorSchemas };
+//# sourceMappingURL=colorSchemes.js.map

package/dist/theme/colorSchemes.js.map

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

package/dist/theme/colors.d.ts

@@ -0,0 +1,73 @@
+declare const neutral: {
+    white: string;
+    trueWhite: string;
+    softWhite: string;
+    gray5: string;
+    gray4: string;
+    gray3: string;
+    gray2: string;
+    gray1: string;
+    gray0: string;
+    softBlack2: string;
+    softBlack1: string;
+    black: string;
+};
+declare const textOnNeutral: typeof neutral;
+declare const base: {
+    primary: string;
+    primaryDark1: string;
+    primaryDark2: string;
+    primaryLight1: string;
+    primaryLight2: string;
+};
+declare const textOnBase: typeof base;
+declare const rarity: {
+    common: string;
+    uncommon: string;
+    rare: string;
+    epic: string;
+    legendary: string;
+    mythic: string;
+    unique: string;
+};
+declare const rarityGradient: typeof rarity;
+declare const textOnRarity: typeof rarity;
+declare const brand: {
+    yellow: string;
+    melon: string;
+    orange: string;
+    ruby: string;
+    lavander: string;
+    voilet: string;
+    purpel: string;
+};
+declare const textOnBrand: typeof brand;
+declare const gradient: {
+    flare: string;
+    cerise: string;
+    amin: string;
+    common: string;
+    uncommon: string;
+    rare: string;
+    epic: string;
+    legendary: string;
+    mythic: string;
+    unique: string;
+};
+declare const textOnGradient: typeof gradient;
+declare const opacity: {
+    backdrop: number;
+    blurry: number;
+    soft: number;
+    subtle: number;
+};
+declare const blackTransparent: {
+    backdrop: string;
+    blurry: string;
+    soft: string;
+    subtle: string;
+};
+declare const textOnBlackTransparent: typeof blackTransparent;
+declare const whiteTransparent: typeof blackTransparent;
+declare const textOnWhiteTransparent: typeof blackTransparent;
+export { neutral, textOnNeutral, base, textOnBase, rarity, rarityGradient, textOnRarity, brand, textOnBrand, gradient, textOnGradient, opacity, blackTransparent, textOnBlackTransparent, whiteTransparent, textOnWhiteTransparent, };

package/dist/theme/colors.js

@@ -0,0 +1,140 @@
+const neutral = {
+    white: `#FFFFFF`,
+    trueWhite: `#FFFFFF`,
+    softWhite: `#FCFCFC`,
+    gray5: `#ECEBED`,
+    gray4: `#CFCDD4`,
+    gray3: `#A09BA8`,
+    gray2: `#716B7C`,
+    gray1: `#5E5B67`,
+    gray0: `#43404A`,
+    softBlack2: `#242129`,
+    softBlack1: `#161518`,
+    black: `#000000`,
+};
+const textOnNeutral = {
+    white: neutral.softBlack2,
+    trueWhite: neutral.trueWhite,
+    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,
+};
+const base = {
+    primary: "#FF2D55",
+    primaryDark1: "#F70038",
+    primaryDark2: "#D80029",
+    primaryLight1: `#F8919D`,
+    primaryLight2: `#FFC9D5`,
+};
+const textOnBase = {
+    primary: neutral.white,
+    primaryDark1: neutral.white,
+    primaryDark2: neutral.white,
+    primaryLight1: neutral.black,
+    primaryLight2: neutral.black,
+};
+const rarity = {
+    common: `#73D3D3`,
+    uncommon: `#FF8362`,
+    rare: `#34CE76`,
+    epic: `#438FFF`,
+    legendary: `#A14BF3`,
+    mythic: `#FF4BED`,
+    unique: `#FEA217`,
+};
+const rarityLight = {
+    common: `#D2F9F9`,
+    uncommon: `#F9E4DF`,
+    rare: `#C1F2D6`,
+    epic: `#C0D3EF`,
+    legendary: `#E1C1FF`,
+    mythic: `#FDC4F7`,
+    unique: `#F3E5CF`,
+};
+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%)`,
+};
+const textOnRarity = {
+    common: neutral.white,
+    uncommon: neutral.white,
+    rare: neutral.white,
+    epic: neutral.white,
+    legendary: neutral.white,
+    mythic: neutral.white,
+    unique: neutral.white,
+};
+const brand = {
+    yellow: `#FFBC5B`,
+    melon: `#FFA25A`,
+    orange: `#FF7439`,
+    ruby: `#FF2D55`,
+    lavander: `#C640CD`,
+    voilet: `#A524B3`,
+    purpel: `#691FA9`,
+};
+const textOnBrand = {
+    yellow: neutral.softBlack2,
+    melon: neutral.softBlack2,
+    orange: neutral.white,
+    ruby: neutral.white,
+    lavander: neutral.white,
+    voilet: neutral.white,
+    purpel: neutral.white,
+};
+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%)`,
+};
+const textOnGradient = {
+    ...textOnRarity,
+    flare: neutral.white,
+    cerise: neutral.white,
+    amin: neutral.white,
+};
+const opacity = {
+    backdrop: 0.6,
+    blurry: 0.4,
+    soft: 0.2,
+    subtle: 0.1,
+};
+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})`,
+};
+const textOnBlackTransparent = {
+    backdrop: neutral.white,
+    blurry: neutral.white,
+    soft: neutral.black,
+    subtle: neutral.black,
+};
+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})`,
+};
+const textOnWhiteTransparent = {
+    backdrop: neutral.softBlack2,
+    blurry: neutral.softBlack2,
+    soft: neutral.softBlack2,
+    subtle: neutral.softBlack2,
+};
+export { neutral, textOnNeutral, base, textOnBase, rarity, rarityGradient, textOnRarity, brand, textOnBrand, gradient, textOnGradient, opacity, blackTransparent, textOnBlackTransparent, whiteTransparent, textOnWhiteTransparent, };
+//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

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

package/dist/theme/components.d.ts

@@ -0,0 +1,2 @@
+import { Components, Palette, Theme } from "@mui/material";
+export declare const components: (palette: Palette) => Components<Omit<Theme, "components">>;