@carto/meridian-ds 1.4.3-alpha-codemirror.6 → 1.4.3-alpha-tag.2

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## Unreleased
 
-- New CodeAreaField & CodeAreaDialog components [#175](https://github.com/CartoDB/meridian-ds/pull/175)
+- New Tag component [#191](https://github.com/CartoDB/meridian-ds/pull/191)
 - New CopiableComponent component [#187](https://github.com/CartoDB/meridian-ds/pull/187)
 - Expose OrderTypes enum in widgets [#192](https://github.com/CartoDB/meridian-ds/pull/192)
 - Disable minification in published builds [#190](https://github.com/CartoDB/meridian-ds/pull/190)

package/dist/{Alert-CpgfD3bq.js → Alert--QYebQp3.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { b as ICON_SIZE_MEDIUM, T as Typography } from "./palette-DI1CmQ2J.js";
+import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-Dit3VW-A.js";
 import { styled, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
 import { forwardRef, useState } from "react";
 const StyledAlert = styled(Alert$1, {

package/dist/{Alert-ChcvNOU6.cjs → Alert-DFaAeTZf.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const palette = require("./palette-CD5ph5A-.cjs");
+const TablePaginationActions = require("./TablePaginationActions-BG2gWq0M.cjs");
 const material = require("@mui/material");
 const React = require("react");
 const StyledAlert = material.styled(material.Alert, {
@@ -30,7 +30,7 @@ const StyledAlert = material.styled(material.Alert, {
     "icon message"
     "icon actions"
     `,
-      gridTemplateColumns: hasCloseButton ? `${palette.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${palette.ICON_SIZE_MEDIUM}`
+      gridTemplateColumns: hasCloseButton ? `${TablePaginationActions.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${TablePaginationActions.ICON_SIZE_MEDIUM}`
     },
     ...isNeutral && {
       backgroundColor: theme.palette.default.background,
@@ -124,7 +124,7 @@ function _Alert({
       ...otherProps,
       children: [
         title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(palette.Typography, { variant: "caption", color: "inherit", component: "div", children })
+        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "inherit", component: "div", children })
       ]
     }
   ) });

package/dist/{palette-CD5ph5A-.cjs → TablePaginationActions-BG2gWq0M.cjs}

@@ -808,13 +808,8 @@ const en = {
     button: {
       cancel: "Cancel",
       leave: "Leave",
-      keepEditing: "Keep editing",
       close: "Close",
-      expand: "Expand",
-      copy: "Copy",
-      save: "Save",
-      add: "Add",
-      showOptions: "Show options"
+      copy: "Copy"
     },
     form: {
       selectAll: "Select all",
@@ -848,7 +843,6 @@ const en = {
       }
     },
     notifications: {
-      changesSaved: "Changes saved successfully",
       copiedToClipboard: "Copied to clipboard"
     },
     widgets: {
@@ -956,13 +950,8 @@ const es = {
     button: {
       cancel: "Cancelar",
       leave: "Salir",
-      keepEditing: "Seguir editando",
       close: "Cerrar",
-      expand: "Expandir",
-      copy: "Copiar",
-      save: "Guardar",
-      add: "Añadir",
-      showOptions: "Mostrar opciones"
+      copy: "Copiar"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -996,7 +985,6 @@ const es = {
       }
     },
     notifications: {
-      changesSaved: "Cambios guardados correctamente",
       copiedToClipboard: "Copiado al portapapeles"
     },
     widgets: {
@@ -1102,13 +1090,8 @@ const id = {
     button: {
       cancel: "Batal",
       leave: "Keluar",
-      keepEditing: "Terus mengedit",
       close: "Tutup",
-      expand: "Perluas",
-      copy: "Salin",
-      save: "Simpan",
-      add: "Tambah",
-      showOptions: "Tampilkan opsi"
+      copy: "Salin"
     },
     form: {
       selectAll: "Select all",
@@ -1142,7 +1125,6 @@ const id = {
       }
     },
     notifications: {
-      changesSaved: "Changes saved successfully",
       copiedToClipboard: "Tersalin ke clipboard"
     },
     widgets: {
@@ -5647,216 +5629,6 @@ function TablePaginationActions({
     )
   ] });
 }
-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
-  }
-};
 exports.APPBAR_SIZE = APPBAR_SIZE;
 exports.BREAKPOINTS = BREAKPOINTS;
 exports.ICON_SIZE_LARGE = ICON_SIZE_LARGE;
@@ -5866,7 +5638,6 @@ exports.NOTIFICATION_DURATION_IN_MS = NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = SPACING;
 exports.TablePaginationActions = TablePaginationActions;
 exports.Typography = Typography;
-exports.commonPalette = commonPalette;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.getSpacing = getSpacing;
 exports.useImperativeIntl = useImperativeIntl;

package/dist/{palette-DI1CmQ2J.js → TablePaginationActions-Dit3VW-A.js}

@@ -1,6 +1,6 @@
 import require$$0 from "react-is";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Typography as Typography$1, Tooltip, IconButton, styled, Box, alpha } from "@mui/material";
+import { Typography as Typography$1, Tooltip, IconButton, styled, Box } from "@mui/material";
 import { forwardRef } from "react";
 import { KeyboardArrowLeftOutlined, KeyboardArrowRightOutlined } from "@mui/icons-material";
 import { createIntlCache, createIntl, useIntl } from "react-intl";
@@ -807,13 +807,8 @@ const en = {
     button: {
       cancel: "Cancel",
       leave: "Leave",
-      keepEditing: "Keep editing",
       close: "Close",
-      expand: "Expand",
-      copy: "Copy",
-      save: "Save",
-      add: "Add",
-      showOptions: "Show options"
+      copy: "Copy"
     },
     form: {
       selectAll: "Select all",
@@ -847,7 +842,6 @@ const en = {
       }
     },
     notifications: {
-      changesSaved: "Changes saved successfully",
       copiedToClipboard: "Copied to clipboard"
     },
     widgets: {
@@ -955,13 +949,8 @@ const es = {
     button: {
       cancel: "Cancelar",
       leave: "Salir",
-      keepEditing: "Seguir editando",
       close: "Cerrar",
-      expand: "Expandir",
-      copy: "Copiar",
-      save: "Guardar",
-      add: "Añadir",
-      showOptions: "Mostrar opciones"
+      copy: "Copiar"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -995,7 +984,6 @@ const es = {
       }
     },
     notifications: {
-      changesSaved: "Cambios guardados correctamente",
       copiedToClipboard: "Copiado al portapapeles"
     },
     widgets: {
@@ -1101,13 +1089,8 @@ const id = {
     button: {
       cancel: "Batal",
       leave: "Keluar",
-      keepEditing: "Terus mengedit",
       close: "Tutup",
-      expand: "Perluas",
-      copy: "Salin",
-      save: "Simpan",
-      add: "Tambah",
-      showOptions: "Tampilkan opsi"
+      copy: "Salin"
     },
     form: {
       selectAll: "Select all",
@@ -1141,7 +1124,6 @@ const id = {
       }
     },
     notifications: {
-      changesSaved: "Changes saved successfully",
       copiedToClipboard: "Tersalin ke clipboard"
     },
     widgets: {
@@ -5646,216 +5628,6 @@ function TablePaginationActions({
     )
   ] });
 }
-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
-  }
-};
 export {
   APPBAR_SIZE as A,
   BREAKPOINTS as B,
@@ -5866,8 +5638,7 @@ export {
   TablePaginationActions as a,
   ICON_SIZE_MEDIUM as b,
   ICON_SIZE_SMALL as c,
-  commonPalette as d,
-  getDefaultExportFromCjs as e,
+  getDefaultExportFromCjs as d,
   getSpacing as g,
   useImperativeIntl as u
 };