Version Packages

[github-actions[bot]]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@tylerapfledderer/chakra-ui-typescale@1.3.0

Minor Changes

• 415abb1: Add option to use clamp() functionality for Heading sizes via the prop isClamped.

  Defaults to false

  • Adds ability to toggle between the use of the CSS clamp() function or the use of Chakra's breakpoint array feature for the Heading component's sizes object. Affects both the font sizes and line heights generated.
  • Instead of true to enable clamp(), can accept an object to replace the default sizes (in pixels) with newly defined min and/or max screen sizes to clamp to.

  withTypeScale({
    scale: 1.25,
    lineHeight: 1.45,
    isClamped: { minW: 300, maxW: 1200 },
  });

  • The README file is updated to reflect the new functionality, along with other minor changes to the documentation.

  NOTE: This is not a breaking change, as the clamp functionality is not enabled by default, and will not affect current projects. Enabling the functionality, however, may require adjustments as it could unexpectedly break UI layouts.