Releases

New Features

• Updated the Font Awesome CSS to support duotone icons (#415)
• Added a prominent style for the LinkBox component (#415)
• Added a type prop to the Icon component that enables duotone icons (#415)

Enhancements

• Redesigned the accordion component (details/summary) (#413)

Deprecations

• Removed the isBrand prop from the Icon component, use type instead (#415)

Box Download

Bug Fixes

• Fixes an issue where Cards are not given equal height when added to a Grid (#411)
• Fixes an issue with subtle card content alignment (#411)
• Fixes an issue where a small margin was being applied to the right of the page content (#411)

Box Download

New Features

• Added utilities for text and background color (#397)
• Added a "sidebar" area to the page layout grid (#406)
  • This grid area will display below the page content on smaller viewports while the sub-nav grid area will continue to display above the page content

Enhancements

• Updated Font Awesome to 6.5.2 (#391)
• Overhauled how the primary menu expander behaves (#402)
  • The sub menu will only display on hover with fine cursor input
  • Hovering over the expander will no longer open the sub menu
  • The menu should now be able to be closed by clicking on the expander, even on devices with fine cursors
  • The sub menu should now be collapsible on mobile
• Added a small crimson border to the top of the site footer (#404)
• Added a border on hover to standard cards that have a link to show that the entire card is clickable (#405)

Bug Fixes

• Removed some styles specific to SVG images causing unexpected behavior (#401)

Deprecations

• Removed the "footer" grid area from the Page component layout as it wasn't being used.

Box Download

Enhancements

• Added a new media breakpoint for text. This should help display longer words on smaller viewport widths without needing hyphenation. (#383)

Box Download

Bug Fixes

• Fixes typescript definitions when installed as a package (#380)

Box Download

Bug Fixes

• Fixes typescript associations when installed manually (#378)

Box Download

New Features

• Added the AlertBanner component (#375)
• The distribution now includes the core SCSS file, so you can import it into your own SCSS projects to use the same functions and mixins as minerva (#376)

Enhancements

• Removed letter spacing from text utilities (#376)
• Fixed inconsistencies in text utility class names (#376)

Deprecations

• Removed deprecated typeset variables (#376)

Box Download

Bug fixes

• Isolated tests, removing the SASS True dependency

Box Download

New Features

• Added design tokens for font size (#361)
• Added design tokens for line height (#361)
• Added new color variable --ua_color-text--subtle (#365)
• Removed the bold styling from parent menu items in preparation of adding active page styles (#367)

Enhancements

• Adjusted the gap between primary nav menu items (#358)
• Moved esm components to top level so they can be imported from minerva/src (#359)
• Added a border to the CTA component to match the height of it's subtle variant (#361)
• Increased the contrast of disabled buttons (365)

Bug fixes

• Fixed an issue where the Link component would be styled incorrectly when the className prop was not passed (#360)
• Fixed an issue where buttons may not be styled correctly (365)
• Fixed an issue where the navigation elements TitleBar and PrimaryNavigation would be hidden if Javascript failed or was disabled. (#363)
• Fixed an issue where the navigation element SecondaryNavigation would have inaccessible children if javascript failed or was disabled (#363)
• Fixed an issue where the expander of SecondaryNavigation would wrap to next line instead of the link text. (#367)

Breaking changes and deprecations

• Changed the name of --ua_space--0 to --ua_space--05 for better transparency (#361)
• The old typeset variables are deprecated and will be removed in the next version. Consider switching to the new line height and font size variables (#361)
• Removed ua_color-text--disabled effective immediately. Use --ua_color-text--inverse instead (#365)
• Removed ua_context--subtle since its only purpose was to get subtle style callouts. We'll add these as component variants in the future (365)
• Renamed ua_context--elevated to ua_contrast--more (365)
• Renamed ua_context--prominent to ua_contrast--most (365)
• Changed the presence prop on the Group component to be contrast with accepted values "more" and "most" (365)
• Markup for the TitleBar, SecondaryNavigation and PrimaryNavigation have changed (#363, #367)

Box Download

New Features

• Added a bunch of utility classes (#331)
• Added subtle variant for the CallToAction component (#337)
• Added a disabled state to the CallToAction component (#337)

Enhancements

• Updates the to TagList component to improve styling (#326)
• Improved behavior of ua_layout--flow-half (#331)
• Added a background to the link list items, which should improve their use on top of complex backgrounds (#338)
• Adjusted the props of the CallToActionList component, improving justification and classes (#342)

Bug Fixes

• Fixed a bug where flow spacing was not being applied to Step components (#335)
• Fixed an issue where the TagList would overflow the container instead of wrapping (#340)
• The CodeBlock will no longer wrap long lines, providing a horizontal scroll bar instead (#351)
• Fixed an issue where the TitleBar menu wouldn't display (#350)

Other notable changes

• Removed "About this site" from the brand footer (#334)
• Removed default hyphenation rules for H1s (#349)

Box Download

New Features

• Added the CallToActionList Component (#318)

Enhancements

• Update FontAwesome from 6.4.1 to 6.5.1 (#321)

Bug Fixes

• Fixed an issue with incorrect margins on horizontal cards with the subtle presence (#320)
• Fixed an issue with horizontal card image sizes (#310)
• Moved presence class to wrapper div to improve compatibility with wordpress (#317, #312)
• Fixed a bug where images were being sized incorrectly in a Grid (#316)

Deprecations

• Setting aspect ratio with a horizontal card is no longer permitted (#310)
• The SearchBox component has been removed (#313)

Box Download

Features

• Added several utility classes related to spacing (#292)
  • ua_space--flow-double
  • ua_space--section
  • ua_space--0
  • ua_space-start--flow-double
  • ua_space-start--section
  • ua_space-start--0
  • ua_space-end--flow-double
  • ua_space-end--section
  • ua_space-end--0

Enhancements

• Redesigned the primary navigation dropdown on large viewports (#300)
• Significant refactor of the layout system. This fixes numerous bugs and layout issues but also introduces a few changes to be aware of. (#292, #303, #304)
• Added the ClassName prop to all components (#292)
• Added a component wrapper to the LeadText component (#292)
• Added header and footer options to the Group element prop (#292)

Breaking changes

• The class name ua_align--standard changed to ua_width--standard
• The class name ua_align--wide changed to ua_width--wide
• The class name ua_align--full changed to ua_width--full
• The class name ua_layout_flow changed to ua_layout--flow
• The class name ua_layout_grid changed to ua_layout--grid
• The class name ua_layout_flex changed to ua_layout--flex
• The class name ua_layout_standard changed to ua_layout--standard
• The class name ua_layout_wide changed to ua_layout--wide
• All prop names dealing with component alignment has been renamed from align to justify except in cases where the alignment is strictly text alignment

Box Download

Features

• Added Tag and TagList components (#267)
• Added landscape option to the Card component (#244)
• Added EventFeed component (#293)

Enhancements

• Updated Font Awesome to 6.4.2 (#266)
• Added the align prop to the Heading component (#293)
• Use text/accent color where possible for better accessibility in prominent contexts (#291)

Bug Fixes

• Fixed a bug where LinkList items would not expand to fill the height of wrapped lines (#262)
• Changed the color of DataHighlight to use text/accent color (#263)
• Fixed an issue where the event name size would change depending on the heading level (#293)
• Fixed an issue where the event component would display the full date range even if the event ends on the same day as it starts (#293)
• Fix specificity of lead-in selector (#291)

Other Changes

• Refactored token system (#291)
• Added new border tokens (#291)
• Add word break to event names (#291)
• Updated the text styling of Blockquote, LeadText, DataHighlight Lead-In Text, Image Caption and Video Caption (#296)

Box Download

Features

• Re-Added the Steps component with new design (#251)
  • Now supports nested lists (#256)
• Added a Swatch component (#254)

Enhancements

• Adjusted section spacing on smaller screens (#252)
• Redesigned the Event component (#249)
• Optimized distribution for core brand UI (#247)

Bug fixes

• Adjusted the link styling for better state indications in sections with prominent context (#250)
• The Event component now accepts a heading_level prop (#248)
• Updated the syntax highlighting colors to be more accessible (#239)
• Changed LinkList layout to Grid and LinkList will now accept Grid props (#238)
• Added a missing export for SocialLinks (#238)
• Tweaked the color value of Primary 300 to be more accessible (#242)
• Adjusted the CSS so that alignment props will work correctly (#253)

Breaking changes

• Changed how we handle variable value shifts, these will now be controlled by ua_context--prominent, ua_context--elevated, and ua_context--subtle (#245)

Box Download

New Features

• Added alignment option for DataHighlight (#199)
• Added a definition list item component (#224)

Enhancements

• Updated several components to make them compatible with NextJS (#203)
• Added a subtle Card variant (#206)
• Updated all colors in the color system (#210)
• Adjusted typography on the Steps pattern (#211)
• Updated the typography on the Card component (#229)
• Updated the Accordion open visual (#233)

Bug Fixes

• Fixed a bug where the sidebar menu background was displaying incorrectly for nested items (#207)
• Added bottom margin to sidebar in the Page component (#221)
• Removed space below brand footer (#221)
• Added LeadText to the package exports, allowing it to be used in projects (#221)
• Updated the padding on the LinkBox icon (#221)
• Fixed several accessibility errors in the TitleBar and SearchBox components (#218)
• Set hero text to allow hyphenation (#218)
• Fixed list item alignment on the Page component (#231)

Breaking Changes

• Overhauled the Grid component, which will take an array of items instead of children content (#209)
• Overhauled the color system, all token names have changed (#212)
• Removed some border tokens pending design approval (#227)

Box Download

New Features

• Added a Breadcrumbs component (#158)
• Added a CodeBlock component (#106)
• Added support for Prism JS
• Added a new Pagination component (#191)
• Added a new SocailLinks component (#188)
• Added a new LeadText components (#195)

Enhancements

• Overhauled the built distribution. You can now cherry pick CSS files as needed, and internal project components are no longer included in the package (#182)
• Added a subTitle prop to the Card component (#178)
• Added aspect ration options to the Card component (#178)

Bug Fixes

• Fixed an issue where Group background image wasn't filling 100% width (#170)
• Fixed an issue where content in the hero area of the Page component didn't get the correct gutter padding (#174)
• Fixed an issue where sidebar items could wrap on hover (#177)
• Fixed an issue where hero text wasn't aligned correctly (#184)

Known Issues

• List bullets/numbers are slightly cut off by the edge of the viewport on small viewport widths (#189)

Box download

New Features

• Added PrimaryNavigation which supports 2 levels of links (#98, #136)
• Added SecondaryNavigation which supports 3 levels of links (#145)
• Added SearchBox component (#149)
• Added GridList component to help layout list items in Grid (#134)

Enhancements

• Changed the name of the StepsList component to Steps (#150)
• Updated the Steps component to use Grid for layout (#150)
• Added an alignment option for the CallToAction component (#146)
• Added enhanced options for configuring the search bar included in the TitleBar component (#149)
• Added style for the tfooter element (#164)

Bug fixes

• Added a wrapper to the following components to fix padding issues when added directly to the Page component (#160):
  • Callout
  • Card
  • DataHighlight
  • Event
  • LinkBox
  • LinkList
  • Steps
• Fixed a bug with Card image alignment (#160)
• Fixed many MANY bugs related to layout... please don't make me list all of them (#159, #161, #150)
• Fixed an issue where blockquote graphic wasn't displayed on Chrome (#137)
• Fixed an issue where the blockquote graphic didn't respect text direction (#137)
• Fixed an issue related to accordion alignment (#147)

Deprecations

• Removed the following components in favor of GridList implementations (#150):
  • CardList
  • DataHighlightList
  • EventList

Box download

1.0.0-alpha.4 milestone

New Features

• Added a new Link component for internal use (#126)
• Added a new Group component to cover functionality of the Gutenberg Group and Cover core blocks (#125)

Enhancements

• Changed the arguments and behavior of the Icon component to reflect the behavior of the PHP component (#112)

Bug Fixes

• Decreased the column gab between items in the BrandFooter (#111)
• Fixed a bug where the Steps styling wasn't scoped properly and bled into other ordered lists (#123)
• Fixed an issue where the CallToAction component wasn't rendering correctly if used as a direct child of the Page component (#129)
• Fixed an issue there the icons that appear after a link targeting a new tab, or that leads to an PDF weren't rendering (#132)
• Fixed an issue where the Page h1 wasn't aligned properly (#125)
• Added flow spacing to the contents of the Page component (#125)
• Many other spacing and layout related fixes and adjustments (#125)

Breaking Changes

• We updated all props related to links to match the props expected by the new Link component. (#130) Affected components are CallToAction, Card, Event, LinkBox and LinkList

Known issues

• Blockquote decoration not working with RTL language (#93)

Box download

New Features

• Added the SiteFooter component (#96)
• Added the Accordion component (#94)

Enhancements

• Upgraded the icon list to FontAwesome 6.3 (#100)
• Updated the Page component to handle dynamic layout areas (#103)

Bug Fixes

• Added linting support for scss (#108)
• Fixed several linting issues (100)
• Sorted exports alphabetically, which makes it easier to ensure all components are being exported (#100)
• Fixed a bug where spacing related to the icon component wasn't working as intended (#105)

Deprecations

• Remove unused Section component (#100)
• Renamed the FeatureBox component to Card and updated it's look (#95)

Known Issues

• https://github.com/UA-Stratcom/minerva/issues/93

Box download

Fixes the broken distribution from 1.0.0-alpha.2

Box download

New Features

• Added support for RTL languages
• Added the Event and EventList components
• Added the Callout component
• Added the LinkList component
• Added the DataHighlightList component

Enhancements

• Adjusted semantic color tokens to be more in-line with what is used in the XD mocks
• List styles have been updated to match the mocks in XD
• The ua namespace separator is now consistently an underscore _

Bug Fixes

• Fixed a bug that caused icon spacing to be missing in the LinkBox component for RTL languages

Deprecations

• Changed the name of the StatBox component to DataHighlight
• Removed experimental styling hooks
• Removed experimental color global.element-bg in favor of neutral.background-subtle
• The FeatureBox component will be renamed "Card" at a future date

Requirements

• Replace ua-minerva in your code with ua_minerva
• Update any references to the StatBox component as needed
• If you were using the file minerva-full.css, it has been renamed minerva.css

Box download

The initial release of the Minerva design system and framework.

NPM Package

Features

• Baseline CSS for all standard HTML elements
• Stable CSS variables for accessing the design system
• Upgrade to FontAwesome 6.3.0

Components

• BrandBar
• BrandFooter
• TitleBar
• Page
• Grid
• Section
• Icon
• Blockquote
• Image
• Video
• CallToAction
• FeatureBox
• LinkBox
• StatBox

Box download