Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@cloudflare/kumo@2.9.0

Minor Changes

• ff8ad54: Improves Banner contrast and CTA colors, adds compact sizing, and keeps components that consume the updated status tokens visually balanced.

  • Updated status tokens to improve contrast between Banner backgrounds, text, and CTAs.
  • Rebalanced Badge status tints, Toast backgrounds, and Command Palette search highlights to correspond with the updated tokens.
  • Added a new Banner.Action CTA compound that builds on Button with banner-specific accent styling. It supports primary (filled), secondary (accent-hued outline on a transparent background), and ghost variants.
  • Added a size prop to Banner ("base" | "sm"); the compact "sm" size suits dialogs and other tight spaces and sets its Banner.Action children to the xs size.

• f919182: Improve chart loading states with a static, reduced-motion-aware TimeseriesChart skeleton (line and bar variants matching type) and a new loading prop for ChartLegend.SmallItem and ChartLegend.LargeItem.

• 535d579: Add a disabled prop to LinkButton. When disabled, it renders a real disabled <button> (dropping anchor-only attributes and event handlers) and supports title tooltips explaining why the action is unavailable.

  Also removes stale Storybook references from the README and drops .stories.tsx generation from the component scaffolder, since Storybook is no longer set up in this repo.

• aae94f1: LinkButton now wraps in a Kumo Tooltip when a title is provided, matching Button's behavior. Previously an enabled LinkButton only set a native title attribute; it now surfaces the same styled tooltip on hover and focus.

• 86ee08c: Add useTableOfContentsActiveId hook for TableOfContents scroll tracking.

  The TableOfContents component is presentational, so consumers had to wire up their own scroll-position tracking. This adds a shared hook: pass the section ids (in document order) and it returns the active section id plus a selectSection action for click handling.

  const { activeId, selectSection } = useTableOfContentsActiveId({
    ids: headings.map((h) => h.slug),
    offset: HEADER_HEIGHT,
  });

  • Highlights the topmost section actually in view (via IntersectionObserver), offset by an optional fixed-header offset; supports custom scroll containers via root.
  • Handles location.hash deep links on load and hashchange automatically (opt out with trackHash: false).
  • selectSection pins a clicked section until scrolling settles, so short sections stay highlighted after a jump. Works on browsers without scrollend support.
  • SSR-safe: all DOM access happens in effects, so it renders under Astro/Next SSR (activeId is null on the server).

  The docs site "On this page" table of contents now consumes this hook instead of its own bespoke observer.

Patch Changes

• b171c71: Render Kumo Link actions inline in compact Banners while keeping CTA actions trailing.
• 4f0ed75: Fix purple badge token fallback colors to use purple OKLCH values.
• 5efe6dd: Add a lint rule that verifies custom components used with Flow.Node's render prop forward refs and spread received props.
• 32b2168: Keep TimeseriesChart brush-to-zoom active after replacing ECharts options.
• 2575f9c: Use muted chart colors for timeseries axes and horizontal gridlines.
• ee6e569: Set default text-base and text-lg line heights to 1.5.
• 86afc2b: Show Button title tooltips when the button is disabled or loading.
• 5516c22: Fix command palette match highlight contrast in dark mode.

@cloudflare/kumo-docs-astro@1.5.13

Patch Changes

• 9f17a15: Fix broken chart links in the docs site search.

  Chart components (Chart, SankeyChart, TimeseriesChart, BubbleMap, ChoroplethMap) are auto-discovered from the component registry, but their search results linked to /components/<name> (e.g. /components/bubble-map), which 404s — chart docs live under /charts/*. Search now links SankeyChart, TimeseriesChart, BubbleMap, and ChoroplethMap to their correct /charts/* pages, and excludes Chart/ChartLegend, which are already covered by the curated "Charts" and "Custom Chart" entries. Components that share the /charts/maps page (BubbleMap, ChoroplethMap) deep-link to their section anchor, so e.g. searching "bubble" resolves to /charts/maps#bubble-map.

• bc2508c: Improve mobile and tablet responsive layout of the docs site.

  • Introduce a tiered horizontal padding scale for docs content: tight on mobile, medium on tablet, full-width on desktop.
  • Move the desktop sidebar to the lg: breakpoint (≥1024px) so tablets use the mobile drawer UX instead of a cramped side-by-side layout.
  • Align padding across chrome bars (hamburger, sticky doc header) with content wrappers at each breakpoint for visual consistency.

• 86ee08c: Add useTableOfContentsActiveId hook for TableOfContents scroll tracking.

  The TableOfContents component is presentational, so consumers had to wire up their own scroll-position tracking. This adds a shared hook: pass the section ids (in document order) and it returns the active section id plus a selectSection action for click handling.

  const { activeId, selectSection } = useTableOfContentsActiveId({
    ids: headings.map((h) => h.slug),
    offset: HEADER_HEIGHT,
  });

  • Highlights the topmost section actually in view (via IntersectionObserver), offset by an optional fixed-header offset; supports custom scroll containers via root.
  • Handles location.hash deep links on load and hashchange automatically (opt out with trackHash: false).
  • selectSection pins a clicked section until scrolling settles, so short sections stay highlighted after a jump. Works on browsers without scrollend support.
  • SSR-safe: all DOM access happens in effects, so it renders under Astro/Next SSR (activeId is null on the server).

  The docs site "On this page" table of contents now consumes this hook instead of its own bespoke observer.

• Updated dependencies [ff8ad54]

• Updated dependencies [f919182]

• Updated dependencies [b171c71]

• Updated dependencies [4f0ed75]

• Updated dependencies [5efe6dd]

• Updated dependencies [32b2168]

• Updated dependencies [535d579]

• Updated dependencies [aae94f1]

• Updated dependencies [2575f9c]

• Updated dependencies [ee6e569]

• Updated dependencies [86afc2b]

• Updated dependencies [5516c22]

• Updated dependencies [86ee08c]

  • @cloudflare/kumo@2.9.0

@cloudflare/kumo-figma@0.3.43

Patch Changes

• Updated dependencies [ff8ad54]
• Updated dependencies [f919182]
• Updated dependencies [b171c71]
• Updated dependencies [4f0ed75]
• Updated dependencies [5efe6dd]
• Updated dependencies [32b2168]
• Updated dependencies [535d579]
• Updated dependencies [aae94f1]
• Updated dependencies [2575f9c]
• Updated dependencies [ee6e569]
• Updated dependencies [86afc2b]
• Updated dependencies [5516c22]
• Updated dependencies [86ee08c]
  • @cloudflare/kumo@2.9.0