Chore: version packages (alpha)

.changeset/pre.json

@@ -7,7 +7,10 @@
     "@cscfi/csc-ui-react": "3.0.20"
   },
   "changesets": [
+    "accordion-mycsc-colors",
     "autocomplete-external-mode",
+    "card-mycsc-anatomy",
+    "dark-mode-mycsc-retune",
     "vue-rewrite-major"
   ]
 }

packages/csc-ui-react/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @cscfi/csc-ui-react
 
+## 4.0.0-alpha.2
+
+### Minor Changes
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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.
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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.
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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-sunken` `slate-900` →
+    `surface`/`surface-raised` `slate-800` → `surface-overlay` `slate-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`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874), [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874), [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874)]:
+  - @cscfi/csc-ui@4.0.0-alpha.2
+
 ## 4.0.0-alpha.1
 
 ### Minor Changes

packages/csc-ui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cscfi/csc-ui-react",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "description": "React components for the @cscfi/csc-ui custom elements, generated from the Custom Elements Manifest.",
   "author": "My CSC Team <suiteamsui@gmail.com>",
   "type": "module",

packages/csc-ui/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @cscfi/csc-ui
 
+## 4.0.0-alpha.2
+
+### Minor Changes
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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.
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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.
+
+- [#248](https://github.com/CSCfi/ui/pull/248) [`149a53a`](https://github.com/CSCfi/ui/commit/149a53a7e5a93f4e8a1e642aef3b6e3e094a2874) Thanks [@villeerikssoncsc](https://github.com/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-sunken` `slate-900` →
+    `surface`/`surface-raised` `slate-800` → `surface-overlay` `slate-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.
+
 ## 4.0.0-alpha.1
 
 ### Minor Changes

packages/csc-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cscfi/csc-ui",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "description": "Vue 3-based replacement for @cscfi/csc-ui — same custom element tag names, Vue v-model contract.",
   "type": "module",
   "main": "./dist/csc-ui.js",