fix(deps): update dependency @chakra-ui/react to v3 #1052

renovate · 2024-10-22T21:02:58Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@chakra-ui/react (source)	`^2.10.5` -> `^3.0.0`

Release Notes

chakra-ui/chakra-ui (@chakra-ui/react)

`v3.7.0`

Compare Source

Minor Changes

cb0ffc9
Thanks @segunadebayo! - - Avatar: Add
support for passing name to the AvatarFallback to render the initials. If
no name or children is passed, it'll render either the initials or a
fallback icon.
- Hooks: Add useConst and useUpdateEffect hooks from v2.
- Wrap: Bring back the Wrap component from v2.

`v3.6.0`

Compare Source

Minor Changes

04a1a07
Thanks @segunadebayo! - - Styled
System:
- Boost performance of style resolution by removing JSON.stringify in memo
  function and avoid memoizing non-primitive arguments.
- Connect assets token to backgroundImage and listStyleImage css
  properties.
- Menu, Tooltip: Set lazyMount and unmountOnExit to true in the
  Root component to improve initial rendering performance.
- AbsoluteCenter: Fix issue where axis doesn't work in RTL mode.
- Snippets / QRCode: Remove snippet in favor of compound component
  pattern.
- List: Fix issue where list items don't wrap correctly.
- Stat: Bring back StatGroup component from v2.
- Close Button: Add 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
- ColorPicker, HoverCard, Tooltip: Fixed intermittent placement shifts
  caused by updates to the data-placement attribute
- Snippets / Alert: Deprecate the Alert snippet in favor of using the
  Alert component directly from @chakra-ui/react.

`v3.5.0`

Compare Source

Minor Changes

30a12d0
Thanks @segunadebayo! - - Native Select
- Fix issue where disabled and invalid props were not being passed to the
  NativeSelectField component.
- Persist error focus ring when invalid prop is set.
- Fix issue where native select isn't readable in dark mode for Windows/Linux
  devices.
- [New] Loader: Add new Loader and LoaderOverlay components.
- [New] Button Group: Add new ButtonGroup component similar to v2 for
  grouping similar buttons.
- Button: Add loading and loadingText props to the Button component.
- Snippets / Menu: Refactor checkbox item to fix rendering
- Snippets / Button: Removed the button snippet in favor of built-in
  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 and orientation
was added instead.
- FileUpload
  - Resolved an issue where form-related components reset despite the reset
    event being cancelled.
  - Fixed a brief warning display when a new image file is added to the
    preview.
  - Enhanced click detection for the dropzone and added support for the
    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 button
- Snippet / Tooltip: Set portalled to true by default
#9470
4bd9f8d
Thanks @lcswillems! - - Menu, Select: Use
the same semantic token for select _highlighted state
- Toast: Fix issue where toast close trigger was not visible
e4fe984
Thanks @segunadebayo! - Fix issue where
using <Icon as={...} /> throws an error, forcing users to use the asChild
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 or closing phases.
1439548
Thanks @segunadebayo! - Fix issue where
useRecipe and useSlotRecipe returns never when key does not match
built-in recipe.

`v3.3.0`

Compare Source

Minor Changes

#9437
791bcec
Thanks @segunadebayo! - ### Added
- Clipboard: Introduced Clipboard.ValueText to display clipboard
  content.
- FileUpload:
  - Added preventDropOnDocument to block file drops on the document when the
    file upload component is active.
  - Added setClipboardFiles to the API for setting files from clipboard
    data.
- Progress: Added support foronValueChange and defaultValue.
- Tabs, Menu, Combobox: Added navigate property for custom router
  navigation when selections render as links.
- QrCode:
  - Added support for onValueChange and defaultValue.
  - Added 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 when pageSize exceeded count.
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.

import { QrCode } from "@&#8203;chakra-ui/react"

export const QrCodeWithoutSnippet = () => {
  return (
    <QrCode.Root value="..." size="md">
      <QrCode.Frame>
        <QrCode.Pattern />
      </QrCode.Frame>
    </QrCode.Root>
  )
}

Patch Changes

d3f1c19
Thanks @segunadebayo! - Fix issue where
htmlWidth and htmlHeight doesn't work in Image or chakra.image
elements.
f32cb4a
Thanks @segunadebayo! - Improve typesafety
for layer styles to support common shorthands like bg, bgColor, bgImage
b11587b
Thanks @segunadebayo! - Fix compound
variant matching not working with colorPalette prop

`v3.2.5`

Compare Source

Patch Changes

d195ced
Thanks @segunadebayo! - - Snippets /
Pagination: Fix issue where pagination page text renders incorrectly when
the pageSize is greater than the count value with format=long
- Snippets / InputGroup: Improve typings for children prop to prevent TS
  errors
609855d
Thanks @segunadebayo! - Improve type-safety
in useRecipe and useSlotRecipe hooks
636c61f
Thanks @segunadebayo! - useMediaQuery:
Fix issue where partial media queries like aspect-ratio < 1 doesn't return
the correct result.

Good to know: Partial media queries like aspect-ratio < 1 resolves to
aspect-ratio < 1 / 1 in the browser.
b1c3f74
Thanks @segunadebayo! - Fix issue where
composing Input component throws asChild React HTML prop warning.
e7fddd5
Thanks @segunadebayo! - Fix issue where
mergeConfigs does not override functions
55258da
Thanks @segunadebayo! - - FileUpload:
Resolved an issue where the accept attribute wasn’t applied to the hidden
input.
- NumberInput: Fixed issue where the input event wasn’t triggered on the
  first click of the increment/decrement controls.

`v3.2.4`

Compare Source

Patch Changes

df0ac52
Thanks @segunadebayo! - Fix issue where
component hook props (like UseCheckboxProps, UseCheckboxGroupProps, etc.)
are not exported.
be8f80a
Thanks @segunadebayo! - Fix issue where
chakra.x factory component props throws TS error in React 19

`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 dragging
- Fix issue where slider marks were not styled correctly in vertical
  orientation
- Menu: Update recipe to use --available-height css variable to keep the
  menu's height within the available space
- System: Fixed issue where exporting withRootProvider would result in
  type error
- Snippets / Slider
  - Move MarkerGroup into the Control component
  - Remove hardcoded margin values in favor of recipes and
    data-has-mark-label attribute

`v3.2.1`

Compare Source

Patch Changes

#9240
561ccc0
Thanks @Pagebakers! - - System: Fix issue
where exporting withProvider and withContext would result in type error
- Timeline: Fix issue where TimelineTitle was missing from the export
- Tabs: Fix issue where useTabs and useTabsContext were not exported
- Snippets / ColorPicker: Fix flex direction of ColorPickerChannelInputs
  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.
- Add new ColorSwatch component to preview a color.
- Fix issue where 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
- Layer Style: Fix issue where fill.surface layer style doesn't render
  the correct styles
- Pagination: Fix issue where PaginationPageText did not render the
  correct page range

`v3.1.1`

Compare Source

Patch Changes

#9128
0715e2c
Thanks @coverlv! - Fix issue where
useBreakpointValue throws error if ssr is false
#9103
1254769
Thanks @Newbie012! - - Checkbox: Fix issue
where checkmark doesn't show on Safari
- Alert: Fix issue where indicator icon is not visible on Safari
- ClientOnly: Fix issue where returned the incorrect type leading to TS
  error like ClientOnly cannot be used as a JSX component.
- Fieldset: Fix issue where anatomy is not exported
- Timeline: Refactor variants such that it responds to 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 as
expected.
- DataList: Add support for bold variant.
- Button: Tweak the horizontal padding when size is sm.
- Snippets
  - Slider: Add showValue prop to render the text value of the slider.
  - Select
    - Add HiddenSelect to ensure it works in form submissions.
    - Fix type inference is lost when using SelectRoot component from
      snippet
    - Fix issue where form data is not populated when using native form
      element
  - ColorMode: Fix type error when using the latest next-themes.
  - Provider: Forward props to ColorModeProvider powered by next-themes
    for better customization.
- Toggle: Add Toggle component for toggling between two states. It
  composes the Button component.

`v3.0.2`

Compare Source

Patch Changes

20b91bd
Thanks @segunadebayo! - - InputAddon:
Fix issue with input addon not stretched correctly.
- Snippets / Toaster: Improve toaster styling by adding
  width={{ md: "sm" }} to the toast root.

`v3.0.1`

Compare Source

Patch Changes

c0020c9
Thanks @segunadebayo! - Fix issue where
using keyframe interpolation in animation prop doesn't work
7d4f898
Thanks @segunadebayo! - Fix issue where
scrollBehavior=outside doesn't allow scrolling outside the dialog content

`v3.0.0`

Major Changes

#8153
7b6e66a
Thanks @segunadebayo! - Prepares the ground
for the next version Chakra that leverages Ark UI.

User Facing
- Consolidate all component packages into a single package
- Remove all deprecated components and APIs
- Simplify the Changelogs for all v2 releases
Infrastructure
- Simplify the repo infrastructure and release process
- Migrate from jest to vitest
- Migrate from tsup to custom rollup 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 and
usehooks-ts

Minor Changes

#8121
170198f
Thanks @kkieninger! - ### Fixed
- Fix hard-coded z-index for Menu in favor of one defined from the theme
- Fix problem with leading and trailing spaces when getting initials for the
  Avatar component
- Suppress unnecessary re-renders of Checkbox and Radio component

Added

Add CSS accentColor property to style props
Add support for asChild in chakra factory
Export toastStore from toast component
Upgrade framer-motion to allow for skipAnimations
Add component namespace to reduce imports and provide better composition
Modal, Drawer: Add default preserveScrollBarGap

Changed

Redesign the component themes and anatomy

192c6b1
Thanks @segunadebayo! - Add new fieldset
component
07b04b1
Thanks @segunadebayo! - - [NEW]: Add
RatingGroup, SegmentControl
- [NEW]: Add EmptyState component for empty states
- [NEW]: Add RadioCard and CheckboxCard components for card-based
  selection
#8568
5fd993b
Thanks @isBatak! - Add Collapsible recipe with
default open/close animation
3fc49ca
Thanks @segunadebayo! - Add support for
FormatNumber and FormatByte components

3ccbbdf
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.

import { defineMotionStyles } from "@&#8203;chakra-ui/react"

export const motionStyles = defineMotionStyles({
  "slide-fade-in": {
    value: {
      transformOrigin: "var(--transform-origin)",
      animationDuration: "fast",
      "&[data-placement^=top]": {
        animationName: "slide-from-top, fade-in",
      },
      "&[data-placement^=bottom]": {
        animationName: "slide-from-bottom, fade-in",
      },
      "&[data-placement^=left]": {
        animationName: "slide-from-left, fade-in",
      },
      "&[data-placement^=right]": {
        animationName: "slide-from-right, fade-in",
      },
    },
  },
})

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 your
motion styles to create really cool animations. No JS required.

<Box animationName="slide-from-top, fade-in" animationDuration="fast">
  Slide from top and fade in
</Box>

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 code
that adapts to dark mode automatically.

Fill Layer Styles: fill.muted, fill.solid, fill.surface
```
<Box layerStyle="fill.muted" colorPalette="red">
  This is a subtle fill layer
</Box>
```
Border Layer Styles: outline.muted, outline.solid
```
<Box layerStyle="outline.muted" colorPalette="red">
  This is a subtle outline layer
</Box>
```
Indicator Styles: indicator.top, indicator.end, indicator.bottom,
indicator.start
```
<Box layerStyle="indicator.top" colorPalette="red">
  This is a top indicator layer
</Box>
```
Disabled Styles: disabled
```
<Box _disabled={{ layerStyle: "disabled" }}>Disabled Button</Box>
```
You can combine these layer styles to create very complex designs with little
code.
```
<Box
  layerStyle="fill.muted"
  _hover={{ layerStyle: "outline.solid" }}
  colorPalette="red"
>
  This is a complex layer
</Box>
```
de9c0a0
Thanks @segunadebayo! - Add DataList
component
e77a9b8
Thanks @segunadebayo! - - Add new Timeline
component to presenting chronological information or activities.
- Trim generated className in the DOM.
- Add neutral status to Alert component
763329e
Thanks @segunadebayo! - Add preset and
preset-base entrypoints.
- The preset entrypoint exposes the default theme and recipes for Chakra.
- The preset-base entrypoint exposes the base utilities and conditions used
  internally.
925cfd9
Thanks @segunadebayo! - Add ActionBar,
Status, Rating, Pagination components
e9a1537
Thanks @segunadebayo! - BREAKING: Change
signature of useRecipe, useSlotRecipe, createSlotRecipeContext

createSlotRecipeContext

Before:

const { withProvider, withContext } = createSlotRecipeContext("accordion")

After:

const { withProvider, withContext } = createSlotRecipeContext({
  key: "accordion",
})

useSlotRecipe

Before:

const recipe = useSlotRecipe("accordion")

After:

const recipe = useSlotRecipe({ key: "accordion" })

3908155
Thanks @segunadebayo! - Rename
createStyleContext to createSlotRecipeContext
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 to trackLabel
- Add support for thumbLabel prop for rendering an icon within thumb
#8393
623e558
Thanks @segunadebayo! - - Integrate Ark UI
components to reduce maintenance surface.
- Add FileUpload component
- Remove trigger=hover in favor of HoverCard
- Replace Tooltip, Popover and HoverCard with those from Ark UI
945a777
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 and
CardDescription components

f4762bf
Thanks @segunadebayo! - Add support for
merging multiple system configs into one within createSystem

Before:

const config = mergeConfigs(defaultConfig, customConfig)
export const system = createSystem(config)

After:

const system = createSystem(defaultConfig, customConfig)

#8218
a89c598
Thanks @segunadebayo! - Add support for
custom theme conditions or pseudo props via theme.conditions
```
// theme.ts

const theme = extendTheme({
  conditions: {
    _closed: "[data-state='closed']", // pseudo prop
  },
})
```
This allows you to use the pseudo prop in your components
```
<Box data-state="closed" _closed={{ bg: "red.200" }}>
  This box is closed
</Box>
```
For TypeScript users, you need to use the Chakra CLI to generate the types
for your custom conditions.
```
pnpm chakra-cli tokens src/theme/index.ts
```
c2f45ca
Thanks @segunadebayo! - Rename
Fieldset.Control to Fieldset.Content
1738b90
Thanks @segunadebayo! - - Icon: Set
asChild to true by default to reduce repetition
- All components
  - Ensure consistent sizing convention (units of 4px). Smaller elements start
    at 20px, larger elements start at 40px
  - Ensure focus ring matches the colorPalette
- Input, Textarea: Rename filled variant to subtle
- Tags: Add new Tag.StartElement and Tag.EndElement components to allow
  for 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 need
to use useSteps anymore.

We've also improved the accessibility of the component by leveraging the tabs
pattern and adding the required ARIA attributes.

<Steps.Root defaultIndex={0} count={2}>
  <Steps.List>
    <Steps.Item index={0}>
      <Steps.Trigger>
        <Steps.Title>Step 1</Steps.Title>
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>

    <Steps.Item index={1}>
      <Steps.Trigger>
        <Steps.Title>Step 2</Steps.Title>
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>
  </Steps.List>

  <Steps.Content index={0}>Step 1</Steps.Content>
  <Steps.Content index={1}>Step 2</Steps.Content>
  <Steps.CompleteContent>Complete</Steps.CompleteContent>
</Steps.Root>

Using the CLI, you can also scaffold an already composed stepper component

chakra composition add steps

548470d
Thanks @segunadebayo! - Add custom select
from Ark UI and design recipe
8b110da
Thanks @segunadebayo! - Support inlining
recipe in createRecipeContext and createSlotRecipeContext for better DX
when 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 the
default color palette.
- Change avatar sm size to 36px for consistency.
- Move bg for outline component variants.

43f2c7d
Thanks @segunadebayo! - - CheckboxCard
[New]

Add support for a new CheckboxCard component that can be used to render a
card with a checkbox.

<CheckboxCard.Root>
  <CheckboxCard.Control>
    <Stack gap="0" flex="1">
      <CheckboxCard.Label>Checkbox</CheckboxCard.Label>
      <Text>Some description</Text>
    </Stack>

    <CheckboxCard.HiddenInput />
    <CheckboxCard.Indicator />
  </CheckboxCard.Control>
</CheckboxCard.Root>

Checkmark [New]

Add new checkmark component for rendering a static checkmark icon with the
checked, disabled, and indeterminate state baked in.

<Stack>
  <Checkmark />
  <Checkmark checked />
  <Checkmark indeterminate />
  <Checkmark disabled />
  <Checkmark checked disabled />
  <Checkmark indeterminate disabled />
</Stack>

EmptyState [New]

Add new EmptyState component for rendering an empty state message with a
title, description, and optional action button.

<EmptyState.Root>
  <EmptyState.Content>
    <EmptyState.Indicator>
      <HiTemplate />
    </EmptyState.Indicator>

    <VStack textAlign="center">
      <Text fontWeight="medium">No template found</Text>
      <Text fontSize="sm" color="fg.muted">
        Try creating a new template with the button below
      </Text>
    </VStack>

    <Button variant="outline">
      <HiPlus /> Create Template
    </Button>
  </EmptyState.Content>
</EmptyState.Root>

e119ae9
Thanks @segunadebayo! - Rename
motionStyle to animationStyle for better intuitiveness
#8575
d4522d9
Thanks @isBatak! - Align theme recipe name with
panda
3ccbbdf
Thanks @segunadebayo! - Add support for
focusRing and focusRingColor style props that allow to quickly style focus
visible state of form controls.

The focus ring values can be either extend or contain
```
<Box asChild focusRing="extend" focusRingColor="pink.500">
  <input type="text" />
</Box>
```
4ff153f
Thanks @segunadebayo! - Speed up
intellisence for style props, and add support for strictTokens in the CLI.
47a8a9e
Thanks @segunadebayo! - - Add inherit to
Spinner recipe size
- Refactor button and link button snippets
b6d1d0d
Thanks @segunadebayo! - Simplify spinner
component to use less custom props.
- Removed emptyColor, prefer to use --spinner-track-color
- Removed speed, prefer to use animationDuration
- Removed thickness, prefer to use borderWidth
#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 to
allow 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.
- Add CheckboxDescription, CheckboxCardDescription and RadioCardDescription
- Swap muted and subtle color tokens

Patch Changes

be98566
Thanks @segunadebayo! - Fix checkbox and
toast on mobile
c941971
Thanks @segunadebayo! - - Convert Tabs
component to use Ark UI
- Convert NumberInput to use Ark UI
#8795
4408573
Thanks @TylerAPfledderer! - Adds style
prop names to LayerStyleProperty union type
83366c4
Thanks @segunadebayo! - - Fix regression in
mergeConfigs
- Decompose Field components into smaller components, which can be
  optionally used with Field
  - Label which is a generic label component
  - ErrorMessage which is a generic error message component
  - HelpText which is a generic help text component
- Refactor components to use Ark UI: Avatar, Progress, CircularProgress,
  PinInput
0ae054d
Thanks @segunadebayo! - Fix issue where
hideFrom and hideBelow doesn't show any autocompletions
0a03bcc
Thanks @segunadebayo! - - Fix circular
progress element types
- Ensure consistent exports in components
#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.
- PinInput: Fix issue mask props were not forwarded correctly.
#8601
1867d66
Thanks @isBatak! - Fix blur property token
conversion 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

Configuration

📅 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 is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

renovate · 2025-02-06T00:08:54Z

Renovate Ignore Notification

Because you closed this PR without merging, Renovate will ignore this update. You will not get PRs for any future 3.x releases. But if you manually upgrade to 3.x then Renovate will re-enable minor and patch updates automatically.

If you accidentally closed this PR, or if you changed your mind: rename this PR to get a fresh replacement PR.

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 8 times, most recently from 96df74d to a73d3c6 Compare October 29, 2024 22:54

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 7 times, most recently from be8ac25 to a18e7e4 Compare November 7, 2024 06:54

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 15 times, most recently from 8bd1332 to ef742b0 Compare November 12, 2024 23:37

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 15 times, most recently from a021505 to b934972 Compare January 25, 2025 16:42

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 6 times, most recently from eb6e85e to 0fa5591 Compare February 3, 2025 05:05

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 4 times, most recently from 6cdc08d to 0e4ff76 Compare February 5, 2025 18:22

fix(deps): update dependency @chakra-ui/react to v3

07adcee

renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 0e4ff76 to 07adcee Compare February 5, 2025 20:46

Elsie19 closed this Feb 6, 2025

renovate bot deleted the renovate/major-chakra-ui-monorepo branch February 6, 2025 00:08

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

fix(deps): update dependency @chakra-ui/react to v3 #1052

fix(deps): update dependency @chakra-ui/react to v3 #1052

Uh oh!

renovate bot commented Oct 22, 2024 •

edited

Loading

Uh oh!

renovate bot commented Feb 6, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

fix(deps): update dependency @chakra-ui/react to v3 #1052

fix(deps): update dependency @chakra-ui/react to v3 #1052

Uh oh!

Conversation

renovate bot commented Oct 22, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Minor Changes

Minor Changes

Patch Changes

Minor Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Fixed

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Major Changes

Minor Changes

Added

Changed

Built-in Keyframe Animations

createSlotRecipeContext

useSlotRecipe

Patch Changes

Configuration

Uh oh!

renovate bot commented Feb 6, 2025

Renovate Ignore Notification

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

renovate bot commented Oct 22, 2024 •

edited

Loading