title | description | releaseUrl | releaseDate | version |
---|---|---|---|---|
Version 1.6.1 |
Explore the changelog for Chakra UI version 1.6.1. Learn about the latest features, bug fixes, and improvements. |
May 5, 2021 |
1.6.1 |
8501fd105
#3906 Thanks @joaorodrs! - Add an export forusePopoverContext
hook
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/close-button@1.1.9
-
b199b06e3
#3946 Thanks @segunadebayo! - - Add support for tweaking the enter-exit transitions.Affected components:
Fade
,Slide
,SlideFade
,SlideScale
,Collapse
<Fade transition={{ enter: { duration: 0.3 }, exit: { duration: 0.1 }, }} />
- Fix issue where
Collapse
animation hide overflow when it expands.
Collapse transition how shows overflow when it's expanded and hides overflow when it's collapsed.
- Add support for
delay
prop for all transition components.
// as a number <Fade delay={0.3} /> // or based on state (enter/exit only) <Fade delay={{ enter: 0.2 }} /> // or both <Fade delay={{ enter: 0.2, exit: 0.1 }} />
Note: this only works when you're using our built-in transition definition. If you're passing your own transition definition, pass the delay there.
// adding delay to your custom transition definition <Fade transition={{ enter: { duration: 0.2, delay: 0.1 }, }} />
- Fix issue where
-
b479ff22e
#3930 Thanks @TimKolberger! - - Add types for the return value ofpipe
function- Update user agent assertions
-
07d15eab4
#3850 Thanks @TimKolberger! - Add walkObject helper to iterate over all keys including nested
-
d0f50a46e
Thanks @segunadebayo! -PanSession
class- Add velocity data to pointer pan event
- Add
onSessionStart
to pan event handlers
- Updated dependencies
[
d0f50a46e
,b199b06e3
,173738dd9
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/transition@1.3.0
- @chakra-ui/descendant@2.0.1
- @chakra-ui/hooks@1.5.2
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/image@1.0.15
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/spinner@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/visually-hidden@1.0.12
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
-
173738dd9
Thanks @segunadebayo! - > This is an internal package- Unexport internal functions and hooks
- Allow options passed in
useDescendants
to be set inDescendantsManager
- Add default export for
createDescendantsContext
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
-
48cc3f00d
Thanks @segunadebayo! - Update mock window -
Updated dependencies [
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/icon@1.1.9
d0f50a46e
Thanks @segunadebayo! - -usePanGesture
: AddonPanSessionEnd
to pan event handlers and mark as internaluseDimensions
: Removeref
from effect dependency list
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- Updated dependencies []:
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/form-control@1.3.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/icon@1.1.9
-
ad87d837a
Thanks @segunadebayo! - Fix issue wherecloseOnSelect
didn't work for menuitem options -
Updated dependencies [
d0f50a46e
,b199b06e3
,173738dd9
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/transition@1.3.0
- @chakra-ui/descendant@2.0.1
- @chakra-ui/hooks@1.5.2
- @chakra-ui/clickable@1.1.5
-
db8adf204
#3946 Thanks @segunadebayo! - Fix types for modal overlay fade config -
Updated dependencies [
d0f50a46e
,b199b06e3
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/transition@1.3.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/close-button@1.1.9
- @chakra-ui/focus-lock@1.1.8
- @chakra-ui/portal@1.2.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/counter@1.1.5
- @chakra-ui/form-control@1.3.5
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,173738dd9
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/descendant@2.0.1
- @chakra-ui/hooks@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/theme-tools@1.1.7
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/form-control@1.3.5
- @chakra-ui/visually-hidden@1.0.12
- Updated dependencies
[
d0f50a46e
,8501fd105
,48cc3f00d
,b199b06e3
,b479ff22e
,d0f50a46e
,07d15eab4
,ad87d837a
,d0f50a46e
,db8adf204
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/popover@1.7.0
- @chakra-ui/react-env@1.0.4
- @chakra-ui/transition@1.3.0
- @chakra-ui/slider@1.2.5
- @chakra-ui/menu@1.6.1
- @chakra-ui/hooks@1.5.2
- @chakra-ui/modal@1.8.5
- @chakra-ui/accordion@1.3.1
- @chakra-ui/alert@1.2.5
- @chakra-ui/avatar@1.2.5
- @chakra-ui/breadcrumb@1.2.5
- @chakra-ui/button@1.3.2
- @chakra-ui/checkbox@1.5.2
- @chakra-ui/close-button@1.1.9
- @chakra-ui/control-box@1.0.12
- @chakra-ui/counter@1.1.5
- @chakra-ui/editable@1.2.5
- @chakra-ui/form-control@1.3.5
- @chakra-ui/icon@1.1.9
- @chakra-ui/image@1.0.15
- @chakra-ui/input@1.2.5
- @chakra-ui/layout@1.4.5
- @chakra-ui/live-region@1.0.12
- @chakra-ui/media-query@1.0.13
- @chakra-ui/number-input@1.2.5
- @chakra-ui/pin-input@1.6.1
- @chakra-ui/portal@1.2.5
- @chakra-ui/progress@1.1.9
- @chakra-ui/radio@1.3.5
- @chakra-ui/select@1.1.9
- @chakra-ui/skeleton@1.1.12
- @chakra-ui/spinner@1.1.9
- @chakra-ui/stat@1.1.9
- @chakra-ui/switch@1.2.5
- @chakra-ui/system@1.6.5
- @chakra-ui/table@1.2.4
- @chakra-ui/tabs@1.5.1
- @chakra-ui/tag@1.1.9
- @chakra-ui/textarea@1.1.9
- @chakra-ui/theme@1.8.5
- @chakra-ui/toast@1.2.6
- @chakra-ui/tooltip@1.3.5
- @chakra-ui/visually-hidden@1.0.12
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/form-control@1.3.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/media-query@1.0.13
- @chakra-ui/system@1.6.5
d0f50a46e
Thanks @segunadebayo! - - Fix issue whereonChangeStart
doesnt get called- Fix issue where slider thumb remains tabbable when
isDisabled={true}
- Fix issue where
onChangeEnd
doesn't get called when you click anywhere on the track
- Fix issue where slider thumb remains tabbable when
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/visually-hidden@1.0.12
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/icon@1.1.9
- @chakra-ui/visually-hidden@1.0.12
-
07d15eab4
#3850 Thanks @TimKolberger! - Refactored the creation of the theme css vars -
Updated dependencies [
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/checkbox@1.5.2
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/styled-system@1.10.5
- @chakra-ui/color-mode@1.1.8
- Updated dependencies
[
d0f50a46e
,173738dd9
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/descendant@2.0.1
- @chakra-ui/hooks@1.5.2
- @chakra-ui/clickable@1.1.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/icon@1.1.9
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/form-control@1.3.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/theme-tools@1.1.7
- Updated dependencies
[
d0f50a46e
,b199b06e3
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/transition@1.3.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/alert@1.2.5
- @chakra-ui/close-button@1.1.9
- @chakra-ui/theme@1.8.5
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
,d0f50a46e
]:- @chakra-ui/utils@1.8.0
- @chakra-ui/hooks@1.5.2
- @chakra-ui/portal@1.2.5
- @chakra-ui/visually-hidden@1.0.12
@chakra-ui/visually-hidden@1.0.12
e8f64a4a6
#3941 Thanks @jbarzegar! - Fixes issues withtokens
command hanging forever if theme workers run into errors during runtime. Now when an error is discovered within a worker an{ err: string }
object is passed to the parent which will cause the promise to reject. This will in turn, pass the sameerr
upwards to allow the command to exit gracefully, printing theerr
in question tostdout
- Updated dependencies
[
d0f50a46e
,b479ff22e
,07d15eab4
]:- @chakra-ui/utils@1.8.0
- Updated dependencies
[
07d15eab4
]:- @chakra-ui/styled-system@1.10.5
- @chakra-ui/react@1.6.1
- Updated dependencies []:
- @chakra-ui/react@1.6.1