diff --git a/.changeset/tidy-berries-repeat.md b/.changeset/tidy-berries-repeat.md deleted file mode 100644 index f2a2d71..0000000 --- a/.changeset/tidy-berries-repeat.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -'@nasa-hds/core': minor ---- - -USWDS hero callouts and dark sections now render on the HDS dark surface instead of a NASA-red block. - -`.usa-hero__callout` and `.usa-section--dark` paint their own background in USWDS, using the primary color and cyan headings. Under the HDS theme that produced a dark red block with cyan headings, a red call-to-action sitting on the red hero box, and HDS components inside the section still using white-palette colors — white text was fine, but links and outline buttons came out near-black on red. A `.hds-palette-*` wrapper could not correct any of it, because the red is a background on the component itself. - -Both surfaces now use the HDS dark palette, so headings, text, links, buttons, and focus rings inside them match the surface they sit on. No markup changes are needed. To put one of these sections on a different surface, add a palette class to the same element (`class="usa-section usa-section--dark hds-palette-blue"`). - -If your site relied on the red hero callout or red dark section, this is a visible change — review those pages after upgrading. diff --git a/CHANGELOG.md b/CHANGELOG.md index 7a8d91a..1679826 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,17 @@ # @nasa-hds/core +## 0.10.0 + +### Minor Changes + +- 54b05c7: USWDS hero callouts and dark sections now render on the HDS dark surface instead of a NASA-red block. + + `.usa-hero__callout` and `.usa-section--dark` paint their own background in USWDS, using the primary color and cyan headings. Under the HDS theme that produced a dark red block with cyan headings, a red call-to-action sitting on the red hero box, and HDS components inside the section still using white-palette colors — white text was fine, but links and outline buttons came out near-black on red. A `.hds-palette-*` wrapper could not correct any of it, because the red is a background on the component itself. + + Both surfaces now use the HDS dark palette, so headings, text, links, buttons, and focus rings inside them match the surface they sit on. No markup changes are needed. To put one of these sections on a different surface, add a palette class to the same element (`class="usa-section usa-section--dark hds-palette-blue"`). + + If your site relied on the red hero callout or red dark section, this is a visible change — review those pages after upgrading. + ## 0.9.0 ### Minor Changes diff --git a/package.json b/package.json index 210c793..ed72936 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@nasa-hds/core", - "version": "0.9.0", + "version": "0.10.0", "description": "NASA Horizon Design System (HDS) Core — design tokens, base styles, and USWDS theme configuration.", "license": "CC0-1.0", "type": "module",