-
-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
7d1d76f
commit 7d19bc3
Showing
11 changed files
with
142 additions
and
100 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
{ "CollapsibleRoot": {}, "CollapsibleTrigger": {}, "CollapsibleContent": {} } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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": {} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,104 @@ | ||
# @chakra-ui/react | ||
|
||
## 3.0.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]` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
# @chakra-ui/docs | ||
|
||
## 2.1.7 | ||
|
||
### 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 | ||
- @chakra-ui/cli@2.4.1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters