@designbasekorea/ui 0.1.26 → 0.1.27
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 +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -60,7 +60,7 @@ interface AlertAction {
|
|
|
60
60
|
/** 액션 라벨 */
|
|
61
61
|
label: string;
|
|
62
62
|
/** 액션 타입 */
|
|
63
|
-
variant?: 'primary' | 'secondary' | 'danger' | 'success';
|
|
63
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'success';
|
|
64
64
|
/** 액션 크기 */
|
|
65
65
|
size?: 's' | 'm' | 'l';
|
|
66
66
|
/** 액션 핸들러 */
|
package/dist/index.esm.js
CHANGED
|
@@ -7289,7 +7289,7 @@ const Dropdown = ({ items, trigger, label = '메뉴', size = 'm', placement = 'b
|
|
|
7289
7289
|
const menuClasses = clsx('designbase-dropdown__menu', `designbase-dropdown__menu--${placement}`, {
|
|
7290
7290
|
'designbase-dropdown__menu--open': isDropdownOpen,
|
|
7291
7291
|
});
|
|
7292
|
-
return (jsxRuntimeExports.jsxs("div", { ref: containerRef, className: classes, ...props, children: [jsxRuntimeExports.jsx("button", { ref: triggerRef, className: triggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, "aria-haspopup": "true", "aria-expanded": isDropdownOpen, "aria-label": label, children: trigger || (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "designbase-dropdown__trigger-label", children: label }), jsxRuntimeExports.jsx(ChevronDownIcon, { size: iconSize,
|
|
7292
|
+
return (jsxRuntimeExports.jsxs("div", { ref: containerRef, className: classes, ...props, children: [jsxRuntimeExports.jsx("button", { ref: triggerRef, className: triggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, "aria-haspopup": "true", "aria-expanded": isDropdownOpen, "aria-label": label, children: trigger || (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "designbase-dropdown__trigger-label", children: label }), jsxRuntimeExports.jsx(ChevronDownIcon, { size: iconSize, className: "designbase-dropdown__trigger-icon" })] })) }), jsxRuntimeExports.jsx("div", { ref: menuRef, className: menuClasses, role: "menu", "aria-label": label, children: items.map((item, index) => {
|
|
7293
7293
|
if (item.divider) {
|
|
7294
7294
|
return (jsxRuntimeExports.jsx("div", { className: "designbase-dropdown__divider", role: "separator" }, `divider-${index}`));
|
|
7295
7295
|
}
|
|
@@ -7306,7 +7306,7 @@ const Dropdown = ({ items, trigger, label = '메뉴', size = 'm', placement = 'b
|
|
|
7306
7306
|
else {
|
|
7307
7307
|
itemRefs.current.delete(item.id);
|
|
7308
7308
|
}
|
|
7309
|
-
}, className: itemClasses, role: "menuitem", disabled: isDisabled, onClick: () => handleItemClick(item), onFocus: () => setFocusedIndex(index), children: [item.icon && (jsxRuntimeExports.jsx("span", { className: "designbase-dropdown__item-icon", children: jsxRuntimeExports.jsx(item.icon, { size: iconSize
|
|
7309
|
+
}, className: itemClasses, role: "menuitem", disabled: isDisabled, onClick: () => handleItemClick(item), onFocus: () => setFocusedIndex(index), children: [item.icon && (jsxRuntimeExports.jsx("span", { className: "designbase-dropdown__item-icon", children: jsxRuntimeExports.jsx(item.icon, { size: iconSize }) })), jsxRuntimeExports.jsx("span", { className: "designbase-dropdown__item-label", children: item.label })] }, item.id));
|
|
7310
7310
|
}) })] }));
|
|
7311
7311
|
};
|
|
7312
7312
|
Dropdown.displayName = 'Dropdown';
|