@idbrnd/design-system 1.7.1 → 1.7.4

package/README.md

@@ -1,6 +1,6 @@
 # @idbrnd/design-system
 
-![Version](https://img.shields.io/badge/version-1.5.2-4B5FE1?style=flat-square)
+![Version](https://img.shields.io/badge/version-1.7.3-4B5FE1?style=flat-square)
 ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -606,6 +606,7 @@ import { Tooltip } from "@idbrnd/design-system";
 - `position`의 첫 번째 단어는 툴팁이 놓이는 방향, 두 번째 단어는 화살표가 치우치는 방향입니다.
 - `content`에 render function을 전달하면 닫기 버튼 등 인터랙션을 구현할 수 있습니다.
 - 툴팁은 `document.body`에 포탈로 렌더링됩니다.
+- 화살표는 회전된 정사각형(`rotate(45deg)`) 방식으로 렌더링됩니다. 툴팁 본체와 겹쳐 배치해 브라우저 줌 축소 시 발생하는 서브픽셀 갭을 방지하며, 개별 `rgba` 대신 부모 `opacity`를 사용해 겹침 영역의 투명도 이중 적용을 방지합니다.
 
 ---
 
@@ -1134,8 +1135,43 @@ import { Spinner, CustomSpinner, Clip, FadeSpinner } from "@idbrnd/design-system
 
 ```tsx
 import type {
+  // Button
   FillButtonProps,
+  FillButtonSize,
+  FillButtonVariant,
+  FillButtonWidthType,
+  OutlineButtonProps,
+  OutlineButtonSize,
+  OutlineButtonVariant,
+  OutlineButtonWidthType,
+  TextButtonProps,
+  TextButtonSize,
+  TextButtonVariant,
+  TextButtonWidthType,
+  WeakButtonProps,
+  WeakButtonSize,
+  WeakButtonVariant,
+  WeakButtonWidthType,
+
+  // IconButton
+  BasicIconButtonProps,
+  BasicIconButtonSize,
+  FillIconButtonProps,
+  FillIconButtonSize,
+  FillIconButtonVariant,
+  OutlineIconButtonProps,
+  OutlineIconButtonSize,
+
+  // Input
   InputProps,
+  InputSize,
+  InputVariant,
+  DesignType,
+  SearchBarProps,
+  SearchBarSize,
+  SearchBarVariant,
+
+  // Control
   CheckBoxProps,
   CheckBoxVariant,
   CheckBoxSize,
@@ -1146,19 +1182,39 @@ import type {
   RadioDensity,
   ToggleSwitchProps,
   ToggleSwitchSize,
+
+  // Feedback
   ToastShowOptions,
+  ToastVariant,
   SnackbarShowOptions,
+  SnackbarVariant,
+  PushBadgeProps,
+  PushBadgeVariant,
+  ClipProps,
+  CustomSpinnerProps,
+  FadeSpinnerProps,
+
+  // Tooltip
   TooltipProps,
   TooltipPosition,
   TooltipVariant,
   TooltipTrigger,
   TooltipContent,
+
+  // Content
+  AvatarProps,
+  AvatarSize,
+  AvatarStackProps,
+  AvatarStackSrc,
+  AvatarStackSize,
   ContentBadgeProps,
   ContentBadgeVariant,
   ContentBadgeSize,
   StateBadgeProps,
   StateBadgeVariant,
   StateBadgeSize,
+
+  // Select & Dropdown
   SelectProps,
   SelectVariant,
   SelectSize,

package/dist/index.d.ts

@@ -44,5 +44,13 @@ export { default as Select } from "./components/Select/Select";
 export type { SelectProps, SelectVariant, SelectSize, SelectType, SelectAlign, } from "./components/Select/Select";
 export { default as Dropdown } from "./components/Dropdown/Dropdown";
 export type { DropdownProps, DropdownType, DropdownAlign, DropdownOption, } from "./components/Dropdown/Dropdown.types";
+export { default as Chip } from "./components/Chip/Chip/Chip";
+export { default as ChipGroup } from "./components/Chip/ChipGroup/ChipGroup";
+export { default as FilterChip } from "./components/Chip/FilterChip/FilterChip";
+export { default as FilterBar } from "./components/Chip/FilterBar/FilterBar";
+export type { ChipProps, ChipVariant, ChipSize, } from "./components/Chip/Chip/Chip";
+export type { ChipGroupProps, ChipGroupType, ChipGroupSize, } from "./components/Chip/ChipGroup/ChipGroup";
+export type { FilterChipProps } from "./components/Chip/FilterChip/FilterChip";
+export type { FilterBarProps, FilterBarSize, } from "./components/Chip/FilterBar/FilterBar";
 export { default as Tooltip } from "./components/Tooltip/Tooltip";
 export type { TooltipProps, TooltipPosition, TooltipVariant, TooltipTrigger, TooltipContent, } from "./components/Tooltip/Tooltip.types";