Chore: version packages (alpha)

[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.

⚠️⚠️⚠️⚠️⚠️⚠️

main is currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, run changeset pre exit on main.

⚠️⚠️⚠️⚠️⚠️⚠️

Releases

@cscfi/csc-ui@4.0.0-alpha.6

Minor Changes

• #256 444e2d9 Thanks @villeerikssoncsc! - c-alert heading API:

  • New heading string prop renders the alert heading; the slot overrides
    it for rich content. New heading CSS part on the prop-rendered heading.
  • The title slot is renamed to heading (slot="heading") — title is
    avoided across the library because the native title attribute triggers
    the browser tooltip.

• #256 b30f342 Thanks @villeerikssoncsc! - Selection controls are now stylable per state from consumer CSS (ADR-0035).
  c-checkbox, c-radio and c-switch expose their interaction state as
  custom states (c-checkbox:state(checked), :state(indeterminate),
  c-radio:state(checked), :state(disabled), c-switch:state(checked)),
  and the indicator part now targets the actual visual control — the
  checkbox box (with the new mark part for the check glyph) and the radio
  ring (its dot is the ring's ::after) — so rules like
  c-checkbox:state(checked)::part(indicator) { background: green } work.

  BREAKING: ::part(indicator) no longer targets the circular ripple/hover
  surface on c-checkbox/c-radio; that surface is internal and no longer
  stylable. Also fixes the indeterminate checkbox never filling its box.

• #256 692cf41 Thanks @villeerikssoncsc! - c-table now leaves your <table> in your own DOM instead of moving it into
  its shadow root:

  • Your page CSS and ::part() selectors now reach everything inside the
    table — e.g. a c-tag in a cell can be styled with
    c-tag.status::part(root) { … }, matching how other components customize.
  • c-table installs its table styling once per page as a scoped stylesheet
    (c-table > table.c-table …). Note that your own global table resets can
    now also reach the table, which the shadow boundary previously blocked.
  • Responsive mobile labels are cloned from the header cells as live nodes
    instead of serialized HTML, and header lookup now only considers
    <th> elements inside <thead>.
  • A <table> slotted in after mount is now picked up automatically.

Patch Changes

• #256 284e9ec Thanks @villeerikssoncsc! - c-autocomplete's in-panel search input now shows a magnifying-glass icon
  in front of the input as a "type to filter" affordance. The glyph is
  decorative (hidden from assistive technology) and inherits its color from
  the search row, so ::part(search) color overrides apply to it as well.
  The options list also gained a small gap below the search row's divider.

• #256 b30f342 Thanks @villeerikssoncsc! - Separator lines are now visible on dark-mode overlay surfaces (ADR-0036).
  c-divider inside c-menu and the search-row line in c-autocomplete's
  panel used the border token, which in dark mode resolves to the same color
  as the panel background. Both now paint a new divider semantic token — a
  translucent ink (black @ 12% in light mode, white @ 12% in dark) that reads
  consistently on every surface. The token is exported as --c-divider and,
  via the Tailwind theme export, as the divider color utilities.

@cscfi/csc-ui-react@4.0.0-alpha.6

Minor Changes

• #256 444e2d9 Thanks @villeerikssoncsc! - c-alert heading API:

  • New heading string prop renders the alert heading; the slot overrides
    it for rich content. New heading CSS part on the prop-rendered heading.
  • The title slot is renamed to heading (slot="heading") — title is
    avoided across the library because the native title attribute triggers
    the browser tooltip.

• #256 b30f342 Thanks @villeerikssoncsc! - Selection controls are now stylable per state from consumer CSS (ADR-0035).
  c-checkbox, c-radio and c-switch expose their interaction state as
  custom states (c-checkbox:state(checked), :state(indeterminate),
  c-radio:state(checked), :state(disabled), c-switch:state(checked)),
  and the indicator part now targets the actual visual control — the
  checkbox box (with the new mark part for the check glyph) and the radio
  ring (its dot is the ring's ::after) — so rules like
  c-checkbox:state(checked)::part(indicator) { background: green } work.

  BREAKING: ::part(indicator) no longer targets the circular ripple/hover
  surface on c-checkbox/c-radio; that surface is internal and no longer
  stylable. Also fixes the indeterminate checkbox never filling its box.

• #256 692cf41 Thanks @villeerikssoncsc! - c-table now leaves your <table> in your own DOM instead of moving it into
  its shadow root:

  • Your page CSS and ::part() selectors now reach everything inside the
    table — e.g. a c-tag in a cell can be styled with
    c-tag.status::part(root) { … }, matching how other components customize.
  • c-table installs its table styling once per page as a scoped stylesheet
    (c-table > table.c-table …). Note that your own global table resets can
    now also reach the table, which the shadow boundary previously blocked.
  • Responsive mobile labels are cloned from the header cells as live nodes
    instead of serialized HTML, and header lookup now only considers
    <th> elements inside <thead>.
  • A <table> slotted in after mount is now picked up automatically.

Patch Changes

• #256 284e9ec Thanks @villeerikssoncsc! - c-autocomplete's in-panel search input now shows a magnifying-glass icon
  in front of the input as a "type to filter" affordance. The glyph is
  decorative (hidden from assistive technology) and inherits its color from
  the search row, so ::part(search) color overrides apply to it as well.
  The options list also gained a small gap below the search row's divider.

• #256 b30f342 Thanks @villeerikssoncsc! - Separator lines are now visible on dark-mode overlay surfaces (ADR-0036).
  c-divider inside c-menu and the search-row line in c-autocomplete's
  panel used the border token, which in dark mode resolves to the same color
  as the panel background. Both now paint a new divider semantic token — a
  translucent ink (black @ 12% in light mode, white @ 12% in dark) that reads
  consistently on every surface. The token is exported as --c-divider and,
  via the Tailwind theme export, as the divider color utilities.

• Updated dependencies [444e2d9, 284e9ec, b30f342, b30f342, 692cf41]:

  • @cscfi/csc-ui@4.0.0-alpha.6