Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .changeset/pre.json
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,10 @@
"autocomplete-external-mode",
"autocomplete-search-magnifier",
"card-mycsc-anatomy",
"chart-slots-vivid",
"chart-tokens",
"dark-mode-mycsc-retune",
"dark-mode-vivid-retune",
"designated-trigger-popover-chain",
"divider-token-dark-mode",
"dropdown-hide-details-restore",
Expand Down
56 changes: 56 additions & 0 deletions packages/csc-ui-react/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,61 @@
# @cscfi/csc-ui-react

## 4.0.0-alpha.8

### Minor Changes

- [#260](https://github.com/CSCfi/ui/pull/260) [`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3) Thanks [@villeerikssoncsc](https://github.com/villeerikssoncsc)! - Re-derive the twelve chart series slots (`--c-chart-1` … `--c-chart-12`) as
vivid single hues (ADR-0030, amended).

- The previous set was five dark/light shade pairs plus two singles, parked
just above the chroma floor; it read flat, and the dark shades read too
dark. The new set is twelve single hues at a mid lightness (OKLCH L
0.55–0.67 light, 0.58–0.67 dark) with chroma pushed to the sRGB gamut under
per-hue ceilings.
- Slots 1–7 keep their hue identities (blue, magenta, gold, purple, teal,
rose, cyan) so charts with up to seven series keep familiar colours; slots
8–12 are new hues (indigo, orchid, olive, violet, aqua). Status hue bands
(reds, oranges, greens) are excluded.
- Every slot now clears 3:1 on both chart surfaces — the four dark-mode
relief slots are gone. The all-pairs safe prefix for scatter/bubble/map
forms stays at slots 1–3.
- Validated as a set with the dataviz validator: adjacent-pair CVD ΔE 10.2
(light) / 8.7 (dark), normal-vision floor 17.9 / 16.9.

Chart tokens are frozen literals, so this does not interact with
`applyTheme`; consumers who override `--c-chart-*` are unaffected.

- [#260](https://github.com/CSCfi/ui/pull/260) [`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3) Thanks [@villeerikssoncsc](https://github.com/villeerikssoncsc)! - Make dark mode more vibrant: saturated fills and visible subtle tints, all
still resolved inside each role's own family (ADR-0034).

- The ramp core (`src/theme/ramp.js`) now holds full seed chroma through
steps 400–300 and tapers only from 200 up (`C_FACTOR` 400/300/200:
0.92/0.78/0.55 → 1.0/1.0/0.72). Step 300 is every family's dark-mode fill
and 200 its hover, and the old taper left low-chroma seeds reading grey —
the dark primary button moves from `#67a2b0` to `#54a5b7` at the same
contrast. Every family's 200–400 steps shift accordingly in both modes
(light-mode hover fills get slightly richer); warning and error are at the
sRGB gamut edge and do not move. Consumer ramps from `applyTheme` /
`themeToCss` follow the same curve.
- Dark-mode status and accent fills move to the saturated `*-400` step
(hover `*-300`, ink `*-950`). Primary, secondary and link fills stay where
they are — their next step fails WCAG AA text with any ink.
- Dark-mode subtle tints move from `*-800` to `*-700` (hover `*-600`) with
the near-white `*-50` ink. `*-800` sat within 1.0–1.6:1 of the slate-800
page and read as the page colour.
- Dark nav chrome moves one step lighter (`primary-700`, hover `primary-600`)
and the active item becomes the brand `primary-500` under white ink.
- The frozen chart slots (ADR-0030) are literals and do not move.

Dark mode passes every audited text pair at AA and every non-text pair at
3:1 (`scripts/audit-contrast.mjs --strict`); ramp parity
(`scripts/check-ramp-parity.mjs`) holds.

### Patch Changes

- Updated dependencies [[`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3), [`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3)]:
- @cscfi/csc-ui@4.0.0-alpha.8

## 4.0.0-alpha.7

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/csc-ui-react/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@cscfi/csc-ui-react",
"version": "4.0.0-alpha.7",
"version": "4.0.0-alpha.8",
"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",
Expand Down
51 changes: 51 additions & 0 deletions packages/csc-ui/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,56 @@
# @cscfi/csc-ui

## 4.0.0-alpha.8

### Minor Changes

- [#260](https://github.com/CSCfi/ui/pull/260) [`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3) Thanks [@villeerikssoncsc](https://github.com/villeerikssoncsc)! - Re-derive the twelve chart series slots (`--c-chart-1` … `--c-chart-12`) as
vivid single hues (ADR-0030, amended).

- The previous set was five dark/light shade pairs plus two singles, parked
just above the chroma floor; it read flat, and the dark shades read too
dark. The new set is twelve single hues at a mid lightness (OKLCH L
0.55–0.67 light, 0.58–0.67 dark) with chroma pushed to the sRGB gamut under
per-hue ceilings.
- Slots 1–7 keep their hue identities (blue, magenta, gold, purple, teal,
rose, cyan) so charts with up to seven series keep familiar colours; slots
8–12 are new hues (indigo, orchid, olive, violet, aqua). Status hue bands
(reds, oranges, greens) are excluded.
- Every slot now clears 3:1 on both chart surfaces — the four dark-mode
relief slots are gone. The all-pairs safe prefix for scatter/bubble/map
forms stays at slots 1–3.
- Validated as a set with the dataviz validator: adjacent-pair CVD ΔE 10.2
(light) / 8.7 (dark), normal-vision floor 17.9 / 16.9.

Chart tokens are frozen literals, so this does not interact with
`applyTheme`; consumers who override `--c-chart-*` are unaffected.

- [#260](https://github.com/CSCfi/ui/pull/260) [`6f3ac93`](https://github.com/CSCfi/ui/commit/6f3ac93ea3c0670884c5e22d23b7a73fbfcc29b3) Thanks [@villeerikssoncsc](https://github.com/villeerikssoncsc)! - Make dark mode more vibrant: saturated fills and visible subtle tints, all
still resolved inside each role's own family (ADR-0034).

- The ramp core (`src/theme/ramp.js`) now holds full seed chroma through
steps 400–300 and tapers only from 200 up (`C_FACTOR` 400/300/200:
0.92/0.78/0.55 → 1.0/1.0/0.72). Step 300 is every family's dark-mode fill
and 200 its hover, and the old taper left low-chroma seeds reading grey —
the dark primary button moves from `#67a2b0` to `#54a5b7` at the same
contrast. Every family's 200–400 steps shift accordingly in both modes
(light-mode hover fills get slightly richer); warning and error are at the
sRGB gamut edge and do not move. Consumer ramps from `applyTheme` /
`themeToCss` follow the same curve.
- Dark-mode status and accent fills move to the saturated `*-400` step
(hover `*-300`, ink `*-950`). Primary, secondary and link fills stay where
they are — their next step fails WCAG AA text with any ink.
- Dark-mode subtle tints move from `*-800` to `*-700` (hover `*-600`) with
the near-white `*-50` ink. `*-800` sat within 1.0–1.6:1 of the slate-800
page and read as the page colour.
- Dark nav chrome moves one step lighter (`primary-700`, hover `primary-600`)
and the active item becomes the brand `primary-500` under white ink.
- The frozen chart slots (ADR-0030) are literals and do not move.

Dark mode passes every audited text pair at AA and every non-text pair at
3:1 (`scripts/audit-contrast.mjs --strict`); ramp parity
(`scripts/check-ramp-parity.mjs`) holds.

## 4.0.0-alpha.7

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/csc-ui/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@cscfi/csc-ui",
"version": "4.0.0-alpha.7",
"version": "4.0.0-alpha.8",
"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",
Expand Down