@idbrnd/design-system 1.7.1 → 1.7.3
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.
- package/README.md +57 -1
- package/dist/index.js +377 -386
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @idbrnd/design-system
|
|
2
2
|
|
|
3
|
-

|
|
4
4
|

|
|
5
5
|

|
|
6
6
|

|
|
@@ -606,6 +606,7 @@ import { Tooltip } from "@idbrnd/design-system";
|
|
|
606
606
|
- `position`의 첫 번째 단어는 툴팁이 놓이는 방향, 두 번째 단어는 화살표가 치우치는 방향입니다.
|
|
607
607
|
- `content`에 render function을 전달하면 닫기 버튼 등 인터랙션을 구현할 수 있습니다.
|
|
608
608
|
- 툴팁은 `document.body`에 포탈로 렌더링됩니다.
|
|
609
|
+
- 화살표는 회전된 정사각형(`rotate(45deg)`) 방식으로 렌더링됩니다. 툴팁 본체와 겹쳐 배치해 브라우저 줌 축소 시 발생하는 서브픽셀 갭을 방지하며, 개별 `rgba` 대신 부모 `opacity`를 사용해 겹침 영역의 투명도 이중 적용을 방지합니다.
|
|
609
610
|
|
|
610
611
|
---
|
|
611
612
|
|
|
@@ -1134,8 +1135,43 @@ import { Spinner, CustomSpinner, Clip, FadeSpinner } from "@idbrnd/design-system
|
|
|
1134
1135
|
|
|
1135
1136
|
```tsx
|
|
1136
1137
|
import type {
|
|
1138
|
+
// Button
|
|
1137
1139
|
FillButtonProps,
|
|
1140
|
+
FillButtonSize,
|
|
1141
|
+
FillButtonVariant,
|
|
1142
|
+
FillButtonWidthType,
|
|
1143
|
+
OutlineButtonProps,
|
|
1144
|
+
OutlineButtonSize,
|
|
1145
|
+
OutlineButtonVariant,
|
|
1146
|
+
OutlineButtonWidthType,
|
|
1147
|
+
TextButtonProps,
|
|
1148
|
+
TextButtonSize,
|
|
1149
|
+
TextButtonVariant,
|
|
1150
|
+
TextButtonWidthType,
|
|
1151
|
+
WeakButtonProps,
|
|
1152
|
+
WeakButtonSize,
|
|
1153
|
+
WeakButtonVariant,
|
|
1154
|
+
WeakButtonWidthType,
|
|
1155
|
+
|
|
1156
|
+
// IconButton
|
|
1157
|
+
BasicIconButtonProps,
|
|
1158
|
+
BasicIconButtonSize,
|
|
1159
|
+
FillIconButtonProps,
|
|
1160
|
+
FillIconButtonSize,
|
|
1161
|
+
FillIconButtonVariant,
|
|
1162
|
+
OutlineIconButtonProps,
|
|
1163
|
+
OutlineIconButtonSize,
|
|
1164
|
+
|
|
1165
|
+
// Input
|
|
1138
1166
|
InputProps,
|
|
1167
|
+
InputSize,
|
|
1168
|
+
InputVariant,
|
|
1169
|
+
DesignType,
|
|
1170
|
+
SearchBarProps,
|
|
1171
|
+
SearchBarSize,
|
|
1172
|
+
SearchBarVariant,
|
|
1173
|
+
|
|
1174
|
+
// Control
|
|
1139
1175
|
CheckBoxProps,
|
|
1140
1176
|
CheckBoxVariant,
|
|
1141
1177
|
CheckBoxSize,
|
|
@@ -1146,19 +1182,39 @@ import type {
|
|
|
1146
1182
|
RadioDensity,
|
|
1147
1183
|
ToggleSwitchProps,
|
|
1148
1184
|
ToggleSwitchSize,
|
|
1185
|
+
|
|
1186
|
+
// Feedback
|
|
1149
1187
|
ToastShowOptions,
|
|
1188
|
+
ToastVariant,
|
|
1150
1189
|
SnackbarShowOptions,
|
|
1190
|
+
SnackbarVariant,
|
|
1191
|
+
PushBadgeProps,
|
|
1192
|
+
PushBadgeVariant,
|
|
1193
|
+
ClipProps,
|
|
1194
|
+
CustomSpinnerProps,
|
|
1195
|
+
FadeSpinnerProps,
|
|
1196
|
+
|
|
1197
|
+
// Tooltip
|
|
1151
1198
|
TooltipProps,
|
|
1152
1199
|
TooltipPosition,
|
|
1153
1200
|
TooltipVariant,
|
|
1154
1201
|
TooltipTrigger,
|
|
1155
1202
|
TooltipContent,
|
|
1203
|
+
|
|
1204
|
+
// Content
|
|
1205
|
+
AvatarProps,
|
|
1206
|
+
AvatarSize,
|
|
1207
|
+
AvatarStackProps,
|
|
1208
|
+
AvatarStackSrc,
|
|
1209
|
+
AvatarStackSize,
|
|
1156
1210
|
ContentBadgeProps,
|
|
1157
1211
|
ContentBadgeVariant,
|
|
1158
1212
|
ContentBadgeSize,
|
|
1159
1213
|
StateBadgeProps,
|
|
1160
1214
|
StateBadgeVariant,
|
|
1161
1215
|
StateBadgeSize,
|
|
1216
|
+
|
|
1217
|
+
// Select & Dropdown
|
|
1162
1218
|
SelectProps,
|
|
1163
1219
|
SelectVariant,
|
|
1164
1220
|
SelectSize,
|