Skip to content

Release 0.2.0

Compare
Choose a tag to compare
@github-actions github-actions released this 06 Jun 18:32
· 58 commits to main since this release

Added

  • Introduced gray.25 with the hexadecimal value #fcfdfe.
  • Introduced gray.950 with the hexadecimal value #14151e.
  • Introduced a new semantic token border.emphasized.
  • Introduced new Badge variant pill.

Changed

Button

  • Renamed variant primary-on-accent to primary.accent.
  • Renamed variant secondary-on-accent to secondary.accent.
  • Renamed variant outline to tertiary.
  • Renamed variant ghost-on-accent to tertiary.accent.
  • Renamed variant link to text.
  • Renamed variant link-on-accent to text.accent.

Tokens

  • Renamed default font family to Inter Variable from InterVariable.
  • Adjusted gray.50 to better fit into lower hues. gray.50 color hex value has been changed from #F7FAFC to #f4f8fa.
  • Renamed several SemanticTokens to improve their intuitiveness and self-explanatory nature.
Background related tokens:
Before After
bg-canvas bg.canvas
bg-surface bg.surface
bg-subtle bg.subtle
bg-muted bg.muted
bg-accent bg.accent.default
bg-accent-subtle bg.accent.subtle
bg-accent-muted bg.accent.muted

Foreground related tokens:

Before After
default fg.default
emphasized fg.emphasized
muted fg.muted
subtle fg.subtle
inverted fg.inverted
on-accent-subtle fg.accent.subtle
on-accent-muted fg.accent.muted
on-accent fg.accent.default

Border related tokens:

Before After
border border.default

Removed

  • Removed custom styles for Button variants link, ghost and outline. The default variant from the Chakra UI theme will be used.
  • Removed subtle styles for the Badge variant. The default variant from the Chakra UI theme will be used.