Skip to content

Commit 957752c

Browse files
authored
Fix icon size of xs AlphaButton (#2532)
<!-- 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) - [x] I wrote or updated **documentation** related to the changes. (or didn't have to) - [x] 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 --> - None ## Summary <!-- Please brief explanation of the changes made --> - xs 버튼의 아이콘 사이즈를 xxs에서 xs로 조절합니다. IconButton 에서는 패딩도 같이 조절합니다. ## Details <!-- 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 -->
1 parent 7a23b7a commit 957752c

File tree

7 files changed

+11
-6
lines changed

7 files changed

+11
-6
lines changed

.changeset/few-jokes-worry.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+
Decreate icon size of `AlphaButton`, `AlphaIconbutton`, `AlphaFloatingButton`, and `AlphaFloatingIconButton`.

packages/bezier-react/src/components/AlphaButton/Button.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ function SideContent({
3737
function getIconSize(size: ButtonSize) {
3838
return (
3939
{
40-
xs: 'xxs',
40+
xs: 'xs',
4141
s: 'xs',
4242
m: 's',
4343
l: 's',

packages/bezier-react/src/components/AlphaFloatingButton/FloatingButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ function SideContent({
3737
function getIconSize(size: FloatingButtonSize) {
3838
return (
3939
{
40-
xs: 'xxs',
40+
xs: 'xs',
4141
s: 'xs',
4242
m: 's',
4343
l: 's',

packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
5252
&:where(.size-xs) {
5353
@include dimension.square(20px);
5454

55-
padding: 4px;
55+
padding: 2px;
5656
}
5757

5858
&:where(.size-s) {

packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import styles from './FloatingIconButton.module.scss'
1616
function getIconSize(size: ButtonSize) {
1717
return (
1818
{
19-
xs: 'xxs',
19+
xs: 'xs',
2020
s: 'xs',
2121
m: 's',
2222
l: 's',

packages/bezier-react/src/components/AlphaIconButton/IconButton.module.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
1313
&:where(.size-xs) {
1414
@include dimension.square(20px);
1515

16-
padding: 4px;
16+
padding: 2px;
1717
}
1818

1919
&:where(.size-s) {

packages/bezier-react/src/components/AlphaIconButton/IconButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import styles from './IconButton.module.scss'
1616
function getIconSize(size: ButtonSize) {
1717
return (
1818
{
19-
xs: 'xxs',
19+
xs: 'xs',
2020
s: 'xs',
2121
m: 's',
2222
l: 's',

0 commit comments

Comments
 (0)