-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update chakra-ui monorepo (major) #472
base: main
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
ec49984
to
a0aaaa5
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
a0aaaa5
to
d8c3661
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
d8c3661
to
a41b137
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
a41b137
to
a1340be
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
a1340be
to
16bbc74
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
16bbc74
to
fdcc8f8
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
fdcc8f8
to
ed99217
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
ed99217
to
1973da2
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
1973da2
to
2d64d78
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
7489a5f
to
f61412c
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
f61412c
to
11f5b23
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
11f5b23
to
14c231c
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
14c231c
to
377d6b1
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
377d6b1
to
ec3a0a4
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
ec3a0a4
to
4a5eb63
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
4a5eb63
to
c612092
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
c612092
to
e0f05da
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
e0f05da
to
a5f5bc8
Compare
depcheck ResultList up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.
|
This PR contains the following updates:
1.1.1
->2.2.4
1.8.1
->3.2.3
Release Notes
chakra-ui/chakra-ui (@chakra-ui/icons)
v2.2.4
v2.2.3
v2.2.2
v2.2.1
v2.2.0
v2.1.1
Compare Source
Patch Changes
[
3aaf0c3b1
]:v2.1.0
Compare Source
Minor Changes
754d9d4f4
Thanks @segunadebayo! - To improve support
for the App Router, all components and hooks are exported with the
"use client"
directive.Patch Changes
[
754d9d4f4
]:v2.0.19
Compare Source
Patch Changes
e7bd872d0
Thanks @segunadebayo! - Fix issue where
SpinnerIcon
id causes accessibility violationUpdated dependencies []:
v2.0.18
Patch Changes
#7506
68ceb28ae
Thanks @segunadebayo! - Fix issues with TS
5.0
Updated dependencies []:
v2.0.17
Patch Changes
ddbb1b4c4
Thanks @segunadebayo! - Bump all packages
#7216
08e3ffc4a
Thanks @segunadebayo! - Fixed issue where
ReactIcon
was not exportedUpdated dependencies
[
ddbb1b4c4
]:v2.0.16
Compare Source
Patch Changes
[
c483d859d
]:v2.0.15
Compare Source
Patch Changes
#7154
2d7398a01
Thanks @segunadebayo! - ## All components
Improved the bundling setup for all components.
.mjs
file extension for correct ESM behaviortsup
will uses automatic JSX runtime detectionremoving the need for manually inject classic
React
importtsup
config topackage.json
since it's very minimalclean-package.config.json
in favor of thepackage.json
propertyUpdated dependencies
[
2d7398a01
]:v2.0.14
Compare Source
Patch Changes
37b7a130a
Thanks @segunadebayo! - Add
ReactIcon
toalign with Figma UI Kit
Updated dependencies []:
v2.0.13
Compare Source
Patch Changes
[
8c2af79fa
]:v2.0.12
Compare Source
Patch Changes
75eaba929
Thanks @anddoutoi! - Fix issue where using
@chakra-ui/react
in a TypeScript project with"type": "module"
inpackage.json
and"moduleResolution": "Node16"
intsconfig.json
cannotfind the types.
[
75eaba929
]:v2.0.11
Compare Source
Patch Changes
#6648
9de39921b
Thanks @cschroeter! - Declare package exports
@see https://webpack.js.org/guides/package-exports/
Updated dependencies
[
9de39921b
]:v2.0.10
Compare Source
Patch Changes
[
3e1b3f6b6
]:v2.0.9
Patch Changes
445661955
Thanks @anubra266! - - Initial release of
react hooks
[
445661955
]:v2.0.7
Patch Changes
v2.0.6
Patch Changes
Force new release
Updated dependencies []:
v2.0.5
Patch Changes
1839e22eb
Thanks @segunadebayo! - - Force release due
to change in build configuration
main
andmodule
entries[
1839e22eb
]:v2.0.4
Compare Source
Patch Changes
v2.0.3
Compare Source
Patch Changes
v2.0.2
Compare Source
Patch Changes
06f29f8cd
Thanks @segunadebayo! - Bump all packages
to resolve deps issues
Updated dependencies
[
06f29f8cd
]:v2.0.1
Compare Source
Patch Changes
e7bd872d0
Thanks @segunadebayo! - Fix issue where
SpinnerIcon
id causes accessibility violationUpdated dependencies []:
v2.0.0
Compare Source
Major Changes
c390af485
Thanks @TimKolberger! - Bump all packages
to next major for Chakra UI version 2.
ed692c0ae
Thanks @TimKolberger! - Omit
src
directory from being published to npm
41b3119f5
Thanks @TimKolberger! - Bump peer
dependency to React and ReactDOM to >=18
Patch Changes
[
c390af485
,ed692c0ae
,41b3119f5
]:v1.1.7
Compare Source
Patch Changes
e1fe48cbe
Thanks @TimKolberger! - Bumped patch
version for every package to fix release process. Root cause was a bug in our
CI configuration.
[
e1fe48cbe
]:v1.1.6
Compare Source
v1.1.5
Compare Source
Patch Changes
#5536
a503acabe
Thanks @TimKolberger! - Bumped patch
version for every package to fix release process.
Updated dependencies
[
a503acabe
]:v1.1.4
Compare Source
v1.1.3
Compare Source
Patch Changes
v1.1.2
Compare Source
Patch Changes
[
17400aff6
]:chakra-ui/chakra-ui (@chakra-ui/react)
v3.2.3
Compare Source
Patch Changes
d821ab5
Thanks @segunadebayo! - Fix issue where
responsive semantic tokens doesn't work as expected.
v3.2.2
Compare Source
Patch Changes
7234d75
Thanks @segunadebayo! - - Slider
Add
DraggingIndicator
component to show an element only while draggingFix issue where slider marks were not styled correctly in vertical
orientation
Menu: Update recipe to use
--available-height
css variable to keep themenu's height within the available space
System: Fixed issue where exporting
withRootProvider
would result intype error
Snippets / Slider
MarkerGroup
into theControl
componentdata-has-mark-label
attributev3.2.1
Compare Source
Patch Changes
#9240
561ccc0
Thanks @Pagebakers! - - System: Fix issue
where exporting
withProvider
andwithContext
would result in type errorTimelineTitle
was missing from the exportuseTabs
anduseTabsContext
were not exportedColorPickerChannelInputs
and
ColorPickerChannelSliders
v3.2.0
Compare Source
Minor Changes
#9130
e5880fb
Thanks @segunadebayo! - - [Preview] Add new
ColorPicker
component to allow users pick a color in hsl, rgb, hsb formats.ColorSwatch
component to preview a color.mergeConfigs
mutates the underlying configs passed to it.v3.1.2
Compare Source
Patch Changes
65952d7
Thanks @segunadebayo! - - General: Fix
issue where value change types were not re-exported from Ark UI
fill.surface
layer style doesn't renderthe correct styles
PaginationPageText
did not render thecorrect page range
v3.1.1
Compare Source
Patch Changes
#9128
0715e2c
Thanks @coverlv! - Fix issue where
useBreakpointValue
throws error ifssr
is false#9103
1254769
Thanks @Newbie012! - - Checkbox: Fix issue
where checkmark doesn't show on Safari
error like
ClientOnly cannot be used as a JSX component.
colorPalette
v3.1.0
Compare Source
Minor Changes
9a27c2c
Thanks @segunadebayo! - - System: Fix
issue where using
as
prop with logic based components doesn't work asexpected.
DataList: Add support for
bold
variant.Button: Tweak the horizontal padding when size is
sm
.Snippets
showValue
prop to render the text value of the slider.HiddenSelect
to ensure it works in form submissions.SelectRoot
component fromsnippet
element
next-themes
.ColorModeProvider
powered bynext-themes
for better customization.
Toggle: Add
Toggle
component for toggling between two states. Itcomposes the
Button
component.v3.0.2
Compare Source
Patch Changes
20b91bd
Thanks @segunadebayo! - - InputAddon:
Fix issue with input addon not stretched correctly.
width={{ md: "sm" }}
to the toast root.v3.0.1
Compare Source
Patch Changes
c0020c9
Thanks @segunadebayo! - Fix issue where
using
keyframe
interpolation inanimation
prop doesn't work7d4f898
Thanks @segunadebayo! - Fix issue where
scrollBehavior=outside
doesn't allow scrolling outside the dialog contentv3.0.0
Major Changes
#8153
7b6e66a
Thanks @segunadebayo! - Prepares the ground
for the next version Chakra that leverages Ark UI.
User Facing
Infrastructure
jest
tovitest
tsup
to customrollup
setup for better bundling strategy#8815
806be96
Thanks @isBatak! - Remove the
@chakra-ui/hooks
package in favour of using dedicated, robust libraries like
react-use
andusehooks-ts
Minor Changes
#8121
170198f
Thanks @kkieninger! - ### Fixed
Avatar component
Added
accentColor
property to style propsasChild
in chakra factorytoastStore
fromtoast
componentframer-motion
to allow for skipAnimationspreserveScrollBarGap
Changed
Redesign the component themes and anatomy
192c6b1
Thanks @segunadebayo! - Add new fieldset
component
07b04b1
Thanks @segunadebayo! - - [NEW]: Add
RatingGroup
,SegmentControl
EmptyState
component for empty statesRadioCard
andCheckboxCard
components for card-basedselection
#8568
5fd993b
Thanks @isBatak! - Add Collapsible recipe with
default open/close animation
3fc49ca
Thanks @segunadebayo! - Add support for
FormatNumber
andFormatByte
components3ccbbdf
Thanks @segunadebayo! - ### Motion Styles
Add support for
motionStyle
props.The idea is to pair them with text styles and layer styles to create this
three-part mixin that can make your styles a lot cleaner.
Motion styles focus solely on animations, allowing you to orchestrate
animation properties.
Built-in Keyframe Animations
Chakra new provides built-in keyframe animations that you can use to create
your own motion styles.
Slide:
slide-from-top
,slide-from-bottom
,slide-from-left
,slide-from-right
,slide-to-top
,slide-to-bottom
,slide-to-left
,slide-to-right
Slide Full:
slide-from-top-full
,slide-from-bottom-full
,slide-from-left-full
,slide-from-right-full
,slide-to-top-full
,slide-to-bottom-full
,slide-to-left-full
,slide-to-right-full
Fade:
fade-in
,fade-out
Scale:
scale-in
,scale-out
You can compose these animations using the
animationName
property in yourmotion styles to create really cool animations. No JS required.
3ccbbdf
Thanks @segunadebayo! - Add support for
built-in layer styles to help prototype faster with automatic dark mode.
Paired with
colorPalette
, you can create beautiful designs with little codethat adapts to dark mode automatically.
Fill Layer Styles:
fill.muted
,fill.solid
,fill.surface
Border Layer Styles:
outline.muted
,outline.solid
Indicator Styles:
indicator.top
,indicator.end
,indicator.bottom
,indicator.start
Disabled Styles:
disabled
You can combine these layer styles to create very complex designs with little
code.
de9c0a0
Thanks @segunadebayo! - Add
DataList
component
e77a9b8
Thanks @segunadebayo! - - Add new Timeline
component to presenting chronological information or activities.
className
in the DOM.neutral
status toAlert
component763329e
Thanks @segunadebayo! - Add preset and
preset-base entrypoints.
preset
entrypoint exposes the default theme and recipes for Chakra.preset-base
entrypoint exposes the base utilities and conditions usedinternally.
925cfd9
Thanks @segunadebayo! - Add ActionBar,
Status, Rating, Pagination components
e9a1537
Thanks @segunadebayo! - BREAKING: Change
signature of
useRecipe
,useSlotRecipe
,createSlotRecipeContext
createSlotRecipeContext
Before:
After:
useSlotRecipe
Before:
After:
3908155
Thanks @segunadebayo! - Rename
createStyleContext
tocreateSlotRecipeContext
c654ee3
Thanks @segunadebayo! - Improve performance
of styled components to avoid unneeded re-renders.
edec8f7
Thanks @segunadebayo! - Add clipboard
composition
5093e18
Thanks @segunadebayo! - Add cursor pointer
to button
4c6838c
Thanks @segunadebayo! - - Rename
onLabel
and
offLabel
totrackLabel
thumbLabel
prop for rendering an icon within thumb#8393
623e558
Thanks @segunadebayo! - - Integrate Ark UI
components to reduce maintenance surface.
FileUpload
componenttrigger=hover
in favor ofHoverCard
Tooltip
,Popover
andHoverCard
with those from Ark UI945a777
Thanks @segunadebayo! - BREAKING: Integrate
Ark v4. This mostly affects the custom select component that requires the use
of
createListCollection
now.c26acf0
Thanks @segunadebayo! - Add support for
cursor token type
55c0839
Thanks @segunadebayo! - Move the
Prose
component to snippets so it can be customized by the user.
952647a
Thanks @segunadebayo! - Add
CardTitle
andCardDescription
componentsf4762bf
Thanks @segunadebayo! - Add support for
merging multiple system configs into one within
createSystem
Before:
After:
#8218
a89c598
Thanks @segunadebayo! - Add support for
custom theme conditions or pseudo props via
theme.conditions
This allows you to use the pseudo prop in your components
For TypeScript users, you need to use the Chakra CLI to generate the types
for your custom conditions.
c2f45ca
Thanks @segunadebayo! - Rename
Fieldset.Control
toFieldset.Content
1738b90
Thanks @segunadebayo! - - Icon: Set
asChild
totrue
by default to reduce repetitionAll components
at 20px, larger elements start at 40px
Input, Textarea: Rename
filled
variant tosubtle
Tags: Add new
Tag.StartElement
andTag.EndElement
components to allowfor easier styling of the start and end elements
3ccbbdf
Thanks @segunadebayo! - Redesign
Stepper
component. It's now called
Steps
and manages the state internally, no needto use
useSteps
anymore.We've also improved the accessibility of the component by leveraging the tabs
pattern and adding the required ARIA attributes.
Using the CLI, you can also scaffold an already composed stepper component
548470d
Thanks @segunadebayo! - Add custom select
from Ark UI and design recipe
8b110da
Thanks @segunadebayo! - Support inlining
recipe in
createRecipeContext
andcreateSlotRecipeContext
for better DXwhen shipping libraries based on Chakra.
This reduces the need for using the Chakra CLI to generate types for custom
components.
05793a2
Thanks @segunadebayo! - - Make
gray
thedefault color palette.
36px
for consistency.bg
for outline component variants.43f2c7d
Thanks @segunadebayo! - - CheckboxCard
[New]
Add support for a new
CheckboxCard
component that can be used to render acard with a checkbox.
Checkmark [New]
Add new checkmark component for rendering a static checkmark icon with the
checked
,disabled
, andindeterminate
state baked in.EmptyState [New]
Add new
EmptyState
component for rendering an empty state message with atitle, description, and optional action button.
e119ae9
Thanks @segunadebayo! - Rename
motionStyle
toanimationStyle
for better intuitiveness#8575
d4522d9
Thanks @isBatak! - Align theme recipe name with
panda
3ccbbdf
Thanks @segunadebayo! - Add support for
focusRing
andfocusRingColor
style props that allow to quickly style focusvisible state of form controls.
The focus ring values can be either
extend
orcontain
4ff153f
Thanks @segunadebayo! - Speed up
intellisence for style props, and add support for
strictTokens
in the CLI.47a8a9e
Thanks @segunadebayo! - - Add
inherit
toSpinner recipe size
b6d1d0d
Thanks @segunadebayo! - Simplify spinner
component to use less custom props.
emptyColor
, prefer to use--spinner-track-color
speed
, prefer to useanimationDuration
thickness
, prefer to useborderWidth
#8218
a89c598
Thanks @segunadebayo! - Add support for
_open
and_closed
pseudo props for styling their respective selectors._open
:&[data-state=open], &[open]
_closed
:&[data-state=closed]
_groupOpen
:[data-group][data-state=open] &
_groupClosed
:[data-group][data-state=closed] &
Extend the existing pseudo props to support new selectors`
_placeholder
now supports&[data-placeholder]
_placeholderShow
now supports&[data-placeholder-shown]
_fullscreen
now supports&[data-fullscreen]
_empty
now supports&[data-empty]
_expanded
now supports&[data-state=expanded]
_checked
now supports&[data-state-checked]
#8569
eb26857
Thanks @isBatak! - Fix the
boxSize
type toallow number values.
47b3b5a
Thanks @segunadebayo! - Support array in
conditions object. This matches the API in Panda CSS and allow users to define
complex selectors like media hover queries.
e4f2df0
Thanks @segunadebayo! - Add
Prose
component to help style markdown content.
c243698
Thanks @segunadebayo! - - Add
referrerPolicy to Avatar component.
muted
andsubtle
color tokensPatch Changes
be98566
Thanks @segunadebayo! - Fix checkbox and
toast on mobile
c941971
Thanks @segunadebayo! - - Convert
Tabs
component to use Ark UI
NumberInput
to use Ark UI#8795
4408573
Thanks @TylerAPfledderer! - Adds style
prop names to
LayerStyleProperty
union type83366c4
Thanks @segunadebayo! - - Fix regression in
mergeConfigs
Decompose
Field
components into smaller components, which can beoptionally used with
Field
Label
which is a generic label componentErrorMessage
which is a generic error message componentHelpText
which is a generic help text componentRefactor components to use Ark UI: Avatar, Progress, CircularProgress,
PinInput
0ae054d
Thanks @segunadebayo! - Fix issue where
hideFrom
andhideBelow
doesn't show any autocompletions0a03bcc
Thanks @segunadebayo! - - Fix circular
progress element types
#8617
7e9fbf0
Thanks @isBatak! - Refactor text-styles to use
tokens instead of raw values.
6d4cbbe
Thanks @segunadebayo! - Fix ES module
interop for @emotion/is-prop-value that makes Jest throw error.
#8857
fdc2b9b
Thanks @stevensecreti! - update mapObject
util to not call fn provided on nullish values
788f493
Thanks @segunadebayo! - Fix issue where
media query css order is inconsistent with v2
87cf70c
Thanks @segunadebayo! - Revert text recipe
to prevent color regressions
#8740
d5a225f
Thanks @Pagebakers! - Use correct extension
for ESM exports
#8905
807a581
Thanks @stevensecreti! - Added transform
function to backgroundClip to appropriately handle 'text' value
#8739
651561b
Thanks @Pagebakers! - Added /anatomy to
exports
#8792
4dd77ec
Thanks @TylerAPfledderer! - Updates the
exposed list of slot anatomy to ensure all anatomy is included for use in
type-checking extend recipe configs.
bffb68f
Thanks @segunadebayo! - - Pagination:
Fix issue page props were not forwarded correctly.
#8601
1867d66
Thanks @isBatak! - Fix
blur
property tokenconversion to CSS variable.
32a454d
Thanks @segunadebayo! - Add missing
use client
directives to several components#8854
388716d
Thanks @codebutler! - Fix issue where target
was not passed to link overlay
#8475
9224f4e
Thanks @ryo-manba! - Add
aria-current
attribute to stepper
v2.8.2
Compare Source
Patch Changes
[
389ff6184
,4168094f3
,b6befea76
Configuration
📅 Schedule: Branch creation - "after 11pm,before 6am" in timezone Asia/Tokyo, 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.
👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
This PR was generated by Mend Renovate. View the repository job log.