TylerAPfledderer / chakra-ui-typescale

⚖️ A ChakraUI theme extension for generating type scale.
https://www.npmjs.com/package/@tylerapfledderer/chakra-ui-typescale
MIT License
15 stars 3 forks source link

feat: add generation of vertical spacing tokens #15

Closed TylerAPfledderer closed 2 years ago

TylerAPfledderer commented 2 years ago

Closes #13

Adds a function to generate a set of values that define vertical spacing, using the line height value provided for the scale.

This generated set of values uses a subset of whole number token names that are multiples of half the line-height value. This keeps the complexity low with no confusion in calling the tokens.

i.e. vertical.1, vertical.2 instead of vertical.1, vertical.1.5

// lineHeight value: 1.5
{
  space: {
    // Other values
    vertical: {
      1: "0.75rem",
      2: "1.5rem",
      3: "2.25rem"
      // etc.
    }
  }
}
changeset-bot[bot] commented 2 years ago

🦋 Changeset detected

Latest commit: 1ef4976a198e209d53993510331bf58438e521bf

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package | Name | Type | | ------------------------------------- | ----- | | @tylerapfledderer/chakra-ui-typescale | Minor |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR