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

Minor Changes

• #248149a53a Thanks @villeerikssoncsc! - Recolour c-accordion-item per the MyCSC accordion spec (colours only — no
  geometry changes).

  • Header keeps its primary-subtle fill and gains a primary-subtle-hover
    hairline border plus a hover state on the same tone, so hovering closes
    the fill/border gap (teal-tinted header with a lighter teal outline in
    dark mode, near-invisible on the light tint).
  • Heading text uses on-surface (near-white in dark, deep navy-teal in
    light — the spec's headings role); the icon slot and chevron use
    on-primary-subtle; slotted content uses on-surface-muted instead of
    inheriting the page colour.

• #248149a53a Thanks @villeerikssoncsc! - Align c-card and c-card-title with the MyCSC card anatomy.

  • c-card now draws a hairline border-token outline and a single soft
    drop shadow (0 2px 8px rgba(0,0,0,.25)) instead of the heavy two-layer
    shadow — elevation reads from the surface + border, matching the design
    spec in both modes.
  • Card sections get the spec's 24px/28px padding rhythm: a new
    --_c-card-padding-inline host contract (28px at desktop) drives the
    inline padding of c-card-title / c-card-content / c-card-actions, while
    --_c-card-gap keeps owning block padding and section gaps.
  • c-card-title follows the spec's section-title anatomy: 13.5px/700
    uppercase with 1.2px tracking, on-surface heading colour (the spec's
    headings role), and a 42×3px rounded primary accent bar 8px below.

• #248149a53a Thanks @villeerikssoncsc! - Retune the dark-mode palette to the approved MyCSC dark theme v2 spec.

  • The hand-tuned slate ladder now carries the spec's neutral grays: no
    near-black surfaces (page canvas #24272a, cards #2b2f33), softer
    hairline borders (#3c4247), and off-white body text (#e9ecee instead
    of pure white). A new slate-850 step (#26292d) backs the inset/muted
    surface tier.
  • Dark-mode surface-ladder roles shifted up the retuned ladder so elevation
    reads from progressively lighter surfaces (surface-sunkenslate-900 →
    surface/surface-raisedslate-800 → surface-overlayslate-700).
  • Bright interactive roles (primary fills, link, ring) now resolve to
    accent-family steps in dark mode — the vivid CSC teal — instead of the
    chroma-tapered pre-anchor primary steps that read washed on dark
    surfaces. Deep navy-teal fills (nav chrome, subtle fills) stay on primary
    steps, one step lighter than before. Re-seed accent to rebrand the dark
    interactive teal; primary still drives nav/subtle fills.
  • Subtle-fill hover states now lighten instead of darken in dark mode
    (*-subtle-hover: step 900 → 700).
  • The dark-mode logo keeps the magenta kite as a brightened fixed brand
    mark (#c2447c) instead of rendering fully white.

  All dark-mode text pairs pass WCAG AA (body text 11.4:1, secondary text
  ≥ 4.75:1 on every surface); non-text UI pairs pass 3:1.

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

Minor Changes

• #248149a53a Thanks @villeerikssoncsc! - Recolour c-accordion-item per the MyCSC accordion spec (colours only — no
  geometry changes).

  • Header keeps its primary-subtle fill and gains a primary-subtle-hover
    hairline border plus a hover state on the same tone, so hovering closes
    the fill/border gap (teal-tinted header with a lighter teal outline in
    dark mode, near-invisible on the light tint).
  • Heading text uses on-surface (near-white in dark, deep navy-teal in
    light — the spec's headings role); the icon slot and chevron use
    on-primary-subtle; slotted content uses on-surface-muted instead of
    inheriting the page colour.

• #248149a53a Thanks @villeerikssoncsc! - Align c-card and c-card-title with the MyCSC card anatomy.

  • c-card now draws a hairline border-token outline and a single soft
    drop shadow (0 2px 8px rgba(0,0,0,.25)) instead of the heavy two-layer
    shadow — elevation reads from the surface + border, matching the design
    spec in both modes.
  • Card sections get the spec's 24px/28px padding rhythm: a new
    --_c-card-padding-inline host contract (28px at desktop) drives the
    inline padding of c-card-title / c-card-content / c-card-actions, while
    --_c-card-gap keeps owning block padding and section gaps.
  • c-card-title follows the spec's section-title anatomy: 13.5px/700
    uppercase with 1.2px tracking, on-surface heading colour (the spec's
    headings role), and a 42×3px rounded primary accent bar 8px below.

• #248149a53a Thanks @villeerikssoncsc! - Retune the dark-mode palette to the approved MyCSC dark theme v2 spec.

  • The hand-tuned slate ladder now carries the spec's neutral grays: no
    near-black surfaces (page canvas #24272a, cards #2b2f33), softer
    hairline borders (#3c4247), and off-white body text (#e9ecee instead
    of pure white). A new slate-850 step (#26292d) backs the inset/muted
    surface tier.
  • Dark-mode surface-ladder roles shifted up the retuned ladder so elevation
    reads from progressively lighter surfaces (surface-sunkenslate-900 →
    surface/surface-raisedslate-800 → surface-overlayslate-700).
  • Bright interactive roles (primary fills, link, ring) now resolve to
    accent-family steps in dark mode — the vivid CSC teal — instead of the
    chroma-tapered pre-anchor primary steps that read washed on dark
    surfaces. Deep navy-teal fills (nav chrome, subtle fills) stay on primary
    steps, one step lighter than before. Re-seed accent to rebrand the dark
    interactive teal; primary still drives nav/subtle fills.
  • Subtle-fill hover states now lighten instead of darken in dark mode
    (*-subtle-hover: step 900 → 700).
  • The dark-mode logo keeps the magenta kite as a brightened fixed brand
    mark (#c2447c) instead of rendering fully white.

  All dark-mode text pairs pass WCAG AA (body text 11.4:1, secondary text
  ≥ 4.75:1 on every surface); non-text UI pairs pass 3:1.

Patch Changes

• Updated dependencies [149a53a, 149a53a, 149a53a]:
  • @cscfi/csc-ui@4.0.0-alpha.2