@channel.io/[email protected]

Major Changes

• Breaking Changes: AlphaSmoothCornersBox component is now SmoothCornersBox component. (#2079) by @sungik-choi

Minor Changes

• Add the TooltipPrimitive component, which is the same as the Tooltip component in radix-ui. You can use it by importing it from the /alpha path. (#2049) by @sungik-choi

  import {
    TooltipPrimitive,
    TooltipPrimitiveArrow,
    TooltipPrimitiveContent,
    TooltipPrimitivePortal,
    TooltipPrimitiveProvider,
    TooltipPrimitiveTrigger,
  } from "@channel.io/bezier-react/alpha";

• Add the DialogPrimitive component, which is the same as the Dialog component in radix-ui. You can use it by importing it from the /alpha path. (#2049) by @sungik-choi

  import {
    DialogPrimitive,
    DialogPrimitiveClose,
    DialogPrimitiveContent,
    DialogPrimitiveDescription,
    DialogPrimitiveOverlay,
    DialogPrimitivePortal,
    DialogPrimitiveTitle,
    DialogPrimitiveTrigger,
  } from "@channel.io/bezier-react/alpha";

@channel.io/[email protected]

Minor Changes

• Update icons (#2087) by @Jamie-channel

  Modified

  • channel-btn-filled.svg
  • channel-btn-smile-filled.svg
  • channel-btn.svg
  • channel-filled.svg
  • channel-smile-filled.svg
  • channel-smile.svg
  • channel.svg
  • chat-bubble.svg
  • chat-progress-filled.svg

  Deleted

  • channel-btn-smile.svg
  • channel-left-filled.svg
  • channel-left.svg
  • channel-up-filled.svg
  • channel-up.svg

@channel.io/[email protected]

Patch Changes

• Adds icon and typo size for avatar size "72", which were missing from AvatarGroup. (#2071) by @sungik-choi

@channel.io/[email protected]

Minor Changes

• Update icons (#2065) by @Jamie-channel

  Modified

  • app-check.svg
  • bookmark-filled.svg
  • bookmark.svg
  • check-verification-filled.svg
  • error-diamond-filled.svg
  • error-triangle-filled.svg
  • error-triangle.svg
  • flashlight.svg
  • goal.svg
  • hourglass-1.svg
  • hourglass-2.svg
  • hourglass-3.svg
  • limit.svg
  • link-off.svg
  • link.svg
  • pin-off.svg
  • pin.svg
  • play.svg
  • upload.svg

  Added

  • clock-filled.svg
  • heading-1.svg
  • heading-2.svg
  • heading-3.svg
  • heading-4.svg
  • person-remove-filled.svg
  • plus-bold.svg
  • quote.svg
  • table.svg
  • tag-filled.svg

@channel.io/[email protected]

Patch Changes

• Fix Badge component style issue (#2068) by @yangwooseong

@channel.io/[email protected]

Major Changes

• Breaking Changes: The enum type that the component receives as props is changed to a string (or number) literal type (#2059) by @yangwooseong

  The properties that change are:

  • AvatarGroupEllipsisType
  • IconSize
  • LegacyTooltipPosition
  • ModalTitleSize
  • OverlayPosition
  • ProgressBarSize, ProgressBarVariant
  • SpinnerSize
  • SwitchSize
  • TagBadgeSize, TagBadgeVariant
  • TextAreaHeight
  • TextFieldSize, TextFieldVariant
  • ToastPlacement, ToastAppearance, ToastPreset
  • TooltipPosition

  Also, SpinnerThickness props of Spinner is not supported any more.

  When changed to string literal type, it is changed to the kebab-cased value of enum. e.g. TooltipPosition.TopCenter -> top-center. Among the above enums, TextAreaHeight is converted to number literal type. e.g. TextAreaHeight.Row16 -> 16, and IconSize.normal is converted to m for consistency

• Breaking Changes: The enum type that the component receives as props is changed to a string literal type (#2059) by @yangwooseong

  The properties that change are:

  • AvatarSize
  • BannerVariant
  • ButtonColorVariant, ButtonStyleVariant, ButtonSize
  • EmojiSize
  • SegmentedControlSize
  • TabSize
  • ListItemVariant, ListItemSize
  • StatusType, StatusSize

  When changed to string literal type, it is changed to the kebab-cased value of enum. e.g. ButtonStyleVariant.MonoChromeDark -> monochrome-dark, StatusType.OnlineCrescent -> online-crescent

Patch Changes

• Fix invalid aria-modal value in Modal Content. (#2052) by @sungik-choi

@channel.io/[email protected]

Patch Changes

• Fix hasNamedImportInImportDeclaration util to check all named imports (#2060) by @yangwooseong

@channel.io/[email protected]

Minor Changes

• Add more various cases to v2-enum-member-to-string-literal (#2059) by @yangwooseong

• Add more various cases to v2-enum-member-to-string-literal. Now it covers following enums. (#2059) by @yangwooseong

  • AvatarGroupEllipsisType
  • IconSize
  • LegacyTooltipPosition
  • ModalTitleSize
  • OverlayPosition
  • ProgressBarSize, ProgressBarVariant
  • SpinnerSize
  • SwitchSize
  • TagBadgeSize, TagBadgeVariant
  • TextAreaHeight
  • TextFieldSize, TextFieldVariant
  • ToastPlacement, ToastAppearance, ToastPreset
  • TooltipPosition

@channel.io/[email protected]

Patch Changes

• Fix TabAction typography style for size M. (#2035) by @sungik-choi

• Add missing overflow: hidden style to item wrapper of KeyValueItem component. (#2036) by @sungik-choi

• Fixes Overlay not closing in other windows. (#2037) by @sungik-choi

@channel.io/[email protected]

Patch Changes

• Fix ListItem's left icon color specificity issue. (#2018) by @sungik-choi