Releases: chakra-ui/pro-theme
Releases · chakra-ui/pro-theme
Release 0.3.0
Fixed
- Fixed an issue with the
Input
component where the outline-on-accent
variant would not have the correct colors.
- Fixed an issue with the
Link
component where the menu
variant would not have the correct colors.
- Fixed an issue with the
Popover
, Table
and RadioCard
component not having the correct background-color
.
Release 0.3.0-beta.0
Changed
- Tweaked
Button
variant text
to have a more subtle color.
Fixed
- Fixed
Checkbox
to have the correct font size
Release 0.2.2
Fixed
- Added missing
activeLink
styles for Button
variants tertiary
and tertiary.accent
.
Release 0.2.1
Changed
- The default
colorScheme
property for Button
has been changed from 'teal' to 'brand'.
Release 0.2.0
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.
Release 0.1.1
Fixed
- Remove
engines
from package.json
to allow for more flexibility
Release 0.1.0
Added
- Added new
Input
size: xl
with 48px height.
- Added new
Button
sizes: 2xs
and 2xl
with corresponding sizes:
Changed
- Modified existing
Input
heights for more precise control over the input dimensions.
Size |
Before |
After |
sm |
32px |
36px |
md |
40px |
40px |
lg |
48px |
44px |
xl |
n/A |
48px |
- Modified existing
Button
heights for more precise control over the button dimensions.
Size |
Before |
After |
2xs |
n/A |
24px |
xs |
24px |
32px |
sm |
32px |
36px |
md |
40px |
40px |
lg |
48px |
44px |
xl |
60px |
48px |
2xl |
n/A |
60px |