@designbasekorea/ui 0.2.5 → 0.2.6
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/dist/index.d.ts +3 -1
- package/dist/index.esm.js +2 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +2 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -535,8 +535,10 @@ declare const Banner: React$1.FC<BannerProps>;
|
|
|
535
535
|
interface BottomNavigationItem {
|
|
536
536
|
/** 아이템 ID */
|
|
537
537
|
id: string;
|
|
538
|
-
/** 아이콘 컴포넌트 */
|
|
538
|
+
/** 아이콘 컴포넌트 (기본 상태) */
|
|
539
539
|
icon: React$1.ComponentType<IconProps>;
|
|
540
|
+
/** 활성화된 아이콘 컴포넌트 (선택사항) */
|
|
541
|
+
activeIcon?: React$1.ComponentType<IconProps>;
|
|
540
542
|
/** 라벨 텍스트 */
|
|
541
543
|
label: string;
|
|
542
544
|
/** 활성 상태 */
|
package/dist/index.esm.js
CHANGED
|
@@ -3632,7 +3632,8 @@ const BottomNavigation = ({ items, activeItemId, onItemClick, fixed = true, back
|
|
|
3632
3632
|
}, className);
|
|
3633
3633
|
return (jsx("nav", { className: classes, style: style, role: "navigation", "aria-label": "\uD558\uB2E8 \uB124\uBE44\uAC8C\uC774\uC158", children: jsx("div", { className: "designbase-bottom-navigation__container", children: items.map((item) => {
|
|
3634
3634
|
const isActive = activeItemId === item.id || item.isActive;
|
|
3635
|
-
|
|
3635
|
+
// 활성화 상태에 따라 다른 아이콘 사용
|
|
3636
|
+
const Icon = isActive && item.activeIcon ? item.activeIcon : item.icon;
|
|
3636
3637
|
return (jsx("button", { type: "button", className: clsx('designbase-bottom-navigation__item', {
|
|
3637
3638
|
'designbase-bottom-navigation__item--active': isActive,
|
|
3638
3639
|
'designbase-bottom-navigation__item--disabled': item.disabled,
|