v1.0.0-beta.32

Patch Changes

• ccd0e37: <rh-accordion>: fixed double border on expanded state
• ccd0e37: <rh-footer>: fixed accordion styles at mobile screen sizes (#707)

v1.0.0-beta.31

Patch Changes

• e40663d: fix: bundle in package phase

v1.0.0-beta.30

Patch Changes

• b28681d: Removed postinstall husky script from users

v1.0.0-beta.29

Minor Changes

• e40e87d: ✨ Added <rh-button>.

  Button is a form-associated custom element. Buttons allow users to
  perform an action when triggered. They feature a text label, a background or a
  border, and icons.

  <rh-button>Submit</rh-button>

Patch Changes

• 84da26f: <rh-footer>: Corrected href for footer logo links. They were incorrectly pointing
  to the href="/en" url. They have been changed to href="/".
• 94eeec0: <rh-global-footer>: fixed logo links, as per <rh-footer>
• 4233169: Fixed nested colour contexts
• e40e87d: <rh-context-provider>: notify children of context when adding them using javascript.
• e40e87d: <rh-context-provider>: set color context, rather than palette, on consumers
• b23a803: <rh-tooltip>: fixed tooltips on dark contexts
• 62fe829: Update to PatternFly Elements RC
• 21da484: <rh-accordion>: fixed styles for RTL languages.
• 7001943: <rh-cta>: hide arrow from assistive tech

v1.0.0-beta.28

Minor Changes

• 99cf19e: ✨ Added <rh-tag>.

  A tag is an inline-block element component that provides a distinct visual style for metadata in a UI. Supports adding icon by attribute or slotted.

  <rh-tag>Content</rh-tag>

• f58c607: ✨ Added <rh-accordion>.

  Accordion displays multiple, related disclosure widgets.

  <rh-accordion>
    <rh-accordion-header>
      <h2>Item One</h2>
    </rh-accordion-header>
    <rh-accordion-panel>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </rh-accordion-panel>
    <rh-accordion-header>
      <h2>Item Two</h2>
    </rh-accordion-header>
    <rh-accordion-panel>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </rh-accordion-panel>
    <rh-accordion-header>
      <h2>Item Three</h2>
    </rh-accordion-header>
    <rh-accordion-panel>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </rh-accordion-panel>
  </rh-accordion>

• ffc4ddd: ✨ Added <rh-badge>.

  A badge is used to annotate other information with numerical content.

  <rh-badge number="1">1</rh-badge>

• 0703a7e: rh-tooltip is being moved from the previous version of pfe-tooltip to the newest version which includes the migration from popperjs to floating-ui.

  This will provide user experience and performance improvements and eliminate the need for the process.env.NODE_ENV variable to be set by the user going forward.

Patch Changes

• aa2d5b4: <rh-tooltip>: calculated the tooltip offset when the element is first updated

• aa2d5b4: <rh-blockquote>: added colour context and updated style tokens

• b7aa79a: Color Context: added attribute option to @colorContextConsumer (defaults
  to false), allowing elements to make their context private to the shadow DOM.

• 41e27dd: <rh-tag>: Fixed styles and tests connected with upstream changes in BaseLabel

• 185df89: Color Context: fixed context features, making sure they update the host
  element.

• db3c6af: <rh-spinner>: made color context implementation private (removed on
  attribute).

• 54a2bbc: <rh-alert>: fixed empty footer actions container still taking up blockwise
  space.

• ee8e16d: <rh-secondary-nav>:

  • updated styles for rh-context-provider in shadowroot to ensure cta
    centering.
  • BREAKING: fixed incorrect color map for dark variant color-palette="darker" to color-palette="dark"

  Color Context: added light and dark context-color css rules to match
  surface tokens --rh-color-surface-light and --rh-color-surface-dark

• 750f451: Added support for PFE 2.0 icon color in rh-footer

• 57f660c: <rh-cta>: made color context implementation private (removed on attribute).

• aa2d5b4: <rh-dialog>: internal refactoring

• 6f8c8e7: <rh-footer>: fixed representation of social media links list for assistive technologies

• a76169e: chore: added the lib/ directory to the exports in package.json.
  Users can now do things like import controllers into their own projects:

  import { ScreenSizeController } from "@rhds/elements/lib/ScreenSizeController.js";

• d2e77b5: <rh-tooltip>: removed on attribute

• 3edd725: <rh-cta>: fixed styles.

• b7aa79a: <rh-stat>: fixed icon slot and attribute.

v1.0.0-beta.27

Minor Changes

• 172bacf: Added <rh-spinner>. Spinner consists of an animated circle and sometimes a message, and it indicates that a section is loading.

  <rh-spinner> Loading... </rh-spinner>

v1.0.0-beta.26

Patch Changes

• 73a4a9e: Updated <rh-footer> to use new <pfe-icon>

v1.0.0-beta.25

Patch Changes

• da26ab3: Added behaviour to <rh-alert>'s close button: clicking it now removes the element.

v1.0.0-beta.24

Minor Changes

• c677b9e: Added <rh-pagination>, a web component for navigating paginated content.

  <rh-pagination>
    <ol>
      <li><a href="#">1</a></li>
      <li><a href="#2">2</a></li>
      <li><a href="#3">3</a></li>
      <li><a href="#4">4</a></li>
      <li><a href="#5">5</a></li>
    </ol>
  </rh-pagination>

  Read more on the Pagination docs

Patch Changes

• 139044f: Added mobile-menu slot to rh-secondary-nav to allow for translations
  Added translation demo demonstrating new slot and rtl support
• 72fdbc0: Fixes for <rh-secondary-nav>:
  • Remove em based font-styling, use rems
  • Move font-size: initial from rh-secondary-nav-lightdom.css to D7 specific stylesheet fix (proxy demo)
  • Fix carets to properly scale with font-size based on rh-tokens
• ba3e847: <rh-footer> grid areas show gap regardless of existing #575

v1.0.0-beta.23

Patch Changes

• d6de21a: Add tsconfig to pfeDevServerConfig in web-dev-server.config.js
  Add tsconfig to pfeDevServerConfig in web-test-runner.config.js
  Unpins pfe-tools in package.json, allows versions > next.29 to be installed.