diff --git a/.changeset/pre.json b/.changeset/pre.json index 0eb7a729c8..65fe25b7bd 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -9,6 +9,7 @@ }, "changesets": [ "afraid-kids-do", + "angry-squids-complain", "beige-rice-shout", "big-dingos-compete", "big-penguins-compare", @@ -66,6 +67,7 @@ "proud-countries-breathe", "purple-shrimps-play", "quick-ravens-dance", + "real-bears-bathe", "real-vans-tie", "rich-starfishes-notice", "selfish-cheetahs-listen", @@ -78,20 +80,25 @@ "silent-mayflies-change", "silver-chefs-raise", "six-drinks-cheat", + "six-rabbits-change", "sixty-meals-drum", "small-suns-yawn", + "smart-bees-burn", "sour-pears-type", + "spicy-emus-destroy", "spicy-peas-poke", "spicy-spies-pull", "strong-ducks-complain", "stupid-meals-deliver", "stupid-penguins-taste", + "sweet-dolls-remember", "tame-trainers-chew", "tender-books-crash", "thick-dryers-deliver", "thick-zoos-clap", "thirty-birds-develop", "thirty-crews-cough", + "thirty-lies-doubt", "tidy-lobsters-deny", "tidy-planes-develop", "unlucky-poets-type", diff --git a/packages/bezier-figma-plugin/CHANGELOG.md b/packages/bezier-figma-plugin/CHANGELOG.md index 859e402d7b..42807fe9aa 100644 --- a/packages/bezier-figma-plugin/CHANGELOG.md +++ b/packages/bezier-figma-plugin/CHANGELOG.md @@ -1,5 +1,16 @@ # bezier-figma-plugin +## 0.2.0-next-v1.48 + +### Minor Changes + +- [#1328](https://github.com/channel-io/bezier-react/pull/1328) [`968ba8f7`](https://github.com/channel-io/bezier-react/commit/968ba8f70d7589d46a95e2e9a480c997135c6bc2) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Add feature to automatically add labels. + +### Patch Changes + +- Updated dependencies [[`b37f1971`](https://github.com/channel-io/bezier-react/commit/b37f1971fa3f8170ed85fc5daaabcebe4f8b7ecb), [`04e05209`](https://github.com/channel-io/bezier-react/commit/04e052097472743ff8d1f43a6192999c1770a559), [`b2629ece`](https://github.com/channel-io/bezier-react/commit/b2629ece4ffcee334fdb0554ed37ee29ed5fa9eb), [`620f864d`](https://github.com/channel-io/bezier-react/commit/620f864dce75ee176d9abc986f6549ede35a4a28), [`07dc6ed8`](https://github.com/channel-io/bezier-react/commit/07dc6ed8e4cc7c1b0cce12fbbc4edcc52c23328f), [`5b6c2d5c`](https://github.com/channel-io/bezier-react/commit/5b6c2d5c220279b5f5307bdb06f734c8fa16f0e1)]: + - @channel.io/bezier-react@1.0.0-next-v1.204 + ## 0.1.1-next-v1.47 ### Patch Changes diff --git a/packages/bezier-figma-plugin/package.json b/packages/bezier-figma-plugin/package.json index 11472f97b6..740692de7c 100644 --- a/packages/bezier-figma-plugin/package.json +++ b/packages/bezier-figma-plugin/package.json @@ -1,6 +1,6 @@ { "name": "bezier-figma-plugin", - "version": "0.1.1-next-v1.47", + "version": "0.2.0-next-v1.48", "private": true, "description": "Figma plugin that helps build Bezier Design System and increase productivity.", "scripts": { diff --git a/packages/bezier-react/CHANGELOG.md b/packages/bezier-react/CHANGELOG.md index a03f4d5bc1..a0332c8b82 100644 --- a/packages/bezier-react/CHANGELOG.md +++ b/packages/bezier-react/CHANGELOG.md @@ -1,5 +1,102 @@ # @channel.io/bezier-react +## 1.0.0-next-v1.204 + +### Minor Changes + +- [#1310](https://github.com/channel-io/bezier-react/pull/1310) [`b37f1971`](https://github.com/channel-io/bezier-react/commit/b37f1971fa3f8170ed85fc5daaabcebe4f8b7ecb) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Enhance the accessibility of icons. + +- [#1309](https://github.com/channel-io/bezier-react/pull/1309) [`04e05209`](https://github.com/channel-io/bezier-react/commit/04e052097472743ff8d1f43a6192999c1770a559) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Add a `FeatureProvider` to make non-required features optional. + + BRAKING CHANGES + + The smooth corners feature is turned off by default. To make it behave the same as before, wrap the root of app in a `FeatureProvider`, as shown below. + + ```tsx + import { + FeatureProvider, + SmoothCornersFeature, + BezierProvider, + } from "@channel.io/bezier-react"; + + root.render( + + + + + + ); + ``` + +- [#1317](https://github.com/channel-io/bezier-react/pull/1317) [`b2629ece`](https://github.com/channel-io/bezier-react/commit/b2629ece4ffcee334fdb0554ed37ee29ed5fa9eb) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Implement `AlphaSmoothCornersBox`. + + `AlphaSmoothCornersBox` is a simple `div` element with smooth corners. + It is available by enabling the `SmoothCornersFeature`. + + ```tsx + + + + ``` + + - Change to use `AlphaSmoothCornersBox` for `Avatar`'s internal implementation. `Avatar`'s border is now implemented as a box-shadow instead of a qseudo element. + - Change to use `AlphaSmoothCornersBox` for ellipsis icon of `AvatarGroup`'s internal implementation. + +- [#1326](https://github.com/channel-io/bezier-react/pull/1326) [`620f864d`](https://github.com/channel-io/bezier-react/commit/620f864dce75ee176d9abc986f6549ede35a4a28) Thanks [@Jamie-channel](https://github.com/Jamie-channel)! - Update icons + +- [#1272](https://github.com/channel-io/bezier-react/pull/1272) [`07dc6ed8`](https://github.com/channel-io/bezier-react/commit/07dc6ed8e4cc7c1b0cce12fbbc4edcc52c23328f) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Re-implement `SegmentedControl` component. Legacy components are exported to the `LegacySegmentedControl` namespace. + + `SegmentedControl` is component that looks like a combination of a radio and a button. They can be used in place of tabs and as input elements in modals. If you have more than five items, use a different element, such as a dropdown. + + `SegmentedControl` can be used as a radio group, tabs element depending on its `type`. + + ```tsx + // Anatomy of the SegmentedControl type="radiogroup" + + + + + // Anatomy of the SegmentedControl type="tabs" + + + + + + + + ``` + +- [#1320](https://github.com/channel-io/bezier-react/pull/1320) [`5b6c2d5c`](https://github.com/channel-io/bezier-react/commit/5b6c2d5c220279b5f5307bdb06f734c8fa16f0e1) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Re-implement `CheckableAvatar` component. + + - `CheckableAvatar` is a checkbox component that looks like `Avatar`. + - It now behaves as a checkbox. Keyboard control is available. + - Add `forwardRef`. + + ```tsx + const [checked, setChecked] = useState(false) + // Controlled + + // Uncontrolled + + ``` + + BREAKING CHANGES + + - Change name of `isChecked` property to `checked` property. + - Remove `isCheckable` property. + - Remove `checkedBackgroundColor` property. + - Remove `checkableWrapperClassName` property. + - Remove `checkableWrapperInterpolation` property. + ## 1.0.0-next-v1.203 ### Minor Changes diff --git a/packages/bezier-react/package.json b/packages/bezier-react/package.json index 05e14ef39c..33e967fdc8 100644 --- a/packages/bezier-react/package.json +++ b/packages/bezier-react/package.json @@ -1,6 +1,6 @@ { "name": "@channel.io/bezier-react", - "version": "1.0.0-next-v1.203", + "version": "1.0.0-next-v1.204", "description": "React components library that implements Bezier Design System.", "repository": { "type": "git",