Skip to content

Releases: RedHat-UX/red-hat-design-system

v1.0.0-beta.22

05 Oct 17:26
2d6ad96
Compare
Choose a tag to compare
v1.0.0-beta.22 Pre-release
Pre-release

Patch Changes

  • c0001bc: Recent update to @patternfly/pfe-tools breaks rh-secondary-nav

v1.0.0-beta.21

04 Oct 20:08
8856cdb
Compare
Choose a tag to compare
v1.0.0-beta.21 Pre-release
Pre-release

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

03 Oct 19:40
426600b
Compare
Choose a tag to compare
v1.0.0-beta.20 Pre-release
Pre-release

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

26 Sep 18:09
4783e37
Compare
Choose a tag to compare
v1.0.0-beta.19 Pre-release
Pre-release

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

06 Sep 19:19
2b54606
Compare
Choose a tag to compare
v1.0.0-beta.18 Pre-release
Pre-release

Patch Changes

  • 38a788c: Alert, Stat, Secondary Nav changes:

    CTA Changes:

    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

01 Sep 12:28
Compare
Choose a tag to compare
v1.0.0-beta.17 Pre-release
Pre-release

Patch Changes

  • fe8f11f: Stat: Fixes dark theme font color contrast.
  • 620b59a: Ships the files in lib to npm

v1.0.0-beta.16

29 Aug 14:38
570b84a
Compare
Choose a tag to compare
v1.0.0-beta.16 Pre-release
Pre-release

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 with ScreenSizeController
    • 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 into icon
    • initialize properties in class field initializers
  • ac4ef8f: Footer: Main footer logo fills height first
  • d7af072: Changes to <rh-secondary-nav>:
    • BREAKING: replaces variant="dark" attribute with color-palette="darker"
    • replaces internal #textDirection method with DirController implementation for consistent RTL support
    • updates documentation
  • 034e28d: Blockquote: Add design tokens to rh-blockquote's css files

v1.0.0-beta.15

08 Aug 19:08
1626102
Compare
Choose a tag to compare
v1.0.0-beta.15 Pre-release
Pre-release

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

04 Aug 17:41
697385a
Compare
Choose a tag to compare
v1.0.0-beta.14 Pre-release
Pre-release

Minor Changes

  • 8edb3df: Adds rh-secondary-nav

    A non-primary navigation for products and subcategory pages.

    Renames RHDSScreenSizeController to ScreenSizeController and updates references.
    Updates matchMedia() breakpoints in ScreenSizeController to use min-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

03 Aug 20:55
10d0611
Compare
Choose a tag to compare
v1.0.0-beta.13 Pre-release
Pre-release

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