Skip to content

fix(deps): update chakra-ui monorepo to v3 (major) #261

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Oct 22, 2024

This PR contains the following updates:

Package Change Age Confidence
@chakra-ui/cli ^2.3.0 -> ^3.0.0 age confidence
@chakra-ui/react (source) ^2.5.5 -> ^3.0.0 age confidence

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 prettier
    exits with a formatting error

v3.21.0

Compare Source

v3.20.0

Compare Source

v3.19.2

Compare Source

Patch Changes

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

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 the snippet add command to allow explicitly specifying
    tsx/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

v3.2.1

Compare Source

Patch Changes
  • c79b7bf
    Thanks @​segunadebayo! - - Fix issue where
    npmDependencies for snippets were not auto-installed
    • Support React Router 7 framework detection

v3.2.0

Compare Source

Minor Changes
  • 069e39d
    Thanks @​segunadebayo! - Add support for
    --all flag to add all snippets. By default, we only install a
    minimal/recommended set of snippets.

    Recommended snippets: provider, avatar, button, checkbox, radio,
    input-group, slider, popover, dialog, drawer, tooltip, field

    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 a src/components/ui
    directory.

v3.0.2

Compare Source

Patch Changes

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 faster
    development experience.

    Usage: chakra-ui composition [options] [command]
    
    Add compositions to your project for better DX
    
    Options:
      -h, --help                     display help for command
    
    Commands:
      add [options] [components...]  Add a new composition for better DX
      list                           List all compositions
      help [command]                 display help for command
  • bfb68dc
    Thanks @​segunadebayo! - Add eject command
    to 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.

    • Change the CLI name from chakra-cli to chakra.
    • Change tokens command to typegen to better reflect its purpose since its
      generates types for more than just the tokens.
    • Scaffold new composition command to help users scaffold new compositions
      easily. 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.

    • Add @default JSDoc comment for defaultVariants 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 to snippet for better intuitiveness

  • #​8569
    eb26857
    Thanks @​isBatak! - Fix the boxSize type to
    allow number values.

  • 14b6a45
    Thanks @​segunadebayo! - Show the number of
    skipped snippets that already exists in outdir

Patch Changes

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
Patch Changes
  • #​10126
    ca40993
    Thanks @​isBatak! - - Clipboard: Fix issue
    where clipboardAnatomy was not exported from @chakra-ui/react/anatomy
    • Combobox
      • Expose reason to onOpenChange and onInputValueChange callbacks
      • Expose api.clearHighlightedValue function to clear highlighted value
    • Toast: Fix issue where toast title or description could not accept
      React element
    • Progress: Improve valueAsString formatting
    • Select
      • Select highlighted item only if it exists in the collection
      • Expose api.clearHighlightedValue function to clear highlighted value
    • ClientOnly: Support children as a function

v3.21.1

Compare Source

Patch Changes
  • 8ddeb0b
    Thanks @​segunadebayo! - - Popover:
    Fixed issue where onOpenChange could be called twice when controlled

    • Combobox
      • Fixed issue where onInputValueChange could be called twice when
        selecting an item
      • Fixed issue where combobox with allowCustomValue: true used within in a
        form requires two enter keypress to submit
    • Progress
      • Fix issue where setting orientation to vertical don't work
      • Fix issue where setting defaultValue to null doesn't show
        indeterminate state
    • Toast: Fix issue where app crashes when toaster.promise is called
      without loading option. The loading option is now required. A warning will
      be logged if it is not provided
    • Combobox, Select, Listbox: Fix issue where rehydrating defaultValue or
      value after fetching items doesn't update the valueAsString
  • #​10119
    6cf8cc6
    Thanks @​isBatak! - - improve Drawer recipe to
    better support conditional variants.

    • add 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 and undefined for skipping breakpoints using array syntax

v3.21.0

Compare Source

Minor Changes
  • 3df43ba
    Thanks @​segunadebayo! - Add support new
    entrypoint for /theme which allows for incremental loading of component
    recipes to avoid bloating the theme with unused components.

    This is mostly for bundle size optimization.

    For example, if you want just the button recipe to be included in your
    bundle, you can cherry-pick the recipe you need like this:

    import { createSystem, defaultBaseConfig } from "@​chakra-ui/react"
    import { buttonRecipe } from "@​chakra-ui/react/theme"
    
    export const system = createSystem(defaultBaseConfig, {
      theme: {
        recipes: {
          button: buttonRecipe,
        },
      },
    })
Patch Changes
  • 010f256
    Thanks @​segunadebayo! - - File Upload:
    Prevented undefined in acceptedFiles when no files accepted
    • Select: Fixed issue where highlighted item could be cleared when
      navigating up/down the list with keyboard
    • Tabs: Fixed issue where tabs with links should not trigger tab change
      upon cmd/middle click
    • Menu: Fixed issue where Menu.ItemText could not be used with
      Menu.Item

v3.20.0

Compare Source

Minor Changes
  • 65020dd
    Thanks @​segunadebayo! - - System: Allow
    undefined for optional properties in CSS and recipe types
    • Color 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 a
      TypeScript error.

    • Field: Fixed issue where helper text and error text could not be
      detected in shadow DOM environments.

    • Slider

      • Fixed issue where minStepsBetweenThumbs isn't computed correctly when
        interacting with pointer or keyboard.
      • Fixed issue where Shift + ArrowRight set value to 0 instead of max
        when step is too large (e.g. 20).
      • Fixed issue where onValueChangeEnd doesn't return the latest value when
        dragging very fast.
      • Fixed issue where slider could throw a error when rendered in an popover
        or dialog.
    • File Upload: Added support for transforming uploaded files via
      transformFiles context property.

    • Combobox: Fixed issue where onInputValueChange doesn't get called when
      autoFocus is set to true

    • Pin Input: Fixed issue where input padding could cause clipping of the
      text when fontSize is increased.

Patch Changes

v3.19.2

Compare Source

Patch Changes
  • #​10059
    a289c3c
    Thanks @​isBatak! - - System: add explicit
    undefined to generated types to support TS exactOptionalPropertyTypes

  • #​10064
    10d0a8e
    Thanks @​mhsattarian! - - Drawer: Fix
    drawer close animation in RTL

    • Button
      • Fix layout issue when in loading state with icons by using
        display: contents and visibility: hidden
      • Add data-loading attribute when loading is true so allow styling
        loading state with _loading pseudo prop

v3.19.1

Compare Source

Patch Changes
  • aa9c2b0
    Thanks @​segunadebayo! - - System: Fix
    issue where some svg element props tend to be treated as style props
    • Checkbox: Use consistent cursor for checkbox and radio group

v3.19.0

Compare Source

Minor Changes
  • #​9464
    d860d48
    Thanks @​segunadebayo! - - [New]
    Combobox
    Add combobox component for autocomplete text entry.
    • Progress Circle: Make progress circle transition smoother.

v3.18.0

Compare Source

Minor Changes
  • e91ec7e
    Thanks @​segunadebayo! - - DownloadTrigger
    [New]
    Add DownloadTrigger component to help download file contents.
    • System

      • Fix issue where passing d prop to chakra.path adds it to styles not as
        a direct attribute.
      • Fix issue where responsive semantic tokens did not get applied.
    • Select: Fix issue where indicator group doesn't align correctly in RTL
      layouts.

v3.17.0

Compare Source

Minor Changes
  • #​9977
    ad8cc44
    Thanks @​seongminn! - - Breadcrumb: Prevent
    screen reader from reading the separator
    • Toast: Added toast queuing when the max limit is reached:

      • New toasts were queued instead of dropped
      • Queued toasts were shown when space became available
      • Queue cleared when all toasts were removed
    • SegmentGroup: Fix issue where disabled prop was not being applied to
      SegmentGroup.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
    • SegmentGroup: Fix issue where orientation prop to SegmentGroup.Root
      doesn't work as expected

v3.16.0

Compare Source

Minor Changes
  • 529244d
    Thanks @​segunadebayo! - - Global CSS:
    Improve text selection contrast
    • System

      • Fix issue where borderEnd shorthand was not working despite
        borderStart being present
      • Fix issue where system.cva return type was incorrect
      • Soften the focus ring for all color palettes
    • Dialog, Drawer: Fix issue where z-index was not being applied
      correctly

    • [Beta] createOverlay: Add createOverlay utility for programmatically
      controlling 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
    • Ensure types are consistent with React 19

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

      • Add support for origin: end to align the thumb to the end of the track.
      • Expose thumbSize as CSS variables in the root element. Can be useful for
        styling the slider.
    • Menu

      • Added onSelect event to the Menu.Item component.
      • Ensure menu items have unique IDs to improve accessibility and HTML
        validation.

v3.14.2

Compare Source

Patch Changes

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 to
    Interpolation<Theme> from @emotion/react.
    • General: Bump @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
  • #​9797
    eba44a3
    Thanks @​segunadebayo! - - ColorPicker
    • Add support for ColorPicker.ChannelText component

    • Add ColorPicker.EyeDropper component that wraps IconButton

    • Add ColorPicker.Slider and ColorPicker.Input shortcut components to
      reduce LOC.

    • InputGroup

      • Export directly from the @chakra-ui/react package
    • Pagination

      • Add Pagination.Items shortcut component to render the number of pages
        based on the count and pageSize props.
      • Add Pagination.PageText component to render the current page and total
        pages.

v3.12.0

Compare Source

Minor Changes
  • 7abe7e3
    Thanks @​segunadebayo! - - FileUpload:
    • Add FileUpload.FileText to render the list of uploaded file names.
    • Add FileUpload.Items shorcut component to render the list of uploaded
      files.
    • Add FileUpload.List shortcut component that combines FileUpload.Items
      and FileUpload.ItemGroup.

v3.11.0

Compare Source

Minor Changes
  • 8789401
    Thanks @​segunadebayo! - - Accordion
    • Fix issue where Accordion.ItemTrigger doesn't apply textAlign: start
    • SegmentGroup
      • Add new SegmentGroup.Items shortcut component to render multiple
        SegmentGroup.Item components based on the items prop

v3.10.0

Compare Source

Minor Changes
  • 11bdf77
    Thanks @​segunadebayo! - - Menu
    • Set the default children of Menu.Arrow to Menu.ArrowTip

    • HoverCard

      • Set the default children of HoverCard.Arrow to HoverCard.ArrowTip
    • Dialog, Drawer

      • Update recipe to include absolute positioning styles for close trigger,
        instead of relying on snippet styles.

v3.9.0

Compare Source

Minor Changes
  • 52a97d0
    Thanks @​segunadebayo! - - Skeleton
    Bring back SkeletonCircle and SkeletonText components.
    • Switch

      • Transition background color when checked
      • Set the default children for Switch.Control to Switch.Thumb to
        reduce LOC for common use cases.
    • Checkbox

      • Set the default children for Checkbox.Control to Checkbox.Indicator
        to reduce LOC for common use cases.
    • NumberInput

      • Set the default children for NumberInput.Control to
        NumberInput.IncrementTrigger and NumberInput.DecrementTrigger to
        reduce LOC for common use cases.
    • QrCode

      • Set the QrCode.Frame component to QrCode.Pattern to reduce LOC for
        common use cases.
    • RatingGroup

      • Set the default children for RatingGroup.Control to the array of
        RatingGroup.Item components to reduce LOC for common use cases.
    • Slider

      • Add Slider.Marks component to render marks on the slider track. This is
        a closed composition of Slider.MarkerGroup and Slider.Marker to reduce
        LOC for common use cases.
      • Add Slider.Thumbs component to render thumbs on the slider track. This
        is a closed composition of Slider.Thumb to reduce LOC for common use
        cases.
    • PinInput

      • Add support for attached variant prop to render a pin input with
        attached inputs. This removes the need for the Group component to wrap
        the inputs.

v3.8.2

Compare Source

Patch Changes

v3.8.1

Compare Source

Patch Changes
  • cdb9459
    Thanks @​segunadebayo! - - Fix performance
    regression from v3.5.x by reverting memoization logic
    • Add useMemo to provider components and styling hooks to avoid unnecessary
      recomputations

v3.8.0

Compare Source

Minor Changes
  • fa5e966
    Thanks @​segunadebayo! - - Add new hooks
    useElementRect, useForceUpdate, useLiveRef,usePrevious and
    useSafeLayoutEffect
    • Add new FocusTrap component for trapping focus within a container
Patch Changes
  • #​9616
    54a73a7
    Thanks @​mhsattarian! - - Breadcrumb: Fix
    issue where breadcrumb arrow don't flip in RTL
    • Snippets / Color Mode: Add LightMode and DarkMode components to
      force light and dark color mode in a subtree
    • Docs / Testing: Add testing guideline for Vitest
    • Group: Fix issue where Group component doesn't skip invalid children

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

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

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 becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates 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 renovate bot changed the title chore(deps): update chakra-ui monorepo to v3 (major) fix(deps): update chakra-ui monorepo to v3 (major) Dec 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants