Releases: RedHat-UX/red-hat-design-system
Releases · RedHat-UX/red-hat-design-system
v1.0.0-beta.22
Patch Changes
- c0001bc: Recent update to @patternfly/pfe-tools breaks rh-secondary-nav
v1.0.0-beta.21
Patch Changes
- b627f53: Changes to
<rh-secondary-nav>
:- Moved overflow from mobile menu list to outer container
- Fixes border on dark variant in compact view
- b6cd513: Footer bug fixes
- secondary start slot not being used but still showing gap #488
- two column breakpoint on global footer not present #496
- tertiary slot in global footer has a margin-start padding that needs to be removed #498
- reduce the spacing beneath the primary footer nav / language switcher to match the xd #499
- corrected the margin at Tablet, landscape breakpoint to 64px
- add max-width on footer-block child elements #524
- social icon size changed to 24px down from 28px (band aide) #525
- add no-js styles to reduce flash of unstyled content before upgrade #543
- remove Summit logo #534
- ensure blocks in main secondary are flush to the top of the region
- header colors are being overwritten by base styles. #563
v1.0.0-beta.20
Patch Changes
- 2efcf30: Changes to
<rh-secondary-nav>
:- Fixes the nav level slotted cta color context when viewed in a mobile nav dropdown
- Fixes :hover color for dark variant logo text
v1.0.0-beta.19
Patch Changes
- 99a1e14: Changes to
<rh-secondary-nav>
:- Removed component scaling with user font size preference by replacing em based spacers with space tokens.
- Updated font-family stacks with font tokens
- Fixed nav bar height not adjusting when logo text wraps to 3 lines
- Fixed button background on color-palette="darker"
- Fixed focus out handler bug closing menu when clicking on flyout menu
- 694fd26: rh-alert: fixing styling for font-family, header font-size, description margins, and adding a cursor: pointer style for the slotted actions.
v1.0.0-beta.18
Patch Changes
-
38a788c: Alert, Stat, Secondary Nav changes:
- use design system tokens for consistency and themability
CTA Changes:
- use design system tokens for consistency and themability
- fix CSS values like padding, etc.
Footer Changes:
- use design system tokens for consistency and themability
- fix: fixed primary links grid gap spacing on desktop
- fix: added parts for accordion header/panel
v1.0.0-beta.17
v1.0.0-beta.16
Major Changes
-
8f533e5: - Adds color context decorators and controllers.
Affects footer, dialog, CTA, secondary nav, and stat.-
Adds
<rh-cta>
, a styled link that directs a user to other pages or sometimes displays hidden content.<rh-cta> <a href="/subscribe">Subscribe</a> </rh-cta>
-
Minor Changes
-
b940eab: Adds
<rh-tooltip>
element to display floating content.<p> Red Hat Design System is an interoperable <rh-tooltip position="top"> <rh-icon icon="info" aria-label="information"></rh-icon> <span slot="content" >Interoperable components work in any frontend framework, or none</span > </rh-tooltip> set of components with Red Hat branding guidelines built in. </p>
Patch Changes
- 1f196b5: Changes to
<rh-stat>
:- BREAKING: remove
@pfelement
decorator - BREAKING: remove
is-mobile
attribute - BREAKING: remove
description
slot, replace with anonymous slot - replace internal
MatchMediaController
withScreenSizeController
- document slots and css properties
- hide empty slots
- make
updateIcons
method private, and refactor it to run on slot
change and affect only the icon slotted intoicon
- initialize properties in class field initializers
- BREAKING: remove
- ac4ef8f: Footer: Main footer logo fills height first
- d7af072: Changes to
<rh-secondary-nav>
:- BREAKING: replaces
variant="dark"
attribute withcolor-palette="darker"
- replaces internal
#textDirection
method withDirController
implementation for consistent RTL support - updates documentation
- BREAKING: replaces
- 034e28d: Blockquote: Add design tokens to rh-blockquote's css files
v1.0.0-beta.15
Patch Changes
- 0d80240: * Fixes missing font-family stacks when base css isn't applied
- Adds rh-token CSS custom properties for font family stacks
- Fixes regression in spacing for slotted cta
v1.0.0-beta.14
Minor Changes
-
8edb3df: Adds
rh-secondary-nav
A non-primary navigation for products and subcategory pages.
Renames
RHDSScreenSizeController
toScreenSizeController
and updates references.
UpdatesmatchMedia()
breakpoints inScreenSizeController
to usemin-width
values for standard breakpoints<rh-secondary-nav role="navigation"> <a href="#" slot="logo">Logo</a> <ul slot="nav"> <li><a href="#">Link 1</a></li> <li> <rh-secondary-nav-dropdown> <a slot="link">Link 2</a> <rh-secondary-nav-menu slot="menu"> <rh-secondary-nav-menu-section> <h3 slot="header">Title of Links</h3> <ul slot="links"> <li><a href="#">Link 2.1</a></li> <li><a href="#">Link 2.2</a></li> </ul> </rh-secondary-nav-menu-section> </rh-secondary-nav-menu> </rh-secondary-nav-dropdown> </li> <li><a href="#">Link 3</a></li> </ul> </rh-secondary-nav>
Patch Changes
- 4d5a538: Fixes path for light dom CSS in secondary-nav demo
v1.0.0-beta.13
Minor Changes
-
ba05def: Add 'rh-blockquote'
A blockquote for displaying quote, author, and author title..
<rh-blockquote color-palette="lightest" align="inline-start" size="default"> <p slot="quote"> In open source, we feel strongly that to really do something well, you have to get a lot of people involved. </p> <span slot="author">Linus Torvalds</span> <span slot="title">Software Engineer</span> </rh-blockquote>
Patch Changes
- 1a6cfee: Adds missing
tslib
dependency