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@1.19.0

Minor Changes

• 4785c43: feat(tooltip, popover): deprecate asChild in favor of render prop

  Unifies composition patterns across the library by adopting Base UI's render prop pattern. The asChild prop is now deprecated on:

  • Tooltip
  • Popover.Trigger
  • Popover.Close

  Migration:

  - <Tooltip content="Save" asChild>
  -   <Button>Save</Button>
  - </Tooltip>
  + <Tooltip content="Save" render={<Button>Save</Button>} />
  
  - <Popover.Trigger asChild>
  -   <Button>Open</Button>
  - </Popover.Trigger>
  + <Popover.Trigger render={<Button>Open</Button>} />
  
  - <Popover.Close asChild>
  -   <Button>Close</Button>
  - </Popover.Close>
  + <Popover.Close render={<Button>Close</Button>} />

  The asChild prop remains functional for backward compatibility but will be removed in a future major version.

• a0f2b18: feat(popover): expose anchor prop on Popover.Content for virtual positioning

  Forwards Base UI's anchor prop through Popover.Content to the underlying Positioner, enabling popover positioning against custom elements, refs, or virtual points (e.g., a DOMRect from getBoundingClientRect()). This is useful when the popover trigger and the desired anchor are in different component trees, or when anchoring to a coordinate rather than a DOM element.

• 0cae077: feat(Select): add size prop (xs/sm/base/lg) matching Input and Combobox heights

Patch Changes

• 9eb1306: fix(chart): escape HTML in tooltip series name and values

  Escapes HTML entities in TimeseriesChart tooltip series names and values before rendering.

• 4565baa: fix(combobox): make TriggerInput caret button clickable for Playwright tests

• 4dfdc3f: fix(dropdown): pass children through when render prop is provided on DropdownMenu.Trigger

• 9c3cdbf: Fix sidebar collapsible content snapping shut instead of animating smoothly when closing.

• 27bcd59: fix(table): align sticky column colors with compact header variant

• a8adf02: fix(tokens): correct text-kumo-subtle dark mode value to provide visible contrast

• 547c7fa: Updated the token value for kumo-line and kumo-hairline in dark mode so they are more visible.

  • replace kumo-line usages with kumo-hairline across Kumo components and docs UI/content styles
  • use ring-kumo-line for shadowed surfaces (for example combobox, dialog, select, dropdown, toast, and related surface wrappers)
  • adjust theme token configuration and generated styles to support updated neutral/hairline appearance

• 9fbde51: fix(pagination, input): accessibility and i18n improvements

  Pagination:

  • Add labels prop for internationalization of aria-label strings
  • Customizable labels: firstPage, previousPage, nextPage, lastPage, pageNumber, pageSize
  • Default English labels maintained for backwards compatibility
  • For visible text customization, use existing render props:
    • Pagination.Info children for "Showing X of Y" text
    • Pagination.PageSize label prop for "Per page:" text

  Input:

  • Fix accessibility check that incorrectly required both placeholder AND aria-label
  • Now aria-label alone is sufficient (correct per WCAG)

  Example i18n usage:

  <Pagination
    labels={{
      firstPage: "Première page",
      previousPage: "Page précédente",
      nextPage: "Page suivante",
      lastPage: "Dernière page",
      pageNumber: "Numéro de page",
      pageSize: "Taille de page",
    }}
    page={page}
    setPage={setPage}
    perPage={10}
    totalCount={100}
  >
    <Pagination.Info>
      {({ pageShowingRange, totalCount }) => (
        <>
          Affichage de {pageShowingRange} sur {totalCount}
        </>
      )}
    </Pagination.Info>
    <Pagination.PageSize
      label="Par page :"
      value={perPage}
      onChange={setPerPage}
    />
    <Pagination.Controls />
  </Pagination>

@cloudflare/kumo-docs-astro@1.3.18

Patch Changes

• 547c7fa: Updated the token value for kumo-line and kumo-hairline in dark mode so they are more visible.

  • replace kumo-line usages with kumo-hairline across Kumo components and docs UI/content styles
  • use ring-kumo-line for shadowed surfaces (for example combobox, dialog, select, dropdown, toast, and related surface wrappers)
  • adjust theme token configuration and generated styles to support updated neutral/hairline appearance

• Updated dependencies [4785c43]

• Updated dependencies [a0f2b18]

• Updated dependencies [9eb1306]

• Updated dependencies [4565baa]

• Updated dependencies [4dfdc3f]

• Updated dependencies [9c3cdbf]

• Updated dependencies [27bcd59]

• Updated dependencies [a8adf02]

• Updated dependencies [547c7fa]

• Updated dependencies [9fbde51]

• Updated dependencies [0cae077]

  • @cloudflare/kumo@1.19.0

@cloudflare/kumo-figma@0.3.23

Patch Changes

• Updated dependencies [4785c43]
• Updated dependencies [a0f2b18]
• Updated dependencies [9eb1306]
• Updated dependencies [4565baa]
• Updated dependencies [4dfdc3f]
• Updated dependencies [9c3cdbf]
• Updated dependencies [27bcd59]
• Updated dependencies [a8adf02]
• Updated dependencies [547c7fa]
• Updated dependencies [9fbde51]
• Updated dependencies [0cae077]
  • @cloudflare/kumo@1.19.0