@idbrnd/design-system 1.3.1 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +3 -2
  2. package/dist/components/Select/Select.d.ts +1 -1
  3. package/dist/components/Select/Select.types.d.ts +9 -4
  4. package/dist/index.js +715 -709
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @idbrnd/design-system
2
2
 
3
- ![Version](https://img.shields.io/badge/version-1.3.1-4B5FE1?style=flat-square)
3
+ ![Version](https://img.shields.io/badge/version-1.3.2-4B5FE1?style=flat-square)
4
4
  ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
5
5
  ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
6
6
  ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -557,7 +557,8 @@ function SelectExample() {
557
557
  | `type` | `"basic"` \| `"search"` | `"basic"` | `"search"` 시 드롭다운 상단에 검색 입력란 표시, 실시간 필터링 |
558
558
  | `align` | `"left"` \| `"center"` | `"left"` | 옵션 텍스트 정렬 |
559
559
  | `content` | `boolean` | `false` | `true` 시 옵션의 `icon`이 라벨 좌측에 표시 |
560
- | `width` | `number` | — | 컴포넌트 너비(px). 미지정 시 부모 너비 100% |
560
+ | `buttonWidth` | `number` | — | 트리거 버튼 너비(px). 미지정 시 부모 너비를 따름 |
561
+ | `descriptionWidth` | `number` | — | 하단 안내 문구 너비(px). 미지정 시 부모 너비를 따름 |
561
562
  | `textColor` | `string` | — | 옵션 라벨 텍스트 색상 커스터마이징 (예: `"#6366f1"`) |
562
563
  | `customStyle` | `CSSProperties` | — | 루트 엘리먼트 인라인 스타일 |
563
564
 
package/dist/components/Select/Select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { SelectProps } from './Select.types';
2
2
  export type { SelectAlign, SelectProps, SelectSize, SelectType, SelectVariant, } from './Select.types';
3
- declare function Select({ variant, size, heading, required, leadingContent, description, disabled, placeholder, value, onSelect, options, type, align, content, width, customStyle, textColor, }: SelectProps): import("react/jsx-runtime").JSX.Element;
3
+ declare function Select({ variant, size, heading, required, leadingContent, description, disabled, placeholder, value, onSelect, options, type, align, content, buttonWidth, descriptionWidth, customStyle, textColor, }: SelectProps): import("react/jsx-runtime").JSX.Element;
4
4
  export default Select;
package/dist/components/Select/Select.types.d.ts CHANGED
@@ -63,11 +63,16 @@ export interface SelectProps {
63
63
  * - `true`: 아이콘 영역을 표시
64
64
  */
65
65
  content?: boolean;
66
- /** 컴포넌트 너비. (단위: px)
67
- * - 미지정 시 부모 컨테이너 width: 100% (유동형) (기본값)
68
- * - 숫자 전달 시 고정 너비 적용
66
+ /** 셀렉트 버튼(트리거) 너비. (단위: px)
67
+ * - 미지정 시 부모 컨테이너 너비를 따름 (기본값)
68
+ * - 숫자 전달 시 버튼만 고정 너비 적용
69
69
  */
70
- width?: number;
70
+ buttonWidth?: number;
71
+ /** 하단 안내 문구(description) 너비. (단위: px)
72
+ * - 미지정 시 부모 컨테이너 너비를 따름 (기본값)
73
+ * - 숫자 전달 시 안내 문구만 고정 너비 적용
74
+ */
75
+ descriptionWidth?: number;
71
76
  /** 루트 엘리먼트 인라인 스타일 (`style` prop 대신 사용)
72
77
  * - 커스텀 해야 할 스타일이 있을 때 사용
73
78
  * - 컴포넌트 너비 설정 시 px이 아닌 다른 속성을 사용해야 한다면, 이 속성 사용 권장