v5.4.0

What's Changed

This version swaps out "Unstyled" components in favor of "Base" components (breaking change). It adds updated AspectRatio, Thumbnail and Checkbox components.

Breaking

• Breaking: Replace *Unstyled components with extended *Base components by @lyzadanger in #584

Added

• Add new AspectRatio, re-implemented Thumbnail component by @lyzadanger in #565
• Updated Checkbox component by @lyzadanger in #559
• Update test CSS bundling and add a11y tests to common tests by @lyzadanger in #577
• Add development documentation and plop templating by @lyzadanger in #582

Fixed

• Ensure ButtonUnstyled takes HTML attributes for button elements by @lyzadanger in #583

Changed

• Adjust icon set to integrate client icons by @lyzadanger in #590
• Address pattern-library housekeeping tasks... by @lyzadanger in #592

Full Changelog: v5.3.0...v5.4.0

v5.3.0

This release adds several updated components and expands documentation in the pattern library.

Added

• Add Input and InputGroup components by @lyzadanger in #534
• Add useSyncedRef hook by @robertknight in #568
• Add keyboard-navigation hook and listener collection dependency by @lyzadanger in #574
• Add LinkButton component by @lyzadanger in #571
• Add Spinner, Overlay and SpinnerOverlay components by @lyzadanger in #572

Full Changelog: v5.2.1...v5.3.0

v5.2.1

This patch release ensures that every component exported by the package has a unique export reference name. See #539 for further explanation.

Fixed

• Differentiate export names from function names in components by @lyzadanger in #539

Full Changelog: v5.2.0...v5.2.1

v5.2.0

This is the second of a series of minor version releases adding re-implemented components. These may be imported from @hypothesis/frontend-shared/lib/next. See README and pattern library web documentation for details.

Added

• Add updated button components by @lyzadanger in #505
• Add Spinner (simple) component by @lyzadanger in #506
• Add JSX syntax highlighting by @robertknight in #515
• Add documentation for Using Components by @lyzadanger in #508
• Add Scroll (presentational) components and ScrollBox (composite) component by @lyzadanger in #507
• Add data- attributes to components for better debugging by @lyzadanger in #516
• Add re-implemented Card presentational components and Panel composite component by @lyzadanger in #514
• Intercept in-app anchor links and trigger client-side navigation by @robertknight in #521

Full Changelog: v5.1.0...v5.2.0

v5.1.0

This is the first of a series of minor version releases adding re-implemented components. These may be imported from @hypothesis/frontend-shared/lib/next. See README and pattern library web documentation for details.

Added

• Add re-implemented Link components by @lyzadanger in #491
• Add standalone icon components by @lyzadanger in #494
• Pattern library: Add package usage docs and customization guide by @lyzadanger in #492

Changed

• Update project READMEs by @lyzadanger in #493

Full Changelog: v5.0.0...v5.1.0

v5.0.0

This breaking release is primarily concerned with removing assets no longer needed by consumers of this package:

• Utility classes prefixed with .hyp-u- are no longer provided by this package. Applications should instead use auto-generated Tailwind utility classes based on this package's tailwind.preset.js and the application's own local Tailwind configuration.
• The legacy normalizeKeyName utility is no longer provided by this package as it provides normalization for browsers that Hypothesis applications no longer support.

Breaking

• Breaking: Remove normalizeKeyName from package by @lyzadanger in #467
• Breaking: Remove all .hyp-u- utility classes from package by @lyzadanger in #46

Changed

• Update READMEs pertaining to usage and API by @lyzadanger in #475
• Update tailwind preset and colors by @lyzadanger in #476

v4.6.0

What's Changed

This release adds a new .focus-visible-ring utility class that can be composed with other tailwind ring utility classes. This replaces deprecated.hyp-u-outline-on-keyboard-focus and .hyp-u-outline-on-keyboard-focus--inset classes, which will be removed (along with all .hyp-u--prefixed utility classes) in the next major release.

As of this release, we are no longer maintaining a manual CHANGELOG.md in this project but will be using release notes in GitHub.

Added

• Provide .focus-visible-ring utility by @lyzadanger in #449
• Remove manual CHANGELOG in preference of auto-generated GitHub notes by @lyzadanger in #442

Full Changelog: v4.5.2...v4.6.0

v4.5.2

[v4.5.2] - 2022-04-14

Presentational components updated to forward HTML div attributes. containerRef
property deprecated in favor of elementRef. A few more colors added to
tailwind preset.

Deprecated

containerRef prop for "container" presentational components is deprecated in
favor of elementRef. Support for containerRef will be removed in v5.0 of
this package.

Added

• Add a few slate greys to the preset colors #310

Changed

• Forward HTML attributes for div-based presentational components #382
• Update project READMES with info about Tailwind conversion #339

v4.5.1

No changes from v4.5.0 (Github workflow action fix for publishing to NPM).

v4.5.0

[v4.5.0] - 2022-01-31

Significant updates to dependencies in this package. The pattern library now styles
itself with Tailwind.

Breaking

• Projects using the pattern-library SASS entrypoint at styles/library must enable
  tailwind layers (base, components and utilities) beforehand.

Changed

• Add text colors to tailwind preset #303
• Enable and use Tailwind in pattern library #293
• Extend tailwind preset with more goodies and support #258
• Enable tailwind for local pattern-library #257
• Upgrade tailwind and add touch-size minimum to preset #245
• Add dependabot configuration #244
• Update Foundations pages #6bc1659
• Remove external pattern-library CSS (unused) #6b735b0