@carto/meridian-ds 3.0.2-alpha.f847dd7.243 → 3.0.2

package/CHANGELOG.md

@@ -2,10 +2,14 @@
 
 ## Unreleased
 
-- fix(figma): sync Code Connect templates with the Meridian-DS Figma renames and add templates for the new `CopiableInputText` and `PasswordField` components [#436](https://github.com/CartoDB/meridian-ds/pull/436)
-
 ## 3.0
 
+### 3.0.2
+
+- fix(CodeArea): keep a comfortable right padding for long, wrapped values in read-only / `lineNumbers: false` blocks — wrapped content no longer touches the right edge [#448](https://github.com/CartoDB/meridian-ds/pull/448)
+- fix(ToggleButtonGroup): keep all four corners rounded (every variant) when each button is wrapped in an extra element (e.g. a tooltip `<span>`) — round every grouped button position-independently instead of relying on `:first-of-type`/`:last-of-type`, which break when a wrapper sits between the group and its buttons [#447](https://github.com/CartoDB/meridian-ds/pull/447) [sc-556920]
+- fix(figma): sync Code Connect templates with the Meridian-DS Figma renames and add templates for the new `CopiableInputText` and `PasswordField` components [#436](https://github.com/CartoDB/meridian-ds/pull/436)
+
 ### 3.0.1
 
 - fix(ci): re-enable `Test Interaction` reliably on `ubuntu-24.04`. Pins Yarn 4 in-repo via `yarnPath`. Also standardizes all workflows on `ubuntu-24.04` and SHA-pins / bumps third-party actions [#431](https://github.com/CartoDB/meridian-ds/pull/431)

package/README.md

@@ -42,37 +42,3 @@ Meridian ships CARTO's custom icon set as React components under `@carto/meridia
 ## Figma integration
 
 Meridian publishes `Figma Code Connect` templates for all components, so **AI coding agents using the Figma MCP server can read designs and generate Meridian-conformant code**: the right component, the right import path, only real prop values, and the encoded semantics of Meridian primitives. The same templates surface the matching snippet to developers inspecting an instance in Figma's Dev Mode. See setup, MCP install, and template-authoring details in the [Figma Code Connect documentation](https://meridian.carto.com/?path=/docs/figma-code-connect--docs).
-
-## AI readiness
-
-Meridian ships structured metadata so **AI coding agents in apps that depend on it generate correct Meridian code** — the right component, real prop values, and Meridian conventions instead of bare MUI. Knowledge splits two ways: exact props and types come from the package's TypeScript declarations (`.d.ts`, which the consumer's IDE/`tsc` already reads), and everything types can't express — which component to use and when, gotchas, the high-value MUI props, and real examples — comes from a metadata bundle served over MCP.
-
-### Meridian MCP
-
-The package ships an MCP server as the `meridian-ds-mcp` bin. In a repo that has `@carto/meridian-ds` installed, register it with the Claude Code CLI:
-
-```bash
-claude mcp add --scope project meridian-design-system -- npx meridian-ds-mcp
-```
-
-`--scope project` writes `.mcp.json` at the repo root — Claude Code loads it whether the team commits it (to share the server) or gitignores it:
-
-```json
-{
-  "mcpServers": {
-    "meridian-design-system": {
-      "command": "npx",
-      "args": ["meridian-ds-mcp"]
-    }
-  }
-}
-```
-
-It's a stdio server (a local command, not a hosted URL), so it needs no network — the bin reads the metadata bundle that ships inside the installed `@carto/meridian-ds`, so the agent's knowledge always matches the installed version.
-
-It exposes four tools:
-
-- `meridian_list_components` — discover components by description + keywords.
-- `meridian_get_component` — when to use it, alternatives, and the high-value inherited MUI props.
-- `meridian_get_examples` — real, copy-able example code.
-- `meridian_get_conventions` — cross-cutting usage rules.

package/dist/components/index.cjs

@@ -2285,6 +2285,9 @@ const CodeAreaTheme = material.styled(material.Box, {
   "& .CodeMirror pre.CodeMirror-line, & .CodeMirror pre.CodeMirror-line-like": {
     boxSizing: "border-box",
     paddingLeft: 0,
+    // CodeMirror ignores right padding on .CodeMirror-scroll once content fills
+    // the width, so the inset has to live on the line itself.
+    paddingRight: theme.spacing(2),
     paddingTop: theme.spacing(0.25),
     lineHeight: 1.2
   },

package/dist/components/index.js

@@ -2269,6 +2269,9 @@ const CodeAreaTheme = styled(Box, {
   "& .CodeMirror pre.CodeMirror-line, & .CodeMirror pre.CodeMirror-line-like": {
     boxSizing: "border-box",
     paddingLeft: 0,
+    // CodeMirror ignores right padding on .CodeMirror-scroll once content fills
+    // the width, so the inset has to live on the line itself.
+    paddingRight: theme.spacing(2),
     paddingTop: theme.spacing(0.25),
     lineHeight: 1.2
   },