fix(deps): update chakra-ui monorepo to v3 (major) #261
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^2.3.0
->^3.0.0
^2.5.5
->^3.0.0
Release Notes
chakra-ui/chakra-ui (@chakra-ui/cli)
v3.22.0
Compare Source
v3.21.1
Compare Source
Patch Changes
517ba37
Thanks @segunadebayo! - Fix issue where
typegen
command fails silently with misleading console output when prettierexits with a formatting error
v3.21.0
Compare Source
v3.20.0
Compare Source
v3.19.2
Compare Source
Patch Changes
a289c3c
Thanks @isBatak! - - System: add explicit
undefined
to generated types to support TSexactOptionalPropertyTypes
v3.19.1
Compare Source
v3.19.0
Compare Source
v3.18.0
Compare Source
v3.17.0
Compare Source
v3.16.1
Compare Source
v3.16.0
Compare Source
v3.15.1
Compare Source
Patch Changes
dc4915a
Thanks @segunadebayo! - Improve CLI
response when passing an unknown snippet id
v3.15.0
Compare Source
v3.14.2
Compare Source
v3.14.1
Compare Source
v3.14.0
Compare Source
v3.13.0
Compare Source
v3.12.0
Compare Source
v3.11.0
Compare Source
v3.10.0
Compare Source
v3.9.0
Compare Source
v3.8.2
Compare Source
v3.8.1
Compare Source
v3.8.0
Compare Source
v3.7.0
Compare Source
v3.6.0
Compare Source
Patch Changes
07f2c56
Thanks @segunadebayo! - Fix issue where CLI
doesn't properly check for existing files when adding snippets.
v3.5.1
Compare Source
v3.5.0
Compare Source
v3.4.0
Compare Source
v3.3.3
Compare Source
v3.3.2
Compare Source
v3.3.1
Compare Source
v3.3.0
Compare Source
Minor Changes
e5ecd91
Thanks @segunadebayo! - Add support for
--tsx
flag in thesnippet add
command to allow explicitly specifyingtsx/jsx file generation.
v3.2.5
Compare Source
v3.2.4
Compare Source
v3.2.3
Compare Source
v3.2.2
Compare Source
Patch Changes
6d4e7b6
Thanks @TinsFox! - Output the real version from
package.json
v3.2.1
Compare Source
Patch Changes
c79b7bf
Thanks @segunadebayo! - - Fix issue where
npmDependencies for snippets were not auto-installed
v3.2.0
Compare Source
Minor Changes
069e39d
Thanks @segunadebayo! - Add support for
--all
flag to add all snippets. By default, we only install aminimal/recommended set of snippets.
If you want to add all snippets, you can use the
--all
flag.Patch Changes
a3ba8e6
Thanks @segunadebayo! - Fix issue where
typegen doesn't work when CLI installed globally or run using
npx
v3.1.2
Compare Source
v3.1.1
Compare Source
v3.1.0
Compare Source
Patch Changes
baa3cb1
Thanks @segunadebayo! - Fix issue where
adding a snippet with
--outdir
still creates snippets asrc/components/ui
directory.
v3.0.2
Compare Source
Patch Changes
bfd9cac
Thanks @segunadebayo! - Fix issue with vite
setup where
.mjs
andmts
files were not considered.#9022
b40eb6b
Thanks @Newbie012! - Fix issue where style
props types show as
any
when usingstrictTokens
v3.0.1
Compare Source
v3.0.0
Compare Source
Minor Changes
758f226
Thanks @segunadebayo! - Add support for
composition
command in CLI to import ready-made compositions for fasterdevelopment experience.
bfb68dc
Thanks @segunadebayo! - Add
eject
commandto import default theme into project
085cacd
Thanks @segunadebayo! - Add support for
installing required NPM dependencies for compositions
77fe01d
Thanks @segunadebayo! - Change CLI name and
command structure.
chakra-cli
tochakra
.tokens
command totypegen
to better reflect its purpose since itsgenerates types for more than just the tokens.
composition
command to help users scaffold new compositionseasily. Compositions are snippets of Chakra UI component composition them
easier to reuse across projects.
8fc7b49
Thanks @segunadebayo! - - Add support for
conditional value in variant props.
@default
JSDoc comment fordefaultVariants
in generated types.4ff153f
Thanks @segunadebayo! - Speed up
intellisence for style props, and add support for
strictTokens
in the CLI.d50d72c
Thanks @segunadebayo! - Rename
compositions
command tosnippet
for better intuitiveness#8569
eb26857
Thanks @isBatak! - Fix the
boxSize
type toallow number values.
14b6a45
Thanks @segunadebayo! - Show the number of
skipped snippets that already exists in outdir
Patch Changes
0eda15c
Thanks @segunadebayo! - Set process
setMaxListeners to improve watch mode
c074b58
Thanks @segunadebayo! - Fix issue where
vite project throws due to config search
0f0ed76
Thanks @segunadebayo! - Fix regression
where files were always converted to
.jsx
#8740
d5a225f
Thanks @Pagebakers! - Use correct extension
for ESM exports
v2.5.8
Compare Source
v2.5.7
Compare Source
v2.5.6
Compare Source
v2.5.5
Compare Source
v2.5.4
Compare Source
v2.5.3
Compare Source
v2.5.2
Compare Source
v2.5.1
Compare Source
v2.5.0
Compare Source
chakra-ui/chakra-ui (@chakra-ui/react)
v3.22.0
Compare Source
Minor Changes
32967aa
Thanks @segunadebayo! - Add new TreeView
component that is used to represent hierarchical data in a tree structure.
Patch Changes
ca40993
Thanks @isBatak! - - Clipboard: Fix issue
where
clipboardAnatomy
was not exported from@chakra-ui/react/anatomy
reason
toonOpenChange
andonInputValueChange
callbacksapi.clearHighlightedValue
function to clear highlighted valuetitle
ordescription
could not acceptReact element
valueAsString
formattingapi.clearHighlightedValue
function to clear highlighted valuechildren
as a functionv3.21.1
Compare Source
Patch Changes
8ddeb0b
Thanks @segunadebayo! - - Popover:
Fixed issue where
onOpenChange
could be called twice when controlledonInputValueChange
could be called twice whenselecting an item
allowCustomValue: true
used within in aform requires two enter keypress to submit
vertical
don't workdefaultValue
tonull
doesn't showindeterminate state
toaster.promise
is calledwithout loading option. The
loading
option is now required. A warning willbe logged if it is not provided
defaultValue
orvalue
after fetching items doesn't update thevalueAsString
#10119
6cf8cc6
Thanks @isBatak! - - improve
Drawer
recipe tobetter support conditional variants.
Drawer
conditional variants example to the docs and storybook.#10101
2b4fa6d
Thanks @isBatak! - - Select: Export missing
SelectRootComponent type export
d7914ad
Thanks @segunadebayo! - Fix inconsistent
handling of
null
andundefined
for skipping breakpoints using array syntaxv3.21.0
Compare Source
Minor Changes
3df43ba
Thanks @segunadebayo! - Add support new
entrypoint for
/theme
which allows for incremental loading of componentrecipes to avoid bloating the theme with unused components.
For example, if you want just the
button
recipe to be included in yourbundle, you can cherry-pick the recipe you need like this:
Patch Changes
010f256
Thanks @segunadebayo! - - File Upload:
Prevented
undefined
inacceptedFiles
when no files acceptednavigating up/down the list with keyboard
upon cmd/middle click
Menu.ItemText
could not be used withMenu.Item
v3.20.0
Compare Source
Minor Changes
65020dd
Thanks @segunadebayo! - - System: Allow
undefined
for optional properties in CSS and recipe typesColor Picker: Fixed issue where value change end event is invoked when
committing via an input.
Toast: Fixed issue where calling
toast.remove()
without an id shows aTypeScript error.
Field: Fixed issue where helper text and error text could not be
detected in shadow DOM environments.
Slider
minStepsBetweenThumbs
isn't computed correctly wheninteracting with pointer or keyboard.
Shift
+ArrowRight
set value to0
instead ofmax
when step is too large (e.g.
20
).onValueChangeEnd
doesn't return the latest value whendragging very fast.
or dialog.
File Upload: Added support for transforming uploaded files via
transformFiles
context property.Combobox: Fixed issue where
onInputValueChange
doesn't get called whenautoFocus
is set totrue
Pin Input: Fixed issue where input padding could cause clipping of the
text when
fontSize
is increased.Patch Changes
#10081
c2f650b
Thanks @isBatak! - - export
CheckboxRootProviderProps
type#10075
63c267f
Thanks @isBatak! - - export
Quote
typographycomponent and its types
v3.19.2
Compare Source
Patch Changes
#10059
a289c3c
Thanks @isBatak! - - System: add explicit
undefined
to generated types to support TSexactOptionalPropertyTypes
#10064
10d0a8e
Thanks @mhsattarian! - - Drawer: Fix
drawer close animation in RTL
display: contents
andvisibility: hidden
data-loading
attribute whenloading
istrue
so allow stylingloading state with
_loading
pseudo propv3.19.1
Compare Source
Patch Changes
aa9c2b0
Thanks @segunadebayo! - - System: Fix
issue where some svg element props tend to be treated as style props
v3.19.0
Compare Source
Minor Changes
d860d48
Thanks @segunadebayo! - - [New]
Combobox Add combobox component for autocomplete text entry.
v3.18.0
Compare Source
Minor Changes
e91ec7e
Thanks @segunadebayo! - - DownloadTrigger
[New] Add
DownloadTrigger
component to help download file contents.System
d
prop tochakra.path
adds it to styles not asa direct attribute.
Select: Fix issue where indicator group doesn't align correctly in RTL
layouts.
v3.17.0
Compare Source
Minor Changes
ad8cc44
Thanks @seongminn! - - Breadcrumb: Prevent
screen reader from reading the separator
Toast: Added toast queuing when the max limit is reached:
SegmentGroup: Fix issue where
disabled
prop was not being applied toSegmentGroup.Items
RatingGroup: Fix issue where half-filled icons were not being displayed
correctly in RTL
Collapsible: Fixed issue in React.js <= v18.x where collapse animation
might not work as expected
v3.16.1
Compare Source
Patch Changes
46075ba
Thanks @segunadebayo! - - Dialog,
Drawer: Use correct z-index for dialog and drawer backdrop
orientation
prop toSegmentGroup.Root
doesn't work as expected
v3.16.0
Compare Source
Minor Changes
529244d
Thanks @segunadebayo! - - Global CSS:
Improve text selection contrast
System
borderEnd
shorthand was not working despiteborderStart
being presentsystem.cva
return type was incorrectDialog, Drawer: Fix issue where
z-index
was not being appliedcorrectly
[Beta] createOverlay: Add
createOverlay
utility for programmaticallycontrolling overlay components (Dialog, Drawer, etc.)
v3.15.1
Compare Source
Patch Changes
e3d7db7
Thanks @segunadebayo! - - Fix issue where
backdrop could overlap positioner when reopened quickly
v3.15.0
Compare Source
Minor Changes
2f4ea3b
Thanks @segunadebayo! - -
useMediaQuery: Fix type signature to allow skipping the second argument
RadioCard: Fix accessibility issue due to html structure
Slider
origin: end
to align the thumb to the end of the track.thumbSize
as CSS variables in the root element. Can be useful forstyling the slider.
Menu
onSelect
event to theMenu.Item
component.validation.
v3.14.2
Compare Source
Patch Changes
87a072b
Thanks @segunadebayo! - - Fix potential
import error from
@zag-js/utils
in@ark-ui/react
v3.14.1
Compare Source
Patch Changes
0eb769e
Thanks @segunadebayo! - - System: Fix
issue where output of
<system>.css(...)
from Chakra UI can't be assigned toInterpolation<Theme>
from@emotion/react
.@ark-ui/react
to latest version.v3.14.0
Compare Source
Minor Changes
354eaa6
Thanks @segunadebayo! - Improve render
performance by upgrading to the latest Ark UI v5.
This brings a 1.5x–4x performance improvements across components. Learn
more from the
Ark UI v5 changelog.
v3.13.0
Compare Source
Minor Changes
eba44a3
Thanks @segunadebayo! - - ColorPicker
Add support for
ColorPicker.ChannelText
componentAdd
ColorPicker.EyeDropper
component that wrapsIconButton
Add
ColorPicker.Slider
andColorPicker.Input
shortcut components toreduce LOC.
InputGroup
@chakra-ui/react
packagePagination
Pagination.Items
shortcut component to render the number of pagesbased on the
count
andpageSize
props.Pagination.PageText
component to render the current page and totalpages.
v3.12.0
Compare Source
Minor Changes
7abe7e3
Thanks @segunadebayo! - - FileUpload:
FileUpload.FileText
to render the list of uploaded file names.FileUpload.Items
shorcut component to render the list of uploadedfiles.
FileUpload.List
shortcut component that combinesFileUpload.Items
and
FileUpload.ItemGroup
.v3.11.0
Compare Source
Minor Changes
8789401
Thanks @segunadebayo! - - Accordion
Accordion.ItemTrigger
doesn't applytextAlign: start
SegmentGroup.Items
shortcut component to render multipleSegmentGroup.Item
components based on theitems
propv3.10.0
Compare Source
Minor Changes
11bdf77
Thanks @segunadebayo! - - Menu
Set the default children of
Menu.Arrow
toMenu.ArrowTip
HoverCard
HoverCard.Arrow
toHoverCard.ArrowTip
Dialog, Drawer
instead of relying on snippet styles.
v3.9.0
Compare Source
Minor Changes
52a97d0
Thanks @segunadebayo! - - Skeleton
Bring back
SkeletonCircle
andSkeletonText
components.Switch
children
forSwitch.Control
toSwitch.Thumb
toreduce LOC for common use cases.
Checkbox
children
forCheckbox.Control
toCheckbox.Indicator
to reduce LOC for common use cases.
NumberInput
children
forNumberInput.Control
toNumberInput.IncrementTrigger
andNumberInput.DecrementTrigger
toreduce LOC for common use cases.
QrCode
QrCode.Frame
component toQrCode.Pattern
to reduce LOC forcommon use cases.
RatingGroup
children
forRatingGroup.Control
to the array ofRatingGroup.Item
components to reduce LOC for common use cases.Slider
Slider.Marks
component to render marks on the slider track. This isa closed composition of
Slider.MarkerGroup
andSlider.Marker
to reduceLOC for common use cases.
Slider.Thumbs
component to render thumbs on the slider track. Thisis a closed composition of
Slider.Thumb
to reduce LOC for common usecases.
PinInput
attached
variant prop to render a pin input withattached inputs. This removes the need for the
Group
component to wrapthe inputs.
v3.8.2
Compare Source
Patch Changes
91945b7
Thanks @segunadebayo! - Fix issue where
mt
alias tomarginBlockStart
instead ofmarginTop
#9712
f733a87
Thanks @CerealeZ! - AspectRatio: Fix issue
where
css
prop was not respectedv3.8.1
Compare Source
Patch Changes
cdb9459
Thanks @segunadebayo! - - Fix performance
regression from
v3.5.x
by reverting memoization logicuseMemo
to provider components and styling hooks to avoid unnecessaryrecomputations
v3.8.0
Compare Source
Minor Changes
fa5e966
Thanks @segunadebayo! - - Add new hooks
useElementRect
,useForceUpdate
,useLiveRef
,usePrevious
anduseSafeLayoutEffect
FocusTrap
component for trapping focus within a containerPatch Changes
54a73a7
Thanks @mhsattarian! - - Breadcrumb: Fix
issue where breadcrumb arrow don't flip in RTL
LightMode
andDarkMode
components toforce light and dark color mode in a subtree
Group
component doesn't skip invalid childrenv3.7.0
Compare Source
Minor Changes
cb0ffc9
Thanks @segunadebayo! - - Avatar: Add
support for passing
name
to theAvatarFallback
to render the initials. Ifno
name
orchildren
is passed, it'll render either the initials or afallback icon.
useConst
anduseUpdateEffect
hooks from v2.Wrap
component from v2.v3.6.0
Compare Source
Minor Changes
04a1a07
Thanks @segunadebayo! - - Styled
System:
JSON.stringify
inmemo
function and avoid memoizing non-primitive arguments.
assets
token tobackgroundImage
andlistStyleImage
cssproperties.
lazyMount
andunmountOnExit
totrue
in theRoot
component to improve initial rendering performance.pattern.
StatGroup
component from v2.CloseButton
component.v3.5.1
Compare Source
Patch Changes
34d46e3
Thanks @segunadebayo! - - Button: Fix
issue where button is not disabled when loading props is passed
caused by updates to the
data-placement
attributeAlert
snippet in favor of using theAlert
component directly from@chakra-ui/react
.v3.5.0
Compare Source
Minor Changes
30a12d0
Thanks @segunadebayo! - - Native Select
disabled
andinvalid
props were not being passed to theNativeSelectField
component.invalid
prop is set.devices.
Loader
andLoaderOverlay
components.ButtonGroup
component similar to v2 forgrouping similar buttons.
loading
andloadingText
props to theButton
component.component.
v3.4.0
Compare Source
Minor Changes
375e05f
Thanks @segunadebayo! - - [New]
Presence: Add component to animate an element using css animation, and
control the mount/unmount behavior
Patch Changes
882c7f6
Thanks @segunadebayo! - - Separator:
Fix issue where
aria-orientation
was missing in the DOM andorientation
was added instead.
event being cancelled.
preview.
disableClick
prop.4c885df
Thanks @segunadebayo! - - Button, Icon
Fix issue where button and icon doesn't export props providers
b39ea43
Thanks @segunadebayo! - System: Fix
issue where render times feels slower compared to v2 due to the global style
computation in the provider component. Now, it is much faster.
See Discussion
v3.3.3
Compare Source
Patch Changes
9c55f21
Thanks @segunadebayo! - Fix issue where
icon sizes doesn't work anymore
v3.3.2
Compare Source
Patch Changes
855bb29
Thanks @segunadebayo! - - Icon:
Refactor icon recipe
size=inherit
to allow for composition with buttonportalled
totrue
by default#9470
4bd9f8d
Thanks @lcswillems! - - Menu, Select: Use
the same semantic token for select
_highlighted
statee4fe984
Thanks @segunadebayo! - Fix issue where
using
<Icon as={...} />
throws an error, forcing users to use theasChild
approach
e506044
Thanks @segunadebayo! - Fix issue where
factory shows a warning React 19 due to accessing
child.ref
v3.3.1
Compare Source
Patch Changes
0fc040a
Thanks @segunadebayo! - HoverCard,
Tooltip: Resolved an issue where the controlled open state could become
inconsistent during the
opening
orclosing
phases.1439548
Thanks @segunadebayo! - Fix issue where
useRecipe
anduseSlotRecipe
returnsnever
when key does not matchbuilt-in recipe.
v3.3.0
Compare Source
Minor Changes
791bcec
Thanks @segunadebayo! - ### Added
Clipboard.ValueText
to display clipboardcontent.
preventDropOnDocument
to block file drops on the document when thefile upload component is active.
setClipboardFiles
to the API for setting files from clipboarddata.
onValueChange
anddefaultValue
.navigate
property for custom routernavigation when selections render as links.
onValueChange
anddefaultValue
.QrCode.DownloadTrigger
to enable QR code image downloads.Fixed
Collapsible: Fixed a bug where the opening animation replayed when an
open collapsible was re-rendered.
Dialog, Popover: Resolved an issue causing dialogs or popovers to close
if the focused element was removed from the DOM.
FileUpload: Fixed a bug causing the hidden input to desync from accepted
files.
Menu, Popover: Fixed inconsistent interaction detection outside the
component when the trigger was inside a scrollable container.
Pagination: Corrected an issue where the page range returned an
incorrect
end
value whenpageSize
exceededcount
.QRCode: Fixed
getDataUrl
to generate a properly sized QR code.#9437
791bcec
Thanks @segunadebayo! - Add new QRCode
component for converting text and links to QR codes.
Patch Changes
d3f1c19
Thanks @segunadebayo! - Fix issue where
htmlWidth
andhtmlHeight
doesn't work inImage
orchakra.image
elements.
f32cb4a
Thanks @segunadebayo! - Improve typesafety
for layer styles to support common shorthands like
bg
,bgColor
,bgImage
[
b11587b
](https://redirect.github.com/chakra-ui/chakra-ui/commit/b11587b8b9Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
This PR was generated by Mend Renovate. View the repository job log.