Releases

New Features

• Added a new ContactCard component (#477)

Enhancements

• Added an active state for SecondaryNavigation menu items (#503)
• The SecondaryNavigation menu will automatically expand to show the active item if the active item is a child (#503)
• Added a subtle style for the Event component (#502)

Bug Fixes

• Addressed an issue with h1 alignment, adding new props titleAlign and titleWidth to the Page component, and removing some aggressive CSS (#495)
• Fixed an issue where the TitleBar title would have a larger clickable area than intended. (#504)
• Fixed an issue where the expander in the TitleBar could wrap to the next line in edge cases (#504)

Deprecations

• The CallToAction has had the text prop deprecated in favor of the children prop. The text prop will still work, but will display a warning in the console. A warning will also be shown if the children prop is undefined, as it will be made a required prop in a future version, when the text prop is removed completely. (#477)
• The Card component has had the description prop deprecated in favor of the children prop. A warning will be provided if the description prop is used, and the description prop will be removed completely in a future version. (#477)

Maintenance

• Updated Storybook and made slight changes to the project directory structure (#492)
• Moved the FA Icon generator to it's own repository (#492)
• Introduced snapshot testing (#494)
• Overhauled the build and dist scripts to enable more consistent release workflows (#497)

HTML Changes

• The h1 in page layouts should now be wrapped in an element with a layout class, such as ua_layout--standard See (#495)
• A new wrapper div has been added in the TitleBar component, wrapping around the title bar content and expander button. See (#504)
• The "Accessibility" link in the universal footer has been updated to point to https://accessibility.ua.edu/statement/. See (#505)
• In the SecondaryNavigation component, the aria-current attribute should be added to the active page's <a> element. The resulting html should look something like <a href="..." aria-current="true"> See (#503)

Box Download

Bug Fixes

• Restores margin and padding utilities for flow double and flow half (#489)

Box Download

New Features

Added new variable --ua_color-text--alt (#479)

Enhancements

Added a 3px border top to the tfoot element to match WordPress styling (#481)

Bug Fixes

• Fixed an issue where border colors were not changing based on contrast / context (#480)

Deprecations

• Removed border variables (#480)

Box Download

Enhancements

• Updates the space between the content and sidebar to be gutter instead of grid-gap
• Updates layout width variables, specifically the wide width layout, which is now a calculation of the combined layout widths instead of being hard coded
• Added some redundant styling to the Pullquote component to enforce text alignment

Bug Fixes

• Adds justify content: center to the content wrapper inside ua_app
• Revamps list spacing so that the indentation is applied more predictably

Box Download

New Features

• Added a new variable ua_space--flex-gap (#458)
• Added a new wrapper #ua_app that will allow short pages to fill the available viewport height (#466)

Enhancements

• Added showLocation prop to the EventFeed component to allow the locations to be toggled off (#447)
• Updated the time format used in the Event component to respect AP style (#448)
• Added an open prop to the Details component, allowing users to set the default state (#453)
• Updated the style for the Pullquote component to match the design system mockup of this component (#452)
• Updated the text color on the AlertBanner component to use negative text color (#456)
• Made the AlertBanner href prop optional (#456)
• Removed default style for the fieldset html element (#457)
• Updated the value of ua_space--flow-half and ua_space--flow-double to be a calc function of ua_space--flow (#457)
• Changed the background and text colors on positive, negative, and info contexts inside "most contrast" sections (#458)
• Changed the background colors on positive, negative, and info contexts inside "more contrast" sections (#458)
• Updated FontAwesome to 6.6 (#467)

Bug Fixes

• Removed the outbound link icon from the UA System Logo (#445)

Deprecations

• The Accordion block has been renamed to Details. This is for better language parity between minerva and the wordpress theme (#453)
• The Blockquote component has been renamed to Pullquote. This was done to avoid confusion with the blockquote html element and to provide more parity to component names between the wordpress theme and minerva framework (#452)
• Removed ua_space--gap in favor of ua_space--grid-gap (#458)
• Removed ua_color--text-inverse in favor of ua_color--background-surface (#458)
• Removed ua_color--background-disabled in favor of ua_color--background-chip (#458)
• Removed the following components: DefinitionListItem, Video, Image. Please use plain HTML instead (#465)

Other notable changes

• Removes advanced styles from the blockquote html element allowing it to be used as a simple quote with no class name requirements (#452)
• Changes the markup of the new Pullquote component to apply styles more intuitively based on HTML markup rather than require additional wrappers and class names (#452)
• Added the ua_ prefix to the classes media-wrapper and visually-hidden (#457)
• Added a $scope SCSS variable to allow custom builds of Minerva with different global scope (#462)
• Moved list styles to placeholder selectors that can be extended to any other selector (#462)

Box Download

New Features

• Added support for the font weights: Thin, Light, Medium, and Extra Bold (#436, #439)

Bug fixes

• Fixed an issue where the primary nav dropdown would not display in edge cases (#433)
• Fixed an issue where the primary nav dropdown button would not work in edge cases (#433)

Box Download

New Features

• Add support for text and list columns through the class ua_layout--columns (#427)

Enhancements

• Add space for contents inside the accordion component (#429)

Box Download

Enhancements

• Add link to UA System Logo in footer (#420)

Bug Fixes

• Fixed an issue where the prominent link box icon was not centered (#422)

Box Download

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