Skip to content

Commit 3b2c60e

Browse files
authored
Update Checkbox component s square size from 16px to 14px (#2686)
<!-- How to write a good PR title: - Follow [the Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/). - Give as much context as necessary and as little as possible - Prefix it with [WIP] while it’s a work in progress --> ## Self Checklist - [x] I wrote a PR title in **English** and added an appropriate **label** to the PR. - [x] I wrote the commit message in **English** and to follow [**the Conventional Commits specification**](https://www.conventionalcommits.org/en/v1.0.0/). - [x] I [added the **changeset**](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md) about the changes that needed to be released. (or didn't have to) - [ ] I wrote or updated **documentation** related to the changes. (or didn't have to) - [ ] I wrote or updated **tests** related to the changes. (or didn't have to) - [x] I tested the changes in various browsers. (or didn't have to) - Windows: Chrome, Edge, (Optional) Firefox - macOS: Chrome, Edge, Safari, (Optional) Firefox ## Related Issue <!-- Please link to issue if one exists --> <!-- Fixes #0000 --> ## Summary <!-- Please brief explanation of the changes made --> - #2684 에서 추가한 Checkbox s 사이즈의 크기가 잘못된 부분을 수정합니다. ## Details - margin 1px을 포함한 전체 사이즈가 16px인데 내부 square 사이즈를 16px로 잘못 작성했습니다. - margin을 제외하고 내부 square를 14px로 올바르게 수정합니다. - [추가된 Checkbox 피그마 컴포넌트](https://www.figma.com/design/99k33ZxchcPKTz2tzJlZeE/Components?node-id=1307-312&m=dev) <img width="1014" height="428" alt="스크린샷 2025-08-27 오후 6 01 22" src="https://github.com/user-attachments/assets/389d7cb4-ce63-4f83-906c-7dc82e304d0c" /> <!-- Please elaborate description of the changes --> ### Breaking change? (Yes/No) <!-- If Yes, please describe the impact and migration path for users --> - No ## References <!-- Please list any other resources or points the reviewer should be aware of --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - 스타일 - s 사이즈 체크박스의 정사각형 크기를 16px에서 14px로 축소했습니다. 더 컴팩트한 UI로 폼과 리스트에서 공간 활용이 개선되고 시각적 균형이 향상됩니다. - 작업(Chores) - @channel.io/bezier-react 패키지에 대한 패치 릴리스를 위한 변경 이력을 추가했습니다. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
1 parent 5031349 commit 3b2c60e

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

.changeset/salty-tools-fail.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@channel.io/bezier-react': patch
3+
---
4+
5+
Update Checkbox component s square size from 16px to 14px

packages/bezier-react/src/components/Checkbox/Checkbox.module.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
border-radius: 4.6px;
3838

3939
/* stylelint-disable-next-line order/order */
40-
@include dimension.square(16px);
40+
@include dimension.square(14px);
4141
}
4242

4343
&:where(.size-m) {

0 commit comments

Comments
 (0)