Skip to content

v0.6.0

Pre-release
Pre-release

Choose a tag to compare

@abbybowman abbybowman released this 28 Mar 12:15

Icon renames, size scale, sidebar variants, palette fixes

Breaking changes

15 icons renamed for consistency with USWDS naming conventions. Update any <use href="...#icon-name"> references:

Old name New name
subscribe notification
tag-activity tag-edit
tag-article tag-bookmark
tag-bio tag-person
tag-blog tag-comment
tag-encyclopedia tag-reference
tag-feature tag-star
tag-file tag-folder
tag-infographic tag-graph
tag-media-advisory tag-announcement
tag-press-release tag-document
tag-previously-aired tag-repeat
tag-sound tag-audio
tag-subscribe tag-mail
tag-video tag-play

Changed

  • Secondary filled button now uses NASA Blue (#1C67E3) on all palettes (previously NASA Blue Tint on dark palettes). Passes WCAG AA on all backgrounds.
  • Secondary filled button on blue palette automatically renders as outline (transparent background, NASA Blue border) since the filled variant blends into the palette background.
  • Table on blue palette now uses the light table variant (white surface) instead of dark.
  • Icon button states — hover, active, and disabled styles added for all roles (CTA, secondary, outline, utility, social) across all six palettes.

Improved

  • Storybook sidebar — all component stories refactored from single Playground to individual variant stories with focused controls.
  • Storybook branding — top-left shows NASA meatball + "HDS Core" text.
  • Viewport presets — 7 USWDS breakpoints + TV (deferred) available in toolbar.
  • Sidebar sort order — Guidance page always appears first, stories follow export order.

Dependencies

  • @chromatic-com/storybook 5.0.2 → 5.1.1
  • vitest 4.1.0 → 4.1.2
  • @vitest/browser-playwright 4.1.0 → 4.1.2
  • @vitest/coverage-v8 4.1.0 → 4.1.2

Full Changelog: v0.5.0...v0.6.0