Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ci(changesets): version packages #1369

Merged
merged 1 commit into from
May 30, 2023
Merged

ci(changesets): version packages #1369

merged 1 commit into from
May 30, 2023

Conversation

github-actions[bot]
Copy link
Contributor

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 main, this PR will be updated.

Releases

@channel.io/[email protected]

Minor Changes

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

  • #913 38aec7d6 Thanks @yangwooseong! - Add size17 option to Typography

  • #1284 4dcf60d7 Thanks @Jamie-channel! - Update icons

  • #878 fa1e0d76 Thanks @sungik-choi! - Add ButtonGroup component

  • #1347 91d69e9b Thanks @sungik-choi! - Change SegmentedControlItem button element type from 'submit' to 'button'.

  • #1361 dbca37c3 Thanks @sungik-choi! - Revert Icon a11y enhancements.

  • #866 eceaa9e7 Thanks @sungik-choi! - Change FormGroup implementation to use Stack internally

    BREAKING CHANGE

    • Change 'gap' prop to 'spacing' prop
    • Change the allowable value of 'direction' prop to be the same as Stack

  • #1071 8df05c64 Thanks @sungik-choi! - Re-implement Radio component.

    BREAKING CHANGES

    • Legacy Radio component is now exported with namespace LEGACY__Radio. It will be deprecated.
    • New Radio component must be used with the new RadioGroup component. See below.
    // AS-IS
<Radio
  value={value}
  watchingValue={watchingValue}
  onClick={() => setWatchingValue(value)}
/>

// TO-BE
<RadioGroup
  value={watchingValue}
  onChangeValue={setWatchingValue}
>
  <Radio value={value} />
</RadioGroup>

  • #1128 e8593727 Thanks @sungik-choi! - Breaking changes

    No longer provide layout-related modules (e.g. LayoutProvider, GNB...)

  • #1302 0d7b8a63 Thanks @Jamie-channel! - Reverts DragableIcon.

  • #1036 e23c54a8 Thanks @sungik-choi! - Re-implement Modal component

    BREAKING_CHANGES

    • No longer use BaseModal for internal implementations of Modal.
    • The existing Modal is renamed LegacyModal and will be removed from subsequent PR.
    • The ModalAction component is renamed ModalFooter.
    • The targetElement property in ModalProps is renamed container.
    • The showCloseIcon property is moved from ModalProps to ModalContentProps.
    • The title, subTitle, description, and titleSize properties are moved from ModalContentProps to the new ModalHeaderProps.

  • #1298 284d3d8b Thanks @sungik-choi! - BREAKING CHANGE

    Change LegacyRadio component to export individually named instead of the LegacyRadio namespace.

    - import { LegacyRadio } from '@channel.io/bezier-react'
- type RadioProps = LegacyRadio.RadioProps
- const RadioComponent = LegacyRadio.Radio
+ import { LegacyRadio, type LegacyRadioProps } from '@channel.io/bezier-react'
+ type RadioProps = LegacyRadioProps
+ const RadioComponent = LegacyRadio

  • #1281 123f4cdd Thanks @sungik-choi! - Fix no spacing between form fields and FormLabel and FormHelperText when labelPosition="left".

  • #1048 fe9640b0 Thanks @sungik-choi! - Change return value of getRootElement() from element with specific id to document.body element

  • #1002 cb677dde Thanks @Dogdriip! - Apply @radix-ui/react-switch primitives to Switch component

    BREAKING CHANGE:

    • onClick handler is now React.MouseEventHandler<HTMLButtonElement>.
    • Switch component is now HTMLButtonElement.

  • #1082 89f18836 Thanks @Tanney-102! - - keyboard event locker added.

    • TextField and TextArea use keyboard event locker, so that they can block keyboard event handling for IME control keys while composing.

  • #1061 d4e04675 Thanks @yangwooseong! - Re-implement Tabs component

    BREAKING_CHANGES

    • The existing Tabs is renamed LegacyTabs and will be removed from following PR.
    • No longer use selectedOptionIndex in Tabs
    • Some props such as withIndicator, optionKey are removed from TabItem
    • Wrap with TabContent component for tab panel

  • #1191 0a53d6aa Thanks @sungik-choi! - Checkbox re-implementation and design updates:

    Checkbox is a control that allows the user to toggle between checked and not checked.
    It can be used with labels or standalone.

    const [checked, setChecked] = useState(false)
// Controlled / With label
<Checkbox
  checked={checked}
  onCheckedChange={setChecked}
>
  Label
</Checkbox>
// Controlled / Standalone
<Checkbox
  checked={checked}
  onCheckedChange={setChecked}
/>
// Uncontrolled
<Checkbox
  defaultChecked={true}
>
  Label
</Checkbox>

    Breaking Changes:

    • Delete CheckType enum
    • Change the allowable value of the checked property:
      • AS-IS: boolean | CheckType
      • TO-BE: boolean | 'indeterminate'

  • #871 29c4a62b Thanks @Dogdriip! - Add Slider component

  • #1254 e4a0d68c Thanks @sungik-choi! - Add container property to Tooltip component.

    const [container, setContainer] = useState<HTMLDivElement | null>(null);

return (
  <div ref={setContainer}>
    <Tooltip content="Lorem ipsum" container={container}>
      <div />
    </Tooltip>
  </div>
);

  • #1359 d52a2710 Thanks @sungik-choi! - Fix Avatar not resizing under flex layout.

  • #1356 7b93217f Thanks @Jamie-channel! - Update icons

  • #930 ee01d66d Thanks @dinohan! - Add new semantic color 'bg-lounge'

  • #945 51e45692 Thanks @dinohan! - change the font-weight of bold text from 600 to 'bold'

  • #1292 3b6d7feb Thanks @rktguswjd! - Remove container property from Tooltip component and add contentWrapperStyle property.

  • #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>
);

  • #1279 dc2e30cd Thanks @sungik-choi! - Fixes an issue that causes the focus to move whenever the state changes when using AutoFocus component.

  • #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

  • #1006 d90c27a1 Thanks @Dogdriip! - Add bg-black-darker semantic color, update bg-black-darkest palette

    BREAKING_CHANGE: bg-black-darkest is now Palette.black_60 on LightTheme, Palette.white_60 on DarkTheme.

  • #1258 eab709b1 Thanks @sungik-choi! - Add when prop to the Autofocus component.

  • #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.

  • #932 c84d1dad Thanks @dinohan! - feat(form-label): make prop help can recieve Help component
    feat(help): implements Help component

  • #1136 bf96d2db Thanks @sungik-choi! - Organize z-index values and provide the ZIndex enum which is a preset of z-index values to help control the stacking order of components in consumer applications.

    Change the z-index value of the below components.

    • Overlay, Select: 1000 (container and content)
    • Modal: 1100
    • Toast: 1200
    • Tooltip: 1300

  • #1050 052fdb91 Thanks @sungik-choi! - Re-implement ConfirmModal component

    BREAKING CHANGES:

    • onConfirm prop of ConfirmModal has been removed.

  • #1030 f407fca8 Thanks @sungik-choi! - Change the default value of the Stack's align prop from start to stretch

  • #873 3b484673 Thanks @Dogdriip! - Add withoutIndent prop and apply Radix to Divider component

    BREAKING_CHANGE: Divider is no longer HR, but DIV

Patch Changes

[email protected]

Minor Changes

Patch Changes

@github-actions github-actions bot requested a review from sungik-choi as a code owner May 30, 2023 04:35
@codecov
Copy link

codecov bot commented May 30, 2023

Codecov Report

Patch and project coverage have no change.

Comparison is base (4ac55d7) 84.23% compared to head (846ff30) 84.23%.

Additional details and impacted files 
@@           Coverage Diff           @@
##             main    #1369   +/-   ##
=======================================
  Coverage   84.23%   84.23%           
=======================================
  Files         309      309           
  Lines        3913     3913           
  Branches      804      804           
=======================================
  Hits         3296     3296           
  Misses        546      546           
  Partials       71       71

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

@sungik-choi sungik-choi merged commit 6518efc into main May 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@sungik-choi sungik-choi Awaiting requested review from sungik-choi sungik-choi is a code owner

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@sungik-choi