| title | description | releaseUrl | releaseDate | version |
|---|---|---|---|---|
Version 2.3.0 |
Explore the changelog for Chakra UI version 2.3.0. Learn about the latest features, bug fixes, and improvements. |
August 29, 2022 |
2.3.0 |
-
e8f634e0dThanks @segunadebayo! - Add support for changing avatar badge placement.The badge placement can be set to
top-start,top-end,bottom-startorbottom-end.<Avatar name="Uchiha Itachi" src="https://uinames.com/api/photos/female/18.jpg" > <AvatarBadge placement="top-start" /> </Avatar>
- Updated dependencies []:
- @chakra-ui/image@2.0.10
-
e8f634e0dThanks @segunadebayo! - Add support for changing avatar badge placement.The badge placement can be set to
top-start,top-end,bottom-startorbottom-end.<Avatar name="Uchiha Itachi" src="https://uinames.com/api/photos/female/18.jpg" > <AvatarBadge placement="top-start" /> </Avatar>
- Updated dependencies
[
dda7d71bb,5e6c3fd65,e8f634e0d,5bacbdc2c,8b0bd0d58,0cae42007,872c0ccf5,ac6a00aea]:- @chakra-ui/select@2.0.10
- @chakra-ui/slider@2.0.10
- @chakra-ui/avatar@2.1.0
- @chakra-ui/theme@2.1.9
- @chakra-ui/toast@3.0.8
- @chakra-ui/css-reset@2.0.6
- @chakra-ui/provider@2.0.15
- @chakra-ui/skeleton@2.0.15
- @chakra-ui/tabs@2.1.1
- @chakra-ui/tag@2.0.9
- @chakra-ui/button@2.0.9
- @chakra-ui/media-query@3.2.5
- @chakra-ui/menu@2.0.12
- @chakra-ui/system@2.2.8
- @chakra-ui/accordion@2.0.12
- @chakra-ui/pin-input@2.0.12
- @chakra-ui/table@2.0.9
- @chakra-ui/alert@2.0.9
- @chakra-ui/breadcrumb@2.0.9
- @chakra-ui/checkbox@2.1.8
- @chakra-ui/close-button@2.0.9
- @chakra-ui/control-box@2.0.9
- @chakra-ui/editable@2.0.9
- @chakra-ui/form-control@2.0.9
- @chakra-ui/icon@3.0.9
- @chakra-ui/image@2.0.10
- @chakra-ui/input@2.0.9
- @chakra-ui/layout@2.1.6
- @chakra-ui/modal@2.1.7
- @chakra-ui/number-input@2.0.9
- @chakra-ui/popover@2.0.9
- @chakra-ui/progress@2.0.10
- @chakra-ui/radio@2.0.10
- @chakra-ui/spinner@2.0.9
- @chakra-ui/stat@2.0.9
- @chakra-ui/switch@2.0.11
- @chakra-ui/textarea@2.0.10
- @chakra-ui/tooltip@2.0.10
- @chakra-ui/visually-hidden@2.0.9
-
#6221
872c0ccf5Thanks @segunadebayo! - AdddefineStyleanddefineStyleConfigto improve the TypeScript authoring experience of style objects and single part component themes.import { defineStyleConfig, defineStyle } from "@chakra-ui/styled-system" // authoring style objects const style = defineStyle({ marginTop: "20px", }) // authoring style configs for single part component const button = defineStyleConfig({ baseStyle: {}, variants: {}, defaultProps: {}, })
Add
createMultiStyleConfigHelpersfactory that provides functions that help improve the TypeScript authoring experience of multipart component themes.import { createMultiStyleConfigHelpers } from "@chakra-ui/styled-sytem" // create scoped helpers for that defined parts const helpers = createMultiStyleConfigHelpers(["button", "label"]) const { definePartsStyle, defineMultiStyleConfig } = helpers // authoring styles for each part const outlineVariant = definePartsStyle({ button: {}, label: {}, }) // authoring styles for multipart component const accordion = defineMultiStyleConfig({ baseStyle: { button: {}, label: {}, }, variants: { outline: outlineVariant, }, })
-
#6559
0cae42007Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.Improve support for
100vhvalues by using a polyfill css variable--chakra-vh.
- Updated dependencies
[
260076e2a]:- @chakra-ui/descendant@3.0.9
- @chakra-ui/icon@3.0.9
-
5e6c3fd65Thanks @segunadebayo! - Allow slider mark to be themable -
#6221
872c0ccf5Thanks @segunadebayo! - Update package to use styled-system as dependency
-
#6559
0cae42007Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.Improve support for
100vhvalues by using a polyfill css variable--chakra-vh.
- #6573
260076e2aThanks @EduSantosBrito! - Fix issue where generic type contraints throws in TypeScript 4.8+
- Updated dependencies
[
260076e2a]:- @chakra-ui/descendant@3.0.9
- @chakra-ui/clickable@2.0.9
- Updated dependencies
[
260076e2a]:- @chakra-ui/descendant@3.0.9
-
#6559
0cae42007Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.Improve support for
100vhvalues by using a polyfill css variable--chakra-vh. -
Updated dependencies [
0cae42007]:- @chakra-ui/css-reset@2.0.6
- @chakra-ui/system@2.2.8
-
dda7d71bbThanks @segunadebayo! - Fix issue where select theme throws when "field" part is not defined -
Updated dependencies []:
- @chakra-ui/form-control@2.0.9
-
#6221
872c0ccf5Thanks @segunadebayo! - Refactor to use the new helpers fromstyled-systempackage -
Updated dependencies []:
- @chakra-ui/media-query@3.2.5
-
5e6c3fd65Thanks @segunadebayo! - Allow slider mark to be themable -
Updated dependencies []:
- @chakra-ui/react-use-pan-event@2.0.4
-
ac6a00aeaThanks @segunadebayo! - Fix key warning for tabs component -
Updated dependencies [
260076e2a]:- @chakra-ui/descendant@3.0.9
- @chakra-ui/clickable@2.0.9
-
e8f634e0dThanks @segunadebayo! - Add support for changing avatar badge placement.The badge placement can be set to
top-start,top-end,bottom-startorbottom-end.<Avatar name="Uchiha Itachi" src="https://uinames.com/api/photos/female/18.jpg" > <AvatarBadge placement="top-start" /> </Avatar>
-
5bacbdc2cThanks @segunadebayo! - Refactor alert theme to use css variables -
#6559
0cae42007Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.Improve support for
100vhvalues by using a polyfill css variable--chakra-vh. -
#6221
872c0ccf5Thanks @segunadebayo! - Refactor to use the new helpers fromstyled-systempackage -
Updated dependencies [
5e6c3fd65,872c0ccf5,872c0ccf5]:- @chakra-ui/anatomy@2.0.6
- @chakra-ui/theme-tools@2.0.11
-
#6221
872c0ccf5Thanks @segunadebayo! - Refactored code to use fromstyled-systempackage -
Updated dependencies [
5e6c3fd65,872c0ccf5]:- @chakra-ui/anatomy@2.0.6
-
8b0bd0d58Thanks @segunadebayo! - Fix issue where toast double update doesn't work -
Updated dependencies [
e8f634e0d,5bacbdc2c,0cae42007,872c0ccf5]:- @chakra-ui/theme@2.1.9
- @chakra-ui/system@2.2.8
- @chakra-ui/alert@2.0.9
- @chakra-ui/close-button@2.0.9
- Updated dependencies
[
7000bb5fe]:- @chakra-ui/event-utils@2.0.4
7000bb5feThanks @segunadebayo! - Fix regression inaddPointerEventutility
- #6584
ababbde39Thanks @nikolovlazar! - Removed default value of portalZIndex
- Updated dependencies
[
e8f634e0d,0cae42007,872c0ccf5]:- @chakra-ui/react@2.3.0
- @chakra-ui/styled-system@2.3.0