This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Description
Describe the bug
Hi! I may be missing something, but I can't get letterSpacing prop values to be looked up from theme's letterSpacings section. Any string value of the letterSpacing prop seems to be pushed to CSS as letter-spacing verbatim.
To Reproduce
- Go to Vue Starter starter example from the docs (or my fork).
- Add
letterSpacing="tight" to the CHeading element.
- Look up CSS props of the rendered
h2 element.
Expected behavior
Expected tight to be transformed to -0.025em as per theme.letterSpacings.tight.
Screenshots
Chakra UI Vue starter bevahior:

Chakra UI example with letterSpacing="tight"on Textelement:
