ci(changesets): version packages (next-v1)

[github-actions]

This PR was opened by the Changesets release 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 next-v1, this PR will be updated.

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

next-v1 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 next-v1.

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

Releases

@channel.io/[email protected]

Minor Changes

• #1310 b37f1971 Thanks @sungik-choi! - Enhance the accessibility of icons.

• #1309 04e05209 Thanks @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.

  import {
    FeatureProvider,
    SmoothCornersFeature,
    BezierProvider,
  } from "@channel.io/bezier-react";
  
  root.render(
    <FeatureProvider features={[SmoothCornersFeature]}>
      <BezierProvider>
        <App />
      </BezierProvider>
    </FeatureProvider>
  );

• #1317 b2629ece Thanks @sungik-choi! - Implement AlphaSmoothCornersBox.

  AlphaSmoothCornersBox is a simple div element with smooth corners.
  It is available by enabling the SmoothCornersFeature.

  <FeatureProvider features={[SmoothCornersFeature]}>
    <AlphaSmoothCornersBox />
  </FeatureProvider>

  • 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 620f864d Thanks @Jamie-channel! - Update icons

• #1272 07dc6ed8 Thanks @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.

  // Anatomy of the SegmentedControl type="radiogroup"
  <SegmentedControl type="radiogroup">
    <SegmentedControlItem />
  </SegmentedControl>
  
  // Anatomy of the SegmentedControl type="tabs"
  <SegmentedControl type="tabs">
    <SegmentedControlTabList>
      <SegmentedControlItem />
    </SegmentedControlTabList>
  
    <SegmentedControlTabContent />
  </SegmentedControl>

• #1320 5b6c2d5c Thanks @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.

  const [checked, setChecked] = useState(false)
  // Controlled
  <CheckableAvatar
    name="John Doe"
    avatarUrl="..."
    checked={checked}
    onCheckedChange={setChecked}
  />
  // Uncontrolled
  <CheckableAvatar
    name="John Doe"
    avatarUrl="..."
    defaultChecked
  />

  BREAKING CHANGES

  • Change name of isChecked property to checked property.
  • Remove isCheckable property.
  • Remove checkedBackgroundColor property.
  • Remove checkableWrapperClassName property.
  • Remove checkableWrapperInterpolation property.

[email protected]

Minor Changes

• #1328 968ba8f7 Thanks @sungik-choi! - Add feature to automatically add labels.

Patch Changes

• Updated dependencies [b37f1971, 04e05209, b2629ece, 620f864d, 07dc6ed8, 5b6c2d5c]:
  • @channel.io/[email protected]

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (2c2e973) 84.29% compared to head (8d060b7) 84.29%.

Additional details and impacted files

@@           Coverage Diff            @@
##           next-v1    #1311   +/-   ##
========================================
  Coverage    84.29%   84.29%           
========================================
  Files          309      309           
  Lines         3916     3916           
  Branches       802      802           
========================================
  Hits          3301     3301           
  Misses         545      545           
  Partials        70       70           

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.