From 3ebc9f687a2a542032bd96774e12e1cd7e4d192b Mon Sep 17 00:00:00 2001 From: leeleeleeleejun Date: Fri, 15 Aug 2025 21:14:31 +0900 Subject: [PATCH 1/8] =?UTF-8?q?feat:=20Button=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=20restProps=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/Button/Button.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx index 06c6cf7..597f298 100644 --- a/packages/ui/src/components/Button/Button.tsx +++ b/packages/ui/src/components/Button/Button.tsx @@ -18,7 +18,13 @@ export type ButtonType = ( props: PropsWithChildren>, ) => JSX.Element -export const Button: ButtonType = ({ as, className, size, children }) => { +export const Button: ButtonType = ({ + as, + className, + size, + children, + restProps, +}) => { const Component = as || 'button' return ( @@ -33,6 +39,7 @@ export const Button: ButtonType = ({ as, className, size, children }) => { BUTTON_SIZE[size], className, )} + {...restProps} > {children} From 389eedf3e800c2745301dc046bfec6f33d36d27e Mon Sep 17 00:00:00 2001 From: leeleeleeleejun Date: Fri, 15 Aug 2025 21:20:06 +0900 Subject: [PATCH 2/8] =?UTF-8?q?feat:=20Chip=20=EC=BB=B4=ED=8F=AC=EB=84=8C?= =?UTF-8?q?=ED=8A=B8=EC=97=90=EC=84=9C=20type=EC=9D=84=20chipType=EC=9C=BC?= =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/Chip/Chip.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui/src/components/Chip/Chip.tsx b/packages/ui/src/components/Chip/Chip.tsx index 5081739..55bc627 100644 --- a/packages/ui/src/components/Chip/Chip.tsx +++ b/packages/ui/src/components/Chip/Chip.tsx @@ -30,7 +30,7 @@ type ChipTagKey = keyof typeof CHIP_TAGS export type ChipProps = PolymorphicComponentProps< C, { - type: ChipTagKey + chipType: ChipTagKey onToggle?: () => void } > @@ -50,7 +50,7 @@ export type ChipType = ( * * @param as 렌더링할 HTML 태그 또는 컴포넌트 * @param className 추가 CSS 클래스 - * @param type 표시할 Chip 타입 + * @param chipType 표시할 Chip 타입 * @param onToggle 클릭 시 실행할 콜백 함수 * @param restProps 나머지 Props * @@ -62,12 +62,12 @@ export type ChipType = ( export const Chip: ChipType = ({ as, className, - type, + chipType, onToggle, ...restProps }) => { const Component = as || 'button' - const { icon, label } = CHIP_TAGS[type] + const { icon, label } = CHIP_TAGS[chipType] const [isActive, setIsActive] = useState(false) const onClick = () => { From 674eda43bfc9cd8dbdeb9dcd3b8fa1068680d3f1 Mon Sep 17 00:00:00 2001 From: leeleeleeleejun Date: Fri, 15 Aug 2025 21:21:39 +0900 Subject: [PATCH 3/8] =?UTF-8?q?feat:=20SearchBar=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=20aria-label=20=EC=B6=94=EA=B0=80?= =?UTF-8?q?=20-=20href=20fallback=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/SearchBar/SearchBar.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/components/SearchBar/SearchBar.tsx b/packages/ui/src/components/SearchBar/SearchBar.tsx index 4b21f7a..0ec8bbe 100644 --- a/packages/ui/src/components/SearchBar/SearchBar.tsx +++ b/packages/ui/src/components/SearchBar/SearchBar.tsx @@ -7,7 +7,7 @@ export const SearchBar = ({ href }: { href: string }) => { return ( { 'ui:items-center', 'ui:gap-2', )} + aria-label={'검색 페이지로 이동'} > Date: Fri, 15 Aug 2025 21:35:44 +0900 Subject: [PATCH 4/8] =?UTF-8?q?feat:=20Button=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=EC=84=9C=20restProps=20rest=20?= =?UTF-8?q?=EC=97=B0=EC=82=B0=EC=9E=90=20=EC=82=AC=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/Button/Button.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx index 597f298..01f76be 100644 --- a/packages/ui/src/components/Button/Button.tsx +++ b/packages/ui/src/components/Button/Button.tsx @@ -23,7 +23,7 @@ export const Button: ButtonType = ({ className, size, children, - restProps, + ...restProps }) => { const Component = as || 'button' @@ -41,7 +41,7 @@ export const Button: ButtonType = ({ )} {...restProps} > - + {children} From 6d6ba783a6f498f930331bbe967eaa79563ff617 Mon Sep 17 00:00:00 2001 From: leeleeleeleejun Date: Fri, 15 Aug 2025 21:46:07 +0900 Subject: [PATCH 5/8] =?UTF-8?q?fix:=20Tailwind=20=EC=84=A4=EC=A0=95=20?= =?UTF-8?q?=EB=A1=9C=EB=94=A9=EC=9D=84=20=EC=9C=84=ED=95=9C=20CSS=20import?= =?UTF-8?q?=20=EC=88=9C=EC=84=9C=20=EC=88=98=EC=A0=95=20-=20@config=20?= =?UTF-8?q?=EC=A7=80=EC=8B=9C=EB=AC=B8=EC=9D=84=20@import=20=EA=B5=AC?= =?UTF-8?q?=EB=AC=B8=EB=B3=B4=EB=8B=A4=20=EC=95=9E=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=EC=9D=B4=EB=8F=99=20-=20import=20=EC=B2=98=EB=A6=AC=20?= =?UTF-8?q?=EC=A0=84=20Tailwind=20=EC=84=A4=EC=A0=95=EC=9D=B4=20=EB=A8=BC?= =?UTF-8?q?=EC=A0=80=20=EB=A1=9C=EB=93=9C=EB=90=98=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EB=B3=B4=EC=9E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/styles.css b/packages/ui/src/styles.css index 1bd837f..e61af70 100644 --- a/packages/ui/src/styles.css +++ b/packages/ui/src/styles.css @@ -1,4 +1,4 @@ /* Component-level styles for the UI package */ +@config "../tailwind.config.ts"; @import "tailwindcss" prefix(ui); -@import "@repo/tailwind-config"; -@config "../tailwind.config.ts"; \ No newline at end of file +@import "@repo/tailwind-config"; \ No newline at end of file From cbe5dfd74de242774d35d09a3605f96919152d28 Mon Sep 17 00:00:00 2001 From: leeleeleeleejun Date: Fri, 15 Aug 2025 21:52:25 +0900 Subject: [PATCH 6/8] =?UTF-8?q?feat:=20Textarea=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=20useId=20=ED=9B=85=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20=EB=B0=8F=20name=20=EC=86=8D=EC=84=B1=20=EC=84=A4?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/components/Textarea/Textarea.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/components/Textarea/Textarea.tsx b/packages/ui/src/components/Textarea/Textarea.tsx index 086b9c1..6c6027f 100644 --- a/packages/ui/src/components/Textarea/Textarea.tsx +++ b/packages/ui/src/components/Textarea/Textarea.tsx @@ -1,6 +1,6 @@ 'use client' -import { useLayoutEffect, useRef } from 'react' +import { useId, useLayoutEffect, useRef } from 'react' import { Column } from '../Layout' import { cn } from '../../utils/cn' import { Text } from '../Text' @@ -36,6 +36,7 @@ export const Textarea = ({ maxLength = 1000, className, }: Props) => { + const id = useId() const textareaRef = useRef(null) useLayoutEffect(() => { @@ -54,6 +55,7 @@ export const Textarea = ({ return (