Skip to content

Commit

Permalink
ci(changesets): version packages (alpha) (#1864)
Browse files Browse the repository at this point in the history
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 `Avatar` component**
([#1871](#1871)) by
@yangwooseong

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

- **Breaking Changes: Property updates in `SegmentedControl` component**
([#1866](#1866)) 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 `Tag` and `Badge` component**
([#1872](#1872)) by
@yangwooseong

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

- **Breaking Changes: `AlphaCenter` component is now `Center` component.
Property updates in `Center` component**
([#1854](#1854)) by
@sungik-choi

- No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.
    -   Now supports margin props, layout props and `display` prop.

- **Breaking Changes: Property updates in `Emoji` component**
([#1881](#1881)) by
@yangwooseong

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

- Add new margin properties to `Icon` component
([#1863](#1863)) by
@yangwooseong

    -   `margin`
    -   `marginHorizontal`
    -   `marginVertical`

- **Breaking Changes: Property updates in `Modal`-related components**
([#1903](#1903)) by
@sungik-choi

    -   No longer supports `as` and `interpolation` props.
- The type of `zIndex` property is changed to a z-index token. (e.g.
`"modal"`)

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

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

    **Other changes in `Banner` component**

    -   now supports HTML attributes.
    -   now supports style props.

- **Breaking Changes: Property updates in `Switch` component**
([#1885](#1885)) 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 `Slider` component**
([#1883](#1883)) by
@yangwooseong

- No longer support `as` and `interpolation` property. Replace any usage
of `interpolation` property with appropriate `style` or `className`
implementations.
- `dir` type is narrowed from `string | undefined` to `ltr | rtl |
undefined`

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

- No longer support `interpolation` property. Replace any usage of
`interpolation` property with appropriate `style` or `className`
implementations.
- `ButtonSize` and `ButtonColorVariant` enums have been updated to use
kebab case.

- **Breaking Change: No longer supports `smoothCorners` mixin. Use
`AlphaSmoothCornersBox` components instead.**
([#1892](#1892)) by
@sungik-choi

    ```tsx
    // Before
    const Box = styled.div`
      ${smoothCorners({
        borderRadius: 10,
        shadow: '0 5px 15px 0 var(--shdw-large)',
        shadowBlur: 15,
        backgroundColor: 'var(--bgtxt-absolute-white-dark)',
        hasBackgroundImage: true,
      })}
    `

    <Box>...</Box>

    // After
    <AlphaSmoothCornersBox
      borderRadius={10}
      shadow={{
        offsetX: 0,
        offsetY: 5,
        blurRadius: 15,
        spreadRadius: 0,
        color: 'shdw-large',
      }}
      backgroundColor="bgtxt-absolute-white-dark"
      backgroundImage="..."
    >...</AlphaSmoothCornersBox>
    ```

- **Breaking Change: Removal of `ListMenuTitle` Component**
([#1900](#1900)) by
@yangwooseong

    -   It was no longer being managed or utilized by our designers.
- If you are currently using `ListMenuTitle` in your application, please
replace it with the `SectionLabel` component for similar functionality.

### Minor Changes

- `ButtonGroup` now supports HTML attributes
([#1890](#1890)) by
@sungik-choi

## @channel.io/[email protected]

### Minor Changes

- Changes in `v2-remove-alpha-from-alpha-stack` transform
([#1894](#1894)) by
@yangwooseong

    -   It is renamed as `v2-remove-alpha-from-alpha-components`.
    -   It covers `AlphaCenter` as well.

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
  • Loading branch information
github-actions[bot] and github-actions[bot] authored Jan 12, 2024
1 parent 99ea328 commit ea0a709
Show file tree
Hide file tree
Showing 5 changed files with 126 additions and 3 deletions.
17 changes: 16 additions & 1 deletion .changeset/pre.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,16 @@
"@channel.io/bezier-tokens": "0.0.0"
},
"changesets": [
"afraid-kings-push",
"calm-wasps-tease",
"chilled-dots-divide",
"cuddly-chairs-warn",
"cyan-pumpkins-run",
"early-tables-taste",
"famous-melons-juggle",
"fluffy-dolphins-relax",
"hip-students-care",
"hot-bobcats-develop",
"hot-parrots-shop",
"large-pants-brush",
"little-bikes-obey",
Expand All @@ -26,22 +32,31 @@
"neat-badgers-arrive",
"old-rules-breathe",
"perfect-ears-yawn",
"poor-windows-join",
"purple-dodos-move",
"quick-peaches-fail",
"rare-coats-sing",
"sharp-hounds-lick",
"short-rice-press",
"silent-falcons-behave",
"silver-pets-hammer",
"slimy-lobsters-sparkle",
"soft-months-film",
"stale-nails-study",
"strange-toes-tap",
"sweet-suits-smoke",
"tall-maps-lick",
"ten-plants-remain",
"tender-years-camp",
"thirty-dodos-push",
"three-mirrors-hunt",
"tough-lions-change",
"tough-rats-drive",
"tricky-geese-lick",
"twenty-onions-rule",
"two-adults-pay",
"wicked-months-sparkle",
"witty-pans-clean"
"witty-pans-clean",
"yellow-eagles-matter"
]
}
9 changes: 9 additions & 0 deletions packages/bezier-codemod/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,14 @@
# @channel.io/bezier-codemod

## 0.5.0-alpha.3

### Minor Changes

- Changes in `v2-remove-alpha-from-alpha-stack` transform ([#1894](https://github.com/channel-io/bezier-react/pull/1894)) by @yangwooseong

- It is renamed as `v2-remove-alpha-from-alpha-components`.
- It covers `AlphaCenter` as well.

## 0.5.0-alpha.2

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/bezier-codemod/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@channel.io/bezier-codemod",
"version": "0.5.0-alpha.2",
"version": "0.5.0-alpha.3",
"description": "Codemod transformations to help upgrade app using Bezier design system.",
"repository": {
"type": "git",
Expand Down
99 changes: 99 additions & 0 deletions packages/bezier-react/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,104 @@
# @channel.io/bezier-react

## 2.0.0-alpha.5

### Major Changes

- **Breaking Changes: Property updates in `Avatar` component** ([#1871](https://github.com/channel-io/bezier-react/pull/1871)) by @yangwooseong

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

- **Breaking Changes: Property updates in `SegmentedControl` component** ([#1866](https://github.com/channel-io/bezier-react/pull/1866)) 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 `Tag` and `Badge` component** ([#1872](https://github.com/channel-io/bezier-react/pull/1872)) by @yangwooseong

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

- **Breaking Changes: `AlphaCenter` component is now `Center` component. Property updates in `Center` component** ([#1854](https://github.com/channel-io/bezier-react/pull/1854)) by @sungik-choi

- No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
- Now supports margin props, layout props and `display` prop.

- **Breaking Changes: Property updates in `Emoji` component** ([#1881](https://github.com/channel-io/bezier-react/pull/1881)) by @yangwooseong

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

- Add new margin properties to `Icon` component ([#1863](https://github.com/channel-io/bezier-react/pull/1863)) by @yangwooseong

- `margin`
- `marginHorizontal`
- `marginVertical`

- **Breaking Changes: Property updates in `Modal`-related components** ([#1903](https://github.com/channel-io/bezier-react/pull/1903)) by @sungik-choi

- No longer supports `as` and `interpolation` props.
- The type of `zIndex` property is changed to a z-index token. (e.g. `"modal"`)

- **Breaking Changes: Property updates in `Banner` component** ([#1891](https://github.com/channel-io/bezier-react/pull/1891)) by @sungik-choi

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

**Other changes in `Banner` component**

- now supports HTML attributes.
- now supports style props.

- **Breaking Changes: Property updates in `Switch` component** ([#1885](https://github.com/channel-io/bezier-react/pull/1885)) 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 `Slider` component** ([#1883](https://github.com/channel-io/bezier-react/pull/1883)) by @yangwooseong

- No longer support `as` and `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
- `dir` type is narrowed from `string | undefined` to `ltr | rtl | undefined`

- **Breaking Changes: Property updates in `Button` component** ([#1882](https://github.com/channel-io/bezier-react/pull/1882)) by @sungik-choi

- No longer support `interpolation` property. Replace any usage of `interpolation` property with appropriate `style` or `className` implementations.
- `ButtonSize` and `ButtonColorVariant` enums have been updated to use kebab case.

- **Breaking Change: No longer supports `smoothCorners` mixin. Use `AlphaSmoothCornersBox` components instead.** ([#1892](https://github.com/channel-io/bezier-react/pull/1892)) by @sungik-choi

```tsx
// Before
const Box = styled.div`
${smoothCorners({
borderRadius: 10,
shadow: '0 5px 15px 0 var(--shdw-large)',
shadowBlur: 15,
backgroundColor: 'var(--bgtxt-absolute-white-dark)',
hasBackgroundImage: true,
})}
`

<Box>...</Box>

// After
<AlphaSmoothCornersBox
borderRadius={10}
shadow={{
offsetX: 0,
offsetY: 5,
blurRadius: 15,
spreadRadius: 0,
color: 'shdw-large',
}}
backgroundColor="bgtxt-absolute-white-dark"
backgroundImage="..."
>...</AlphaSmoothCornersBox>
```

- **Breaking Change: Removal of `ListMenuTitle` Component** ([#1900](https://github.com/channel-io/bezier-react/pull/1900)) by @yangwooseong

- It was no longer being managed or utilized by our designers.
- If you are currently using `ListMenuTitle` in your application, please replace it with the `SectionLabel` component for similar functionality.

### Minor Changes

- `ButtonGroup` now supports HTML attributes ([#1890](https://github.com/channel-io/bezier-react/pull/1890)) by @sungik-choi

## 2.0.0-alpha.4

### Major Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/bezier-react/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@channel.io/bezier-react",
"version": "2.0.0-alpha.4",
"version": "2.0.0-alpha.5",
"description": "React components library that implements Bezier design system.",
"repository": {
"type": "git",
Expand Down

0 comments on commit ea0a709

Please sign in to comment.