fix: change the identifier of the bezier icon to a string literal instead of a symbol

[sungik-choi]

Self Checklist

• I wrote a PR title in English.
• I added an appropriate label to the PR.
• I wrote a commit message in English.
• I wrote a commit message according to the Conventional Commits specification.
• I added the appropriate changeset for the changes.
• [Component] I wrote a unit test about the implementation.
• [Component] I wrote a storybook document about the implementation.
• [Component] I tested the implementation in various browsers.
  • Windows: Chrome, Edge, (Optional) Firefox
  • macOS: Chrome, Edge, Safari, (Optional) Firefox
• [New Component] I added my username to the correct directory in the CODEOWNERS file.

Related Issue

None

Summary

아이콘 컴포넌트의 식별자를 심볼에서 문자열 리터럴로 변경합니다.

Details

식별자가 심볼일 경우 아래와 같은 문제가 발생할 수 있습니다. (했습니다...)

• A 패키지의 의존성 bezier-icons / A 패키지 내부의 B 패키지의 의존성 bezier-icons
• A 패키지에서 import한 IconSource를, B 패키지 내부에서 import한 isBezierIcon 을 통해 아이콘의 고유성을 체크하는 경우
• A 패키지와 B 패키지의 bezier-icons 모듈이 각기 다르기 때문에, Symbol이 2번 선언되고 아이콘 고유성 체크가 실패하게 됩니다.

bezier-react에 peer dependency로 bezier-icons를 추가하는 방식으로 문제를 해결할 수도 있습니다. 하지만 bezier-icons는 bezier-react와 꼭 쌍으로 사용해야하는 패키지가 아니고, bezier-react를 사용하는 사용처에서도 아이콘을 사용하지 않음에도 bezier-icons를 설치해야하는 불편함이 발생하게 됩니다. 또한 굳이 Symbol을 사용할 정도로 엄격하게 고유성 체크를 할 필요는 없다고 판단하여 이 PR의 해결 방식을 적용했습니다.

Breaking change or not (Yes/No)

No. (bezier-react에선 Breaking Change입니다)

References

• 채널 데스크 관련 버그 제보 (private)

[changeset-bot]

🦋 Changeset detected

Latest commit: b50f614

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@channel.io/bezier-icons	Minor
bezier-figma-plugin	Patch
@channel.io/bezier-react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR