@carto/meridian-ds 5.1.1 → 5.1.2

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ## 5.0
 
+### 5.1.2
+
+- fix(dialog-header): Name the dialog only by its title [sc-577444] [#556](https://github.com/CartoDB/meridian-ds/pull/556)
+
 ### 5.1.1
 
 - feat(custom-icons): add ColumnWidth, FullWidth, Layout1col, Layout2col, LayoutDashboard, Mask, ResetFilled; update AiAgent from the Figma import [#552](https://github.com/CartoDB/meridian-ds/pull/552)

package/dist/components/index.cjs

@@ -3551,6 +3551,34 @@ function _Dialog({
   );
 }
 const Dialog = React.forwardRef(_Dialog);
+const HeaderIdContext = React.createContext(void 0);
+const TitleIdContext = React.createContext(void 0);
+function _HeaderRoot({ id: titleId, children, ...props }, ref) {
+  const headerId = React.useContext(HeaderIdContext);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id: headerId === titleId ? void 0 : headerId, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(TitleIdContext.Provider, { value: titleId, children }) });
+}
+const HeaderRoot = React.forwardRef(
+  _HeaderRoot
+);
+HeaderRoot.displayName = "DialogHeaderRoot";
+function TitleHeading({
+  ariaLabel,
+  title
+}) {
+  const titleId = React.useContext(TitleIdContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    paletteUtils.Typography,
+    {
+      id: titleId,
+      component: "h2",
+      variant: "inherit",
+      noWrap: true,
+      "aria-label": ariaLabel,
+      role: "heading",
+      children: title
+    }
+  );
+}
 const DialogTitle = material.styled(material.DialogTitle)(() => ({
   padding: 0,
   zIndex: 10
@@ -3591,6 +3619,7 @@ function DialogHeader({
   backIcon,
   backTooltipText,
   backIconButtonProps,
+  id,
   ...otherProps
 }) {
   const closeTooltipLabel = utils.useTranslationWithFallback(
@@ -3601,51 +3630,49 @@ function DialogHeader({
     "c4r.button.back",
     backTooltipText
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { component: "div", "data-name": "dialog-header", ...otherProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Main$1, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ItemsWrapper$1, { sx: { flex: 1, maxWidth: 0.8 }, children: [
-          onBack && /* @__PURE__ */ jsxRuntime.jsx(
-            utils.IconButton,
-            {
-              "aria-label": backTooltipLabel,
-              onClick: onBack,
-              tooltip: backTooltipLabel,
-              tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackOutlined, {}),
-              ...backIconButtonProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            paletteUtils.Typography,
-            {
-              component: "h2",
-              variant: "inherit",
-              noWrap: true,
-              "aria-label": ariaLabel,
-              role: "heading",
-              children: title
-            }
-          ),
-          chipLabel && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { color: "default", label: chipLabel, ...chipProps })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ItemsWrapper$1, { children: [
-          secondaryActions,
-          onClose && /* @__PURE__ */ jsxRuntime.jsx(
-            utils.IconButton,
-            {
-              "aria-label": closeTooltipLabel,
-              onClick: onClose,
-              tooltip: closeTooltipLabel,
-              tooltipPlacement: "bottom",
-              icon: closeIcon || /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { "data-testid": "CloseIcon" }),
-              ...iconButtonProps
-            }
-          )
-        ] })
-      ] }),
-      children
-    ] }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(HeaderIdContext.Provider, { value: id, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogTitle,
+      {
+        component: HeaderRoot,
+        "data-name": "dialog-header",
+        ...otherProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Main$1, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ItemsWrapper$1, { sx: { flex: 1, maxWidth: 0.8 }, children: [
+              onBack && /* @__PURE__ */ jsxRuntime.jsx(
+                utils.IconButton,
+                {
+                  "aria-label": backTooltipLabel,
+                  onClick: onBack,
+                  tooltip: backTooltipLabel,
+                  tooltipPlacement: "bottom",
+                  icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackOutlined, {}),
+                  ...backIconButtonProps
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(TitleHeading, { ariaLabel, title }),
+              chipLabel && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { color: "default", label: chipLabel, ...chipProps })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ItemsWrapper$1, { children: [
+              secondaryActions,
+              onClose && /* @__PURE__ */ jsxRuntime.jsx(
+                utils.IconButton,
+                {
+                  "aria-label": closeTooltipLabel,
+                  onClick: onClose,
+                  tooltip: closeTooltipLabel,
+                  tooltipPlacement: "bottom",
+                  icon: closeIcon || /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { "data-testid": "CloseIcon" }),
+                  ...iconButtonProps
+                }
+              )
+            ] })
+          ] }),
+          children
+        ]
+      }
+    ),
     children && /* @__PURE__ */ jsxRuntime.jsx(DividerBottom, {})
   ] });
 }

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle, createContext, useContext } from "react";
+import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, createContext, useContext, useImperativeHandle } from "react";
 import { styled, Button as Button$1, CircularProgress as CircularProgress$1, Tooltip, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, Box, TextField, InputAdornment, FormControl, InputLabel, FormHelperText, Select, Checkbox, Link as Link$1, ListItemText as ListItemText$1, IconButton as IconButton$1, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, Toolbar as Toolbar$1, AppBar as AppBar$1, Dialog as Dialog$1, Chip as Chip$1, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, Fade, AlertTitle, Alert as Alert$2, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Portal, Snackbar as Snackbar$1, List as List$2, ListItemButton as ListItemButton$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Popover } from "@mui/material";
 import { ListItemAvatar, ListItemSecondaryAction } from "@mui/material";
 import { T as Typography, I as ICON_SIZE_SMALL, m as mergeSx, a as ICON_SIZE_MEDIUM, i as isPalettePath, M as MENU_ITEM_SIZE_EXTENDED, b as MENU_ITEM_SIZE_DEFAULT, c as MENU_LIST_MAX_SIZE, d as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, e as ICON_SIZE_LARGE, N as NOTIFICATION_DURATION_IN_MS, L as LIST_MAX_SIZE, f as LIST_ITEM_SIZE_DENSE, g as LIST_ITEM_SIZE_DEFAULT, h as LIST_OVERSCAN_ITEMS_COUNT, F as FontWeight, r as resolvePalettePath } from "../palette-utils-BmPPGzZt.js";
@@ -3534,6 +3534,34 @@ function _Dialog({
   );
 }
 const Dialog = forwardRef(_Dialog);
+const HeaderIdContext = createContext(void 0);
+const TitleIdContext = createContext(void 0);
+function _HeaderRoot({ id: titleId, children, ...props }, ref) {
+  const headerId = useContext(HeaderIdContext);
+  return /* @__PURE__ */ jsx("div", { ref, id: headerId === titleId ? void 0 : headerId, ...props, children: /* @__PURE__ */ jsx(TitleIdContext.Provider, { value: titleId, children }) });
+}
+const HeaderRoot = forwardRef(
+  _HeaderRoot
+);
+HeaderRoot.displayName = "DialogHeaderRoot";
+function TitleHeading({
+  ariaLabel,
+  title
+}) {
+  const titleId = useContext(TitleIdContext);
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      id: titleId,
+      component: "h2",
+      variant: "inherit",
+      noWrap: true,
+      "aria-label": ariaLabel,
+      role: "heading",
+      children: title
+    }
+  );
+}
 const DialogTitle = styled(DialogTitle$1)(() => ({
   padding: 0,
   zIndex: 10
@@ -3574,6 +3602,7 @@ function DialogHeader({
   backIcon,
   backTooltipText,
   backIconButtonProps,
+  id,
   ...otherProps
 }) {
   const closeTooltipLabel = useTranslationWithFallback(
@@ -3584,51 +3613,49 @@ function DialogHeader({
     "c4r.button.back",
     backTooltipText
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { component: "div", "data-name": "dialog-header", ...otherProps, children: [
-      /* @__PURE__ */ jsxs(Main$1, { children: [
-        /* @__PURE__ */ jsxs(ItemsWrapper$1, { sx: { flex: 1, maxWidth: 0.8 }, children: [
-          onBack && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": backTooltipLabel,
-              onClick: onBack,
-              tooltip: backTooltipLabel,
-              tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsx(ArrowBackOutlined, {}),
-              ...backIconButtonProps
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              component: "h2",
-              variant: "inherit",
-              noWrap: true,
-              "aria-label": ariaLabel,
-              role: "heading",
-              children: title
-            }
-          ),
-          chipLabel && /* @__PURE__ */ jsx(Chip$1, { color: "default", label: chipLabel, ...chipProps })
-        ] }),
-        /* @__PURE__ */ jsxs(ItemsWrapper$1, { children: [
-          secondaryActions,
-          onClose && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": closeTooltipLabel,
-              onClick: onClose,
-              tooltip: closeTooltipLabel,
-              tooltipPlacement: "bottom",
-              icon: closeIcon || /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "CloseIcon" }),
-              ...iconButtonProps
-            }
-          )
-        ] })
-      ] }),
-      children
-    ] }),
+  return /* @__PURE__ */ jsxs(HeaderIdContext.Provider, { value: id, children: [
+    /* @__PURE__ */ jsxs(
+      DialogTitle,
+      {
+        component: HeaderRoot,
+        "data-name": "dialog-header",
+        ...otherProps,
+        children: [
+          /* @__PURE__ */ jsxs(Main$1, { children: [
+            /* @__PURE__ */ jsxs(ItemsWrapper$1, { sx: { flex: 1, maxWidth: 0.8 }, children: [
+              onBack && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": backTooltipLabel,
+                  onClick: onBack,
+                  tooltip: backTooltipLabel,
+                  tooltipPlacement: "bottom",
+                  icon: backIcon || /* @__PURE__ */ jsx(ArrowBackOutlined, {}),
+                  ...backIconButtonProps
+                }
+              ),
+              /* @__PURE__ */ jsx(TitleHeading, { ariaLabel, title }),
+              chipLabel && /* @__PURE__ */ jsx(Chip$1, { color: "default", label: chipLabel, ...chipProps })
+            ] }),
+            /* @__PURE__ */ jsxs(ItemsWrapper$1, { children: [
+              secondaryActions,
+              onClose && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": closeTooltipLabel,
+                  onClick: onClose,
+                  tooltip: closeTooltipLabel,
+                  tooltipPlacement: "bottom",
+                  icon: closeIcon || /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "CloseIcon" }),
+                  ...iconButtonProps
+                }
+              )
+            ] })
+          ] }),
+          children
+        ]
+      }
+    ),
     children && /* @__PURE__ */ jsx(DividerBottom, {})
   ] });
 }

package/dist/metadata.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.1.1",
+  "version": "5.1.2",
   "conventions": "# Meridian usage conventions (for code-generating agents)\n\nSystem-level rules an agent should apply across all components.\n\nMeridian is the source of truth: when an existing codebase pattern contradicts Meridian, follow Meridian — don't replicate the contradicting local pattern.\n\n## Choosing a component\n\n- Don't hand-roll what the design system already provides. Before writing a\n  custom component, a styled wrapper, or a block of primitives (a modal,\n  chip/tag, card, empty state, dropdown, tooltip, copy-to-clipboard input,\n  etc.), confirm no Meridian component covers it — reuse or extend the existing one instead of rebuilding it.\n- Prefer a Meridian component over a bare MUI one whenever a Meridian wrapper\n  exists — the wrappers carry CARTO theming, a11y defaults, and narrowed APIs. MUI is correct for layout primitives (`Box`/`Grid`/`Stack`/`Container`) and for gaps Meridian doesn't fill (e.g. date pickers); \"prefer Meridian\" is not \"never MUI\".\n- Resolve \"which component\" by reading each one's `description` + `keywords`,\n  then confirm with its `decisionTree` (the conditions that point elsewhere) and `limitations` (what it lacks — check before you downgrade to it).\n  Don't infer selection from prop lists.\n\n## Icons\n\n- Source icons from Meridian's custom-icons first, then `@mui/icons-material`;\n  add a local SVG only when neither has an equivalent. Don't duplicate an icon\n  the design system already ships.\n- Find the right custom icon with `meridian_list_icons` — match by name or keyword (e.g. \"warehouse\" → `Bigquery`), import it from `@carto/meridian-ds/custom-icons`, and render `<Name />`. Every icon shares one prop type, `CustomIconProps` (MUI `SvgIconProps` — `color`/`fontSize`/`sx` — plus `width`/`height`).\n- To confirm a shortlisted icon by sight (or match an icon in a design you're implementing), call `meridian_get_screenshot` with `name: 'icons'` and Read the returned image path — a labeled grid of every icon.\n- Use the standard icon sizes — small 12px, medium (default) 18px, large 24px;\n  a value off this scale (e.g. 16, 20) needs design sign-off. Prefer the\n  outlined variants.\n- A new SVG must inherit, not bake in: set `fill='currentColor'` so it takes\n  the parent's color, and use the standard size — don't hardcode\n  color/opacity/dimensions.\n- For an icon color outside the palette `color` set, pass a theme token via\n  `htmlColor` (e.g. `htmlColor={theme.palette.text.secondary}`) — never a\n  hardcoded hex.\n\n## Accessibility\n\n- Any icon-only control needs an accessible name: `tooltip` or `aria-label`.\n- Don't disable a control without telling the user why — pair a disabled action with a tooltip explaining the requirement.\n- An `aria-label` must be human-readable text describing the control, not a test id in disguise — use a separate test hook for that.\n- User-facing strings (labels, `aria-label`, placeholders, messages) go through the app's i18n layer, not hardcoded literals.\n\n## Props\n\n- Two sources, both pinned to the installed `@carto/meridian-ds`: **exact props / types / JSDoc** come from the package's **type declarations** — read the `<Name>.d.ts` directly — while the **`meridian-design-system` MCP** (`meridian_*` tools) covers what types can't: which component, when, gotchas, and real examples.\n- A component's curation lists the high-value inherited MUI props worth knowing (`curation.mui`, e.g. `color`/`variant`/`size`); the rest of MUI's surface is available but rarely needed.\n- Don't use `sx`/inline styles to override a Meridian component's visual design (colors, typography, borders, sizing) — use its documented props and the theme tokens. (`sx` for layout/spacing on primitives is fine — see Styling.)\n- If no prop covers the visual change you need, treat it as a design-system gap: request the variant/behavior upstream in Meridian rather than permanently overriding the component locally — a local `styled()` of a Meridian component is a smell, not a fix.\n\n## Styling\n\n- Use theme tokens, never hardcoded values: colors from the palette (`text.*`, `background.*`, `divider`, semantic `*.main`) and spacing from the theme spacing scale — no raw hex/rgb or pixel literals for color or spacing. Use integer steps on the spacing scale (`theme.spacing(n)`, or `sx` numeric spacing like `px: 2` / `mt: 3` which resolve to it) — not fractional steps or raw px. Get the exact values — palette keys, spacing base, type ramp, `shape.borderRadius`, breakpoints, shadows — from `meridian_get_tokens`.\n- Text uses `<Typography variant=…>` (with the `weight` prop for emphasis), never hardcoded `fontSize`/`fontWeight`/`lineHeight`/`fontFamily`.\n- Meridian's type scale is custom and does not match MUI defaults (e.g. `body2`/`caption` differ from MUI's sizes, and there are Meridian-only variants like `code1`/`code2`/`code3` and `overlineDelicate`). Pick the variant by role from Typography's variant list (`meridian_get_examples('Typography')`) — don't assume a px size or map px → variant yourself.\n- `sx` is the right tool for one-off layout/spacing on primitives (`Box`/`Grid`/`Stack`), not the deprecated MUI system props\n  (`<Box px={2}>` → `<Box sx={{ px: 2 }}>`). This is layout, distinct from restyling a Meridian component (see Props).\n\n## Examples\n\n- Never invent example code when a story exists — use the component's real story source (`meridian_get_examples`). The lead Usage story is the copy-paste starting point; the later stories are illustrative (variants, edge cases) and may carry story-arg shells, so don't copy one wholesale as your baseline.\n",
   "components": [
     {

package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts

@@ -1,5 +1,5 @@
 import { DialogHeaderProps } from '../types';
 /** Dialog title bar: title text, an optional status chip, and the close (and optional back) affordance. */
-declare function DialogHeader({ title, chipLabel, chipProps, children, onClose, secondaryActions, 'aria-label': ariaLabel, closeIcon, closeTooltipText, iconButtonProps, onBack, backIcon, backTooltipText, backIconButtonProps, ...otherProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ title, chipLabel, chipProps, children, onClose, secondaryActions, 'aria-label': ariaLabel, closeIcon, closeTooltipText, iconButtonProps, onBack, backIcon, backTooltipText, backIconButtonProps, id, ...otherProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default DialogHeader;
 //# sourceMappingURL=DialogHeader.d.ts.map

package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAgC5C,2GAA2G;AAC3G,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA8DnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAqF5C,2GAA2G;AAC3G,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,EAAE,EACF,GAAG,UAAU,EACd,EAAE,iBAAiB,2CAyDnB;AAED,eAAe,YAAY,CAAA"}

package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts

@@ -145,6 +145,11 @@ export declare const InteractionSecondaryActionAccessibleName: {
         canvasElement: HTMLElement;
     }) => Promise<void>;
 };
+export declare const InteractionDialogAccessibleName: {
+    tags: string[];
+    render: () => import("react/jsx-runtime").JSX.Element;
+    play: () => Promise<void>;
+};
 export declare const Usage: {
     render: () => import("react/jsx-runtime").JSX.Element;
     tags: string[];

package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA6B,MAAM,cAAc,CAAA;AAOtE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAoBwB,CAAA;AAErC,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU;;;;;;;;CAItB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAM3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,YAAY;;;;CASxB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAclC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,cAAc;;;;;;;;;;;;CAa1B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAcpC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;CAcvC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;CAiBrC,CAAA;AAED,eAAO,MAAM,wCAAwC;;;;;;8BAenB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAM/D,CAAA;AAED,eAAO,MAAM,KAAK;;;CASjB,CAAA"}
+{"version":3,"file":"DialogHeader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,YAAY,EAA6B,MAAM,cAAc,CAAA;AAO9E,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAoBwB,CAAA;AAErC,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU;;;;;;;;CAItB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAM3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,YAAY;;;;CASxB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAclC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,cAAc;;;;;;;;;;;;CAa1B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAcpC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;CAcvC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;CAiBrC,CAAA;AAED,eAAO,MAAM,wCAAwC;;;;;;8BAenB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAM/D,CAAA;AAED,eAAO,MAAM,+BAA+B;;;;CAsB3C,CAAA;AAED,eAAO,MAAM,KAAK;;;CASjB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {