ci(changesets): version packages (alpha) (#1916)

This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to alpha, this PR
will be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`alpha` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `alpha`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @channel.io/[email protected]

### Major Changes

- **Breaking Changes: Property updates in `CheckableAvatar` component**
([#1921](#1921)) by
@sungik-choi

No longer support `interpolation` property. Replace any usage of
`interpolation` property with appropriate `style` or `className`
implementations.

- **Breaking Changes: Property updates in `FormLabel`, `FormHelperText`,
and `FormErrorMessage` component**
([#1893](#1893)) by
@yangwooseong

No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.

- **Breaking Changes: Property updates in `Select` component**
([#1913](#1913)) by
@sungik-choi

- No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.
- No longer support `dropdownInterpolation` property. Replace any usage
of `dropdownInterpolation` property with appropriate `dropdownStyle` or
`dropdownClassName` implementations.
- The type of `zIndex` property is changed to a z-index token. (e.g.
`"modal"`)

- **Breaking Changes: Property updates in `Radio` component**
([#1923](#1923)) by
@sungik-choi

No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.

- **Breaking Changes: Property updates in `NavItem` and `NavGroup`
component**
([#1905](#1905)) by
@yangwooseong

No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.

- **Breaking Changes: Property updates in `TextField` component**
([#1904](#1904)) by
@sungik-choi

- No longer support `interpolation`-related properties. Replace any
usage of `interpolation` -related properties with appropriate `***style`
or `***className` implementations.
- No longer support `inputStyle` and `inputClassName` properties.
Replace any usage of `inputStyle` and `inputClassName` with appropriate
`style` or `className` implementations.
    -   Change the value of `TextFieldVariant` enum value to string.

- **Breaking Changes: Property updates in `Checkbox` component**
([#1918](#1918)) by
@sungik-choi

No longer support `interpolation` property. Replace any usage of
`interpolation` property with appropriate `style` or `className`
implementations.

- **Breaking Changes: Property updates in `TextArea` component**
([#1914](#1914)) by
@sungik-choi

- No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.
- No longer support `wrapperStyle`, `wrapperClassName` and
`wrapperInterpolation` property. It was never properly implemented
before, and the Wrapper element inside was also removed.

## @channel.io/[email protected]

### Minor Changes

- Fix typo in `v2-z-index-interpolation-to-css-variable` codemod. It now
transforms `${ZIndex.Float}` enum to `var(--z-index-floating)`, not
`var(--z-index-float)`.
([#1924](#1924)) by
@yangwooseong

- Enhancement in `v2-foundation-to-css-variable-transition` codemod
([#1917](#1917)) by
@yangwooseong

- It will properly remove import statement if it converts code where
`TransitionDuration` is used.

- Add `v2-foundation-to-css-variable-spacing` codemod to convert the
foundation's spacing variable to pixels
([#1907](#1907)) by
@yangwooseong

    This transforms

    ```tsx
    import { styled } from "@channel.io/bezier-react";

    export const Wrapper = styled.div`
      padding: ${({ foundation }) => foundation?.spacing.s5};
    `;
    ```

    into

    ```tsx
    import { styled } from "@channel.io/bezier-react";

    export const Wrapper = styled.div`
      padding: 12px;
    `;
    ```

- Add `inputPlaceholderStyle` migration logic to
`v2-input-interpolation-to-css-variable` codemod
([#1926](#1926)) by
@yangwooseong

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/pre.json

@@ -16,13 +16,20 @@
     "chilled-dots-divide",
     "cuddly-chairs-warn",
     "cyan-pumpkins-run",
+    "dry-schools-draw",
+    "early-garlics-smoke",
     "early-tables-taste",
     "famous-melons-juggle",
+    "famous-trees-wash",
     "fluffy-dolphins-relax",
+    "funny-peaches-report",
+    "healthy-waves-promise",
     "hip-students-care",
     "hot-bobcats-develop",
     "hot-parrots-shop",
+    "hungry-coats-punch",
     "large-pants-brush",
+    "large-wasps-compete",
     "little-bikes-obey",
     "metal-planets-peel",
     "mighty-hornets-promise",
@@ -33,6 +40,7 @@
     "old-rules-breathe",
     "perfect-ears-yawn",
     "poor-windows-join",
+    "proud-feet-drum",
     "purple-dodos-move",
     "quick-peaches-fail",
     "rare-coats-sing",
@@ -41,9 +49,12 @@
     "silent-falcons-behave",
     "silver-pets-hammer",
     "slimy-lobsters-sparkle",
+    "small-readers-compare",
     "soft-months-film",
+    "sour-dogs-sin",
     "stale-nails-study",
     "strange-toes-tap",
+    "sweet-kangaroos-rush",
     "sweet-suits-smoke",
     "tall-maps-lick",
     "ten-plants-remain",
@@ -56,6 +67,7 @@
     "twenty-onions-rule",
     "two-adults-pay",
     "wicked-months-sparkle",
+    "wild-cows-rescue",
     "witty-pans-clean",
     "yellow-eagles-matter"
   ]

packages/bezier-codemod/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @channel.io/bezier-codemod
 
+## 0.5.0-alpha.4
+
+### Minor Changes
+
+- Fix typo in `v2-z-index-interpolation-to-css-variable` codemod. It now transforms `${ZIndex.Float}` enum to `var(--z-index-floating)`, not `var(--z-index-float)`. ([#1924](https://github.com/channel-io/bezier-react/pull/1924)) by @yangwooseong
+
+- Enhancement in `v2-foundation-to-css-variable-transition` codemod ([#1917](https://github.com/channel-io/bezier-react/pull/1917)) by @yangwooseong
+
+  - It will properly remove import statement if it converts code where `TransitionDuration` is used.
+
+- Add `v2-foundation-to-css-variable-spacing` codemod to convert the foundation's spacing variable to pixels ([#1907](https://github.com/channel-io/bezier-react/pull/1907)) by @yangwooseong
+
+  This transforms
+
+  ```tsx
+  import { styled } from "@channel.io/bezier-react";
+
+  export const Wrapper = styled.div`
+    padding: ${({ foundation }) => foundation?.spacing.s5};
+  `;
+  ```
+
+  into
+
+  ```tsx
+  import { styled } from "@channel.io/bezier-react";
+
+  export const Wrapper = styled.div`
+    padding: 12px;
+  `;
+  ```
+
+- Add `inputPlaceholderStyle` migration logic to `v2-input-interpolation-to-css-variable` codemod ([#1926](https://github.com/channel-io/bezier-react/pull/1926)) by @yangwooseong
+
 ## 0.5.0-alpha.3
 
 ### Minor Changes

packages/bezier-codemod/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@channel.io/bezier-codemod",
-	"version": "0.5.0-alpha.3",
+	"version": "0.5.0-alpha.4",
 	"description": "Codemod transformations to help upgrade app using Bezier design system.",
 	"repository": {
 		"type": "git",

packages/bezier-react/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @channel.io/bezier-react
 
+## 2.0.0-alpha.6
+
+### Major Changes
+
+- **Breaking Changes: Property updates in `CheckableAvatar` component** ([#1921](https://github.com/channel-io/bezier-react/pull/1921)) by @sungik-choi
+
+  No longer support `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+
+- **Breaking Changes: Property updates in `FormLabel`, `FormHelperText`, and `FormErrorMessage` component** ([#1893](https://github.com/channel-io/bezier-react/pull/1893)) by @yangwooseong
+
+  No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+
+- **Breaking Changes: Property updates in `Select` component** ([#1913](https://github.com/channel-io/bezier-react/pull/1913)) by @sungik-choi
+
+  - No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+  - No longer support `dropdownInterpolation` property. Replace any usage of `dropdownInterpolation` property with appropriate `dropdownStyle` or `dropdownClassName` implementations.
+  - The type of `zIndex` property is changed to a z-index token. (e.g. `"modal"`)
+
+- **Breaking Changes: Property updates in `Radio` component** ([#1923](https://github.com/channel-io/bezier-react/pull/1923)) by @sungik-choi
+
+  No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+
+- **Breaking Changes: Property updates in `NavItem` and `NavGroup` component** ([#1905](https://github.com/channel-io/bezier-react/pull/1905)) by @yangwooseong
+
+  No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+
+- **Breaking Changes: Property updates in `TextField` component** ([#1904](https://github.com/channel-io/bezier-react/pull/1904)) by @sungik-choi
+
+  - No longer support `interpolation`-related properties. Replace any usage of `interpolation` -related properties with appropriate `***style` or `***className` implementations.
+  - No longer support `inputStyle` and `inputClassName` properties. Replace any usage of `inputStyle` and `inputClassName` with appropriate `style` or `className` implementations.
+  - Change the value of `TextFieldVariant` enum value to string.
+
+- **Breaking Changes: Property updates in `Checkbox` component** ([#1918](https://github.com/channel-io/bezier-react/pull/1918)) by @sungik-choi
+
+  No longer support `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+
+- **Breaking Changes: Property updates in `TextArea` component** ([#1914](https://github.com/channel-io/bezier-react/pull/1914)) by @sungik-choi
+
+  - No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
+  - No longer support `wrapperStyle`, `wrapperClassName` and `wrapperInterpolation` property. It was never properly implemented before, and the Wrapper element inside was also removed.
+
 ## 2.0.0-alpha.5
 
 ### Major Changes
@@ -1505,6 +1546,7 @@
 ### Patch Changes
 
 - [#1077](https://github.com/channel-io/bezier-react/pull/1077) [`84e9eef7`](https://github.com/channel-io/bezier-react/commit/84e9eef79d8424fb3696bf1c5d419fed43bc500b) Thanks [@sungik-choi](https://github.com/sungik-choi)! - - Make the `Modal` overlay scrollable and enhance styling to work well when the `ModalBody` is used stand-alone.
+
   - Delete hide animation of the `Modal`.
 
 - [#1068](https://github.com/channel-io/bezier-react/pull/1068) [`65cdafa7`](https://github.com/channel-io/bezier-react/commit/65cdafa78b5551e39f657440ac54cc833c678163) Thanks [@sungik-choi](https://github.com/sungik-choi)! - Change the `Text` component to use CSS Variable internally

packages/bezier-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.6",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",