@carto/meridian-ds 2.7.0-alpha-loader.6 → 2.8.0-alpha-empty-state.1

package/dist/palette-utils-B9ybmwiI.cjs

@@ -0,0 +1,304 @@
+"use strict";
+const material = require("@mui/material");
+const cartoColors = require("cartocolor");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const cartoColors__namespace = /* @__PURE__ */ _interopNamespaceDefault(cartoColors);
+const COLOR_BLACK = "#2C3032";
+const COLOR_WHITE = "#FFFFFF";
+const COLOR_UNUSED = "#e91e63";
+const baseColors = {
+  common: {
+    black: COLOR_BLACK,
+    white: COLOR_WHITE
+  },
+  neutral: {
+    50: "#f8f9f9",
+    100: "#e1e3e4",
+    200: "#cbcdcf",
+    300: "#b4b8ba",
+    400: "#9da2a6",
+    500: "#868d91",
+    600: "#6f777c",
+    700: "#595f63",
+    800: "#43474a",
+    900: COLOR_BLACK,
+    A100: "#ddddde",
+    A200: "#b9babb",
+    A400: "#7c7e7f",
+    A700: "#16191A"
+  },
+  blue: {
+    100: "#B9DAF9",
+    200: "#5DB2F6",
+    300: "#358BE7",
+    400: "#036FE2",
+    500: "#024D9E"
+  },
+  green: {
+    300: "#6BE2AD",
+    400: "#47DB99",
+    500: "#31996B"
+  },
+  lightGreen: {
+    300: "#8CB24A",
+    400: "#709F1D",
+    500: "#435F11"
+  },
+  indigo: {
+    300: "#34689F",
+    400: "#024388",
+    500: "#012C5A"
+  },
+  orange: {
+    300: "#F4B134",
+    400: "#F29E02",
+    500: "#A96E01"
+  },
+  red: {
+    300: "#CD593B",
+    400: "#C1300B",
+    500: "#872107"
+  },
+  qualitative: {
+    // CARTO colors
+    // TODO: Related discussion https://app.shortcut.com/cartoteam/story/264834/
+    bold: {
+      0: "#7F3C8D",
+      1: "#11A579",
+      2: "#3969AC",
+      3: "#F2B701",
+      4: "#E73F74",
+      5: "#80BA5A",
+      6: "#E68310",
+      7: "#008695",
+      8: "#CF1C90",
+      9: "#f97b72",
+      10: "#4b4b8f",
+      11: "#A5AA99"
+    }
+  },
+  shades: {
+    dark: {
+      90: material.alpha(COLOR_BLACK, 0.9),
+      60: material.alpha(COLOR_BLACK, 0.6),
+      40: material.alpha(COLOR_BLACK, 0.4),
+      25: material.alpha(COLOR_BLACK, 0.25),
+      12: material.alpha(COLOR_BLACK, 0.12),
+      8: material.alpha(COLOR_BLACK, 0.08),
+      4: material.alpha(COLOR_BLACK, 0.04)
+    },
+    light: {
+      90: material.alpha(COLOR_WHITE, 0.9),
+      60: material.alpha(COLOR_WHITE, 0.6),
+      40: material.alpha(COLOR_WHITE, 0.4),
+      25: material.alpha(COLOR_WHITE, 0.25),
+      12: material.alpha(COLOR_WHITE, 0.12),
+      8: material.alpha(COLOR_WHITE, 0.08),
+      4: material.alpha(COLOR_WHITE, 0.04)
+    }
+  }
+};
+const commonPalette = {
+  mode: "light",
+  contrastThreshold: 3,
+  tonalOffset: 0.2,
+  common: { ...baseColors.common },
+  primary: {
+    main: baseColors.blue[400],
+    dark: baseColors.blue[500],
+    light: baseColors.blue[300],
+    contrastText: baseColors.common.white,
+    background: material.alpha(baseColors.blue[400], 0.08),
+    relatedLight: "#EAF2FC",
+    relatedDark: COLOR_UNUSED
+  },
+  secondary: {
+    main: baseColors.green[400],
+    dark: baseColors.green[500],
+    light: baseColors.green[300],
+    contrastText: baseColors.common.black,
+    background: material.alpha(baseColors.green[400], 0.08),
+    relatedLight: "#EFFCF5",
+    relatedDark: COLOR_UNUSED
+  },
+  text: {
+    primary: baseColors.common.black,
+    secondary: baseColors.shades.dark[60],
+    disabled: baseColors.shades.dark[25],
+    hint: baseColors.shades.dark[40]
+  },
+  background: {
+    paper: baseColors.common.white,
+    default: baseColors.neutral[50]
+  },
+  action: {
+    active: baseColors.shades.dark[40],
+    hover: baseColors.shades.dark[8],
+    disabledBackground: baseColors.neutral[100],
+    disabled: baseColors.shades.dark[25],
+    selected: baseColors.shades.dark[12],
+    focus: baseColors.shades.dark[12],
+    activatedOpacity: 0.12,
+    hoverOpacity: 0.04,
+    selectedOpacity: 0.08,
+    disabledOpacity: 0.38,
+    focusOpacity: 0.12
+  },
+  info: {
+    main: baseColors.indigo[400],
+    dark: baseColors.indigo[500],
+    light: baseColors.indigo[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#0D2B4A",
+    relatedLight: "#E9EEF4",
+    background: COLOR_UNUSED
+  },
+  success: {
+    main: baseColors.lightGreen[400],
+    dark: baseColors.lightGreen[500],
+    light: baseColors.lightGreen[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#3D541A",
+    relatedLight: "#F2F5EB",
+    background: COLOR_UNUSED
+  },
+  warning: {
+    main: baseColors.orange[400],
+    dark: baseColors.orange[500],
+    light: baseColors.orange[300],
+    contrastText: baseColors.common.black,
+    relatedDark: "#78540F",
+    relatedLight: "#FEF6EA",
+    background: COLOR_UNUSED
+  },
+  error: {
+    main: baseColors.red[400],
+    light: baseColors.red[300],
+    dark: baseColors.red[500],
+    contrastText: baseColors.common.white,
+    relatedDark: "#622215",
+    relatedLight: "#F9EDEA",
+    background: COLOR_UNUSED
+  },
+  grey: {
+    ...baseColors.neutral
+  },
+  divider: baseColors.shades.dark[12],
+  // Custom common colors
+  default: {
+    main: baseColors.neutral[100],
+    dark: baseColors.neutral[200],
+    light: baseColors.neutral[50],
+    outlinedBorder: baseColors.shades.dark[25],
+    background: baseColors.shades.dark[4],
+    relatedLight: COLOR_UNUSED,
+    relatedDark: COLOR_UNUSED,
+    contrastText: COLOR_UNUSED
+  },
+  brand: {
+    navyBlue: "#162945",
+    locationRed: "#EB1510",
+    predictionBlue: "#1785FB",
+    softBlue: "#F2F6F9",
+    appBarMain: "#162945",
+    appBarContrastText: baseColors.common.white
+  },
+  white: {
+    ...baseColors.shades.light
+  },
+  black: {
+    ...baseColors.shades.dark
+  },
+  qualitative: {
+    ...baseColors.qualitative
+  }
+};
+function getPaletteFromCartoColors(name, domainSize) {
+  var _a;
+  const palette = cartoColors__namespace[name];
+  let paletteIndex = domainSize;
+  if (!palette) {
+    throw new Error(
+      `Palette "${name}" not found. Expected a CARTOColors string`
+    );
+  }
+  const palettesColorVariants = Object.keys(palette).filter((p) => p !== "tags").map(Number);
+  const longestPaletteIndex = Math.max(...palettesColorVariants);
+  const smallestPaletteIndex = Math.min(...palettesColorVariants);
+  if (!Number.isInteger(domainSize) || domainSize > longestPaletteIndex) {
+    paletteIndex = longestPaletteIndex;
+  } else if (domainSize < smallestPaletteIndex) {
+    paletteIndex = smallestPaletteIndex;
+  }
+  let colors = palette[paletteIndex];
+  if ((_a = palette.tags) == null ? void 0 : _a.includes("qualitative")) {
+    colors = colors == null ? void 0 : colors.slice(0, -1);
+  }
+  return colors;
+}
+function getPalette(colors, domainSize) {
+  if (typeof colors === "string") {
+    return getPaletteFromCartoColors(colors, domainSize);
+  } else {
+    return colors.map((c) => {
+      if (Array.isArray(c)) {
+        const [r, g, b] = c;
+        return rgbToHex(r, g, b);
+      } else {
+        return c;
+      }
+    });
+  }
+}
+function rgbToHex(r, g, b) {
+  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+function getCartoColorStylePropsForItem(theme, index) {
+  var _a;
+  const palette = (_a = commonPalette == null ? void 0 : commonPalette.qualitative) == null ? void 0 : _a.bold;
+  const colors = Object.values(palette ?? {});
+  const chosenIndex = index % colors.length;
+  return {
+    backgroundColor: colors[chosenIndex],
+    color: theme.palette.getContrastText(colors[chosenIndex])
+  };
+}
+function getColorByCategory(category, {
+  palette,
+  fallbackColor,
+  colorMapping
+}) {
+  const assignedColor = colorMapping[category];
+  if (assignedColor) {
+    return colorMapping[category];
+  }
+  if (!palette || palette.length === 0) {
+    return fallbackColor;
+  }
+  const nextFreeColorIndex = Math.min(
+    Object.keys(colorMapping).length,
+    palette.length - 1
+  );
+  const newColor = palette[nextFreeColorIndex];
+  colorMapping[category] = newColor;
+  return newColor;
+}
+exports.commonPalette = commonPalette;
+exports.getCartoColorStylePropsForItem = getCartoColorStylePropsForItem;
+exports.getColorByCategory = getColorByCategory;
+exports.getPalette = getPalette;

package/dist/palette-utils-BHqJlHm9.js

@@ -0,0 +1,288 @@
+import { alpha } from "@mui/material";
+import * as cartoColors from "cartocolor";
+const COLOR_BLACK = "#2C3032";
+const COLOR_WHITE = "#FFFFFF";
+const COLOR_UNUSED = "#e91e63";
+const baseColors = {
+  common: {
+    black: COLOR_BLACK,
+    white: COLOR_WHITE
+  },
+  neutral: {
+    50: "#f8f9f9",
+    100: "#e1e3e4",
+    200: "#cbcdcf",
+    300: "#b4b8ba",
+    400: "#9da2a6",
+    500: "#868d91",
+    600: "#6f777c",
+    700: "#595f63",
+    800: "#43474a",
+    900: COLOR_BLACK,
+    A100: "#ddddde",
+    A200: "#b9babb",
+    A400: "#7c7e7f",
+    A700: "#16191A"
+  },
+  blue: {
+    100: "#B9DAF9",
+    200: "#5DB2F6",
+    300: "#358BE7",
+    400: "#036FE2",
+    500: "#024D9E"
+  },
+  green: {
+    300: "#6BE2AD",
+    400: "#47DB99",
+    500: "#31996B"
+  },
+  lightGreen: {
+    300: "#8CB24A",
+    400: "#709F1D",
+    500: "#435F11"
+  },
+  indigo: {
+    300: "#34689F",
+    400: "#024388",
+    500: "#012C5A"
+  },
+  orange: {
+    300: "#F4B134",
+    400: "#F29E02",
+    500: "#A96E01"
+  },
+  red: {
+    300: "#CD593B",
+    400: "#C1300B",
+    500: "#872107"
+  },
+  qualitative: {
+    // CARTO colors
+    // TODO: Related discussion https://app.shortcut.com/cartoteam/story/264834/
+    bold: {
+      0: "#7F3C8D",
+      1: "#11A579",
+      2: "#3969AC",
+      3: "#F2B701",
+      4: "#E73F74",
+      5: "#80BA5A",
+      6: "#E68310",
+      7: "#008695",
+      8: "#CF1C90",
+      9: "#f97b72",
+      10: "#4b4b8f",
+      11: "#A5AA99"
+    }
+  },
+  shades: {
+    dark: {
+      90: alpha(COLOR_BLACK, 0.9),
+      60: alpha(COLOR_BLACK, 0.6),
+      40: alpha(COLOR_BLACK, 0.4),
+      25: alpha(COLOR_BLACK, 0.25),
+      12: alpha(COLOR_BLACK, 0.12),
+      8: alpha(COLOR_BLACK, 0.08),
+      4: alpha(COLOR_BLACK, 0.04)
+    },
+    light: {
+      90: alpha(COLOR_WHITE, 0.9),
+      60: alpha(COLOR_WHITE, 0.6),
+      40: alpha(COLOR_WHITE, 0.4),
+      25: alpha(COLOR_WHITE, 0.25),
+      12: alpha(COLOR_WHITE, 0.12),
+      8: alpha(COLOR_WHITE, 0.08),
+      4: alpha(COLOR_WHITE, 0.04)
+    }
+  }
+};
+const commonPalette = {
+  mode: "light",
+  contrastThreshold: 3,
+  tonalOffset: 0.2,
+  common: { ...baseColors.common },
+  primary: {
+    main: baseColors.blue[400],
+    dark: baseColors.blue[500],
+    light: baseColors.blue[300],
+    contrastText: baseColors.common.white,
+    background: alpha(baseColors.blue[400], 0.08),
+    relatedLight: "#EAF2FC",
+    relatedDark: COLOR_UNUSED
+  },
+  secondary: {
+    main: baseColors.green[400],
+    dark: baseColors.green[500],
+    light: baseColors.green[300],
+    contrastText: baseColors.common.black,
+    background: alpha(baseColors.green[400], 0.08),
+    relatedLight: "#EFFCF5",
+    relatedDark: COLOR_UNUSED
+  },
+  text: {
+    primary: baseColors.common.black,
+    secondary: baseColors.shades.dark[60],
+    disabled: baseColors.shades.dark[25],
+    hint: baseColors.shades.dark[40]
+  },
+  background: {
+    paper: baseColors.common.white,
+    default: baseColors.neutral[50]
+  },
+  action: {
+    active: baseColors.shades.dark[40],
+    hover: baseColors.shades.dark[8],
+    disabledBackground: baseColors.neutral[100],
+    disabled: baseColors.shades.dark[25],
+    selected: baseColors.shades.dark[12],
+    focus: baseColors.shades.dark[12],
+    activatedOpacity: 0.12,
+    hoverOpacity: 0.04,
+    selectedOpacity: 0.08,
+    disabledOpacity: 0.38,
+    focusOpacity: 0.12
+  },
+  info: {
+    main: baseColors.indigo[400],
+    dark: baseColors.indigo[500],
+    light: baseColors.indigo[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#0D2B4A",
+    relatedLight: "#E9EEF4",
+    background: COLOR_UNUSED
+  },
+  success: {
+    main: baseColors.lightGreen[400],
+    dark: baseColors.lightGreen[500],
+    light: baseColors.lightGreen[300],
+    contrastText: baseColors.common.white,
+    relatedDark: "#3D541A",
+    relatedLight: "#F2F5EB",
+    background: COLOR_UNUSED
+  },
+  warning: {
+    main: baseColors.orange[400],
+    dark: baseColors.orange[500],
+    light: baseColors.orange[300],
+    contrastText: baseColors.common.black,
+    relatedDark: "#78540F",
+    relatedLight: "#FEF6EA",
+    background: COLOR_UNUSED
+  },
+  error: {
+    main: baseColors.red[400],
+    light: baseColors.red[300],
+    dark: baseColors.red[500],
+    contrastText: baseColors.common.white,
+    relatedDark: "#622215",
+    relatedLight: "#F9EDEA",
+    background: COLOR_UNUSED
+  },
+  grey: {
+    ...baseColors.neutral
+  },
+  divider: baseColors.shades.dark[12],
+  // Custom common colors
+  default: {
+    main: baseColors.neutral[100],
+    dark: baseColors.neutral[200],
+    light: baseColors.neutral[50],
+    outlinedBorder: baseColors.shades.dark[25],
+    background: baseColors.shades.dark[4],
+    relatedLight: COLOR_UNUSED,
+    relatedDark: COLOR_UNUSED,
+    contrastText: COLOR_UNUSED
+  },
+  brand: {
+    navyBlue: "#162945",
+    locationRed: "#EB1510",
+    predictionBlue: "#1785FB",
+    softBlue: "#F2F6F9",
+    appBarMain: "#162945",
+    appBarContrastText: baseColors.common.white
+  },
+  white: {
+    ...baseColors.shades.light
+  },
+  black: {
+    ...baseColors.shades.dark
+  },
+  qualitative: {
+    ...baseColors.qualitative
+  }
+};
+function getPaletteFromCartoColors(name, domainSize) {
+  var _a;
+  const palette = cartoColors[name];
+  let paletteIndex = domainSize;
+  if (!palette) {
+    throw new Error(
+      `Palette "${name}" not found. Expected a CARTOColors string`
+    );
+  }
+  const palettesColorVariants = Object.keys(palette).filter((p) => p !== "tags").map(Number);
+  const longestPaletteIndex = Math.max(...palettesColorVariants);
+  const smallestPaletteIndex = Math.min(...palettesColorVariants);
+  if (!Number.isInteger(domainSize) || domainSize > longestPaletteIndex) {
+    paletteIndex = longestPaletteIndex;
+  } else if (domainSize < smallestPaletteIndex) {
+    paletteIndex = smallestPaletteIndex;
+  }
+  let colors = palette[paletteIndex];
+  if ((_a = palette.tags) == null ? void 0 : _a.includes("qualitative")) {
+    colors = colors == null ? void 0 : colors.slice(0, -1);
+  }
+  return colors;
+}
+function getPalette(colors, domainSize) {
+  if (typeof colors === "string") {
+    return getPaletteFromCartoColors(colors, domainSize);
+  } else {
+    return colors.map((c) => {
+      if (Array.isArray(c)) {
+        const [r, g, b] = c;
+        return rgbToHex(r, g, b);
+      } else {
+        return c;
+      }
+    });
+  }
+}
+function rgbToHex(r, g, b) {
+  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+function getCartoColorStylePropsForItem(theme, index) {
+  var _a;
+  const palette = (_a = commonPalette == null ? void 0 : commonPalette.qualitative) == null ? void 0 : _a.bold;
+  const colors = Object.values(palette ?? {});
+  const chosenIndex = index % colors.length;
+  return {
+    backgroundColor: colors[chosenIndex],
+    color: theme.palette.getContrastText(colors[chosenIndex])
+  };
+}
+function getColorByCategory(category, {
+  palette,
+  fallbackColor,
+  colorMapping
+}) {
+  const assignedColor = colorMapping[category];
+  if (assignedColor) {
+    return colorMapping[category];
+  }
+  if (!palette || palette.length === 0) {
+    return fallbackColor;
+  }
+  const nextFreeColorIndex = Math.min(
+    Object.keys(colorMapping).length,
+    palette.length - 1
+  );
+  const newColor = palette[nextFreeColorIndex];
+  colorMapping[category] = newColor;
+  return newColor;
+}
+export {
+  getColorByCategory as a,
+  getPalette as b,
+  commonPalette as c,
+  getCartoColorStylePropsForItem as g
+};