chakra-ui · segunadebayo · May 24, 2024 · May 24, 2024
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -10,7 +10,15 @@
     "@chakra-ui/props-docs": "2.2.1",
     "@chakra-ui/react": "2.8.2",
     "@chakra-ui/utils": "2.0.15",
-    "@chakra-ui/docs": "2.1.6"
+    "@chakra-ui/docs": "2.1.6",
+    "next-app": "2.0.14",
+    "next-pages": "2.0.14"
   },
-  "changesets": []
+  "changesets": [
+    "blue-masks-tell",
+    "curvy-zebras-fold",
+    "many-lamps-provide",
+    "pretty-cougars-cough",
+    "tasty-scissors-watch"
+  ]
 }
diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @chakra-ui/cli
 
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  [[`170198f`](https://github.com/chakra-ui/chakra-ui/commit/170198fc3936ad34f8136a2da173c12d9dc3dc36),
+  [`7b6e66a`](https://github.com/chakra-ui/chakra-ui/commit/7b6e66a15b08ad27e8458a009c3fb15ee738ca37),
+  [`623e558`](https://github.com/chakra-ui/chakra-ui/commit/623e558ac22f84e6250387d0971aafe9713667a6),
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0),
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0)]:
+  - @chakra-ui/react@3.0.0-next.0
+
 ## 2.4.1
 
 ### Patch Changes

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/cli",
-  "version": "2.4.1",
+  "version": "3.0.0-next.0",
   "description": "Generate theme typings for autocomplete",
   "keywords": [
     "theme",
@@ -52,7 +52,7 @@
     "prettier": "3.2.5"
   },
   "peerDependencies": {
-    "@chakra-ui/react": ">=2.8.0"
+    "@chakra-ui/react": ">=3.0.0-next.0"
   },
   "devDependencies": {
     "@chakra-ui/react": "workspace:*"

diff --git a/packages/hooks/CHANGELOG.md b/packages/hooks/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Change Log
 
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @chakra-ui/utils@3.0.0-next.0
+
 ## 2.2.1
 
 ### Patch Changes

diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/hooks",
-  "version": "2.2.1",
+  "version": "3.0.0-next.0",
   "description": "React hooks for Chakra components",
   "keywords": [
     "hooks",

diff --git a/packages/props-docs/CHANGELOG.md b/packages/props-docs/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 3.0.0-next.0
+
 ## 2.2.1
 
 ### Patch Changes

diff --git a/packages/props-docs/generated/collapsible.json b/packages/props-docs/generated/collapsible.json
@@ -0,0 +1 @@
+{ "CollapsibleRoot": {}, "CollapsibleTrigger": {}, "CollapsibleContent": {} }
diff --git a/packages/props-docs/generated/hover-card.json b/packages/props-docs/generated/hover-card.json
@@ -0,0 +1,21 @@
+{
+  "HoverCardArrow": {},
+  "HoverCardArrowTip": {},
+  "HoverCardContent": {},
+  "HoverCardPositioner": {},
+  "HoverCardRoot": {
+    "colorPalette": {
+      "defaultValue": "gray",
+      "type": "\"black\" | \"white\" | \"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
+      "required": false,
+      "description": "The color palette of the component"
+    },
+    "size": {
+      "type": "\"xs\" | \"sm\" | \"md\" | \"lg\"",
+      "defaultValue": "md",
+      "required": false,
+      "description": "The size of the component"
+    }
+  },
+  "HoverCardTrigger": {}
+}
diff --git a/packages/props-docs/package.json b/packages/props-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/props-docs",
-  "version": "2.2.1",
+  "version": "3.0.0-next.0",
   "description": "Extracts prop types for documentation purposes",
   "keywords": [
     "docs",

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -0,0 +1,110 @@
+# @chakra-ui/react
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- [#8153](https://github.com/chakra-ui/chakra-ui/pull/8153)
+  [`7b6e66a`](https://github.com/chakra-ui/chakra-ui/commit/7b6e66a15b08ad27e8458a009c3fb15ee738ca37)
+  Thanks [@segunadebayo](https://github.com/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
+
+### Minor Changes
+
+- [#8121](https://github.com/chakra-ui/chakra-ui/pull/8121)
+  [`170198f`](https://github.com/chakra-ui/chakra-ui/commit/170198fc3936ad34f8136a2da173c12d9dc3dc36)
+  Thanks [@kkieninger](https://github.com/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
+
+- [#8393](https://github.com/chakra-ui/chakra-ui/pull/8393)
+  [`623e558`](https://github.com/chakra-ui/chakra-ui/commit/623e558ac22f84e6250387d0971aafe9713667a6)
+  Thanks [@segunadebayo](https://github.com/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
+
+- [#8218](https://github.com/chakra-ui/chakra-ui/pull/8218)
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0)
+  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Add support for
+  custom theme conditions or pseudo props via `theme.conditions`
+
+  ```ts
+  // theme.ts
+
+  const theme = extendTheme({
+    conditions: {
+      _closed: "[data-state='closed']", // pseudo prop
+    },
+  })
+  ```
+
+  This allows you to use the pseudo prop in your components
+
+  ```jsx
+  <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.
+
+  ```sh
+  pnpm chakra-cli tokens src/theme/index.ts
+  ```
+
+- [#8218](https://github.com/chakra-ui/chakra-ui/pull/8218)
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0)
+  Thanks [@segunadebayo](https://github.com/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]`
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @chakra-ui/hooks@3.0.0-next.0
+  - @chakra-ui/utils@3.0.0-next.0
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/react",
-  "version": "2.8.2",
+  "version": "3.0.0-next.0",
   "description": "Responsive and accessible React UI components built with React and Emotion",
   "type": "module",
   "main": "dist/cjs/index.cjs",

diff --git a/packages/utils/CHANGELOG.md b/packages/utils/CHANGELOG.md
@@ -0,0 +1,3 @@
+# @chakra-ui/utils
+
+## 3.0.0-next.0
diff --git a/packages/utils/package.json b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/utils",
-  "version": "2.0.15",
+  "version": "3.0.0-next.0",
   "description": "Common utilities and types for Chakra UI",
   "author": "Segun Adebayo <sage@adebayosegun.com>",
   "homepage": "https://github.com/chakra-ui/chakra-ui#readme",

diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md
@@ -0,0 +1,17 @@
+# @chakra-ui/docs
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  [[`170198f`](https://github.com/chakra-ui/chakra-ui/commit/170198fc3936ad34f8136a2da173c12d9dc3dc36),
+  [`7b6e66a`](https://github.com/chakra-ui/chakra-ui/commit/7b6e66a15b08ad27e8458a009c3fb15ee738ca37),
+  [`623e558`](https://github.com/chakra-ui/chakra-ui/commit/623e558ac22f84e6250387d0971aafe9713667a6),
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0),
+  [`a89c598`](https://github.com/chakra-ui/chakra-ui/commit/a89c598ed822bf11efc519f8789fa7c145e3bba0)]:
+  - @chakra-ui/react@3.0.0-next.0
+  - @chakra-ui/cli@3.0.0-next.0
+  - @chakra-ui/hooks@3.0.0-next.0
+  - @chakra-ui/props-docs@3.0.0-next.0
+  - @chakra-ui/utils@3.0.0-next.0
diff --git a/website/package.json b/website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chakra-ui/docs",
-  "version": "2.1.6",
+  "version": "3.0.0-next.0",
   "scripts": {
     "dev": "next",
     "prebuild": "pnpm build:search-meta && pnpm build:packages && pnpm build:props-docs",