@ncds/ui-admin 1.6.3 → 1.6.4

package/dist/cjs/src/components/button/ButtonGroup.js

@@ -81,7 +81,8 @@ ButtonGroup.Item = function (_a) {
     disabled = _a.disabled,
     children = _a.children,
     isCurrent = _a.isCurrent,
-    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent"]);
+    className = _a.className,
+    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent", "className"]);
   var renderIcon = function () {
     var _a, _b, _c;
     if (!icon) return null;
@@ -107,7 +108,7 @@ ButtonGroup.Item = function (_a) {
       'is-only-icon': onlyIcon
     }, {
       'is-current': isCurrent
-    }),
+    }, className),
     disabled: disabled,
     type: 'button'
   }, props), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/dist/cjs/src/components/input/InputBase.js

@@ -52,7 +52,8 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
     showHelpIcon = _a.showHelpIcon,
     maxLength = _a.maxLength,
     showTextCount = _a.showTextCount,
-    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon", "maxLength", "showTextCount"]);
+    className = _a.className,
+    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon", "maxLength", "showTextCount", "className"]);
   var inputRef = (0, _react.useRef)(null);
   var _c = (0, _react.useState)(0),
     textCount = _c[0],
@@ -182,7 +183,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
       'is-disabled': disabled,
       'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
       'ncua-input__leading-text-wrap': (leadingElement === null || leadingElement === void 0 ? void 0 : leadingElement.type) === 'text'
-    })
+    }, className)
   }, {
     children: [renderLabel(), (0, _jsxRuntime.jsxs)("div", __assign({
       className: "ncua-input__content-wrap"

package/dist/cjs/src/components/tab/HorizontalTab.js

@@ -29,7 +29,8 @@ var HorizontalTab = function (_a) {
     _d = _a.fullWidth,
     fullWidth = _d === void 0 ? false : _d,
     _e = _a.menus,
-    menus = _e === void 0 ? [] : _e;
+    menus = _e === void 0 ? [] : _e,
+    className = _a.className;
   var getTabGap = function (type) {
     var _a;
     var gap = {
@@ -41,7 +42,7 @@ var HorizontalTab = function (_a) {
   return (0, _jsxRuntime.jsx)("div", __assign({
     className: (0, _classnames.default)('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), "ncua-horizontal-tab--".concat(size), {
       'ncua-horizontal-tab--fullWidth': fullWidth
-    })
+    }, className)
   }, {
     children: (0, _jsxRuntime.jsx)(_react.Swiper, __assign({
       slidesPerView: "auto",

package/dist/esm/src/components/button/ButtonGroup.js

@@ -71,7 +71,8 @@ ButtonGroup.Item = function (_a) {
     disabled = _a.disabled,
     children = _a.children,
     isCurrent = _a.isCurrent,
-    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent"]);
+    className = _a.className,
+    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent", "className"]);
   var renderIcon = function () {
     var _a, _b, _c;
     if (!icon) return null;
@@ -97,7 +98,7 @@ ButtonGroup.Item = function (_a) {
       'is-only-icon': onlyIcon
     }, {
       'is-current': isCurrent
-    }),
+    }, className),
     disabled: disabled,
     type: 'button'
   }, props), _jsxs(_Fragment, {

package/dist/esm/src/components/input/InputBase.js

@@ -45,7 +45,8 @@ export var InputBase = /*#__PURE__*/forwardRef(function (_a, ref) {
     showHelpIcon = _a.showHelpIcon,
     maxLength = _a.maxLength,
     showTextCount = _a.showTextCount,
-    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon", "maxLength", "showTextCount"]);
+    className = _a.className,
+    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon", "maxLength", "showTextCount", "className"]);
   var inputRef = useRef(null);
   var _c = useState(0),
     textCount = _c[0],
@@ -175,7 +176,7 @@ export var InputBase = /*#__PURE__*/forwardRef(function (_a, ref) {
       'is-disabled': disabled,
       'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
       'ncua-input__leading-text-wrap': (leadingElement === null || leadingElement === void 0 ? void 0 : leadingElement.type) === 'text'
-    })
+    }, className)
   }, {
     children: [renderLabel(), _jsxs("div", __assign({
       className: "ncua-input__content-wrap"

package/dist/esm/src/components/tab/HorizontalTab.js

@@ -22,7 +22,8 @@ export var HorizontalTab = function (_a) {
     _d = _a.fullWidth,
     fullWidth = _d === void 0 ? false : _d,
     _e = _a.menus,
-    menus = _e === void 0 ? [] : _e;
+    menus = _e === void 0 ? [] : _e,
+    className = _a.className;
   var getTabGap = function (type) {
     var _a;
     var gap = {
@@ -34,7 +35,7 @@ export var HorizontalTab = function (_a) {
   return _jsx("div", __assign({
     className: classNames('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), "ncua-horizontal-tab--".concat(size), {
       'ncua-horizontal-tab--fullWidth': fullWidth
-    })
+    }, className)
   }, {
     children: _jsx(Swiper, __assign({
       slidesPerView: "auto",

package/dist/types/src/components/button/ButtonGroup.d.ts

@@ -27,7 +27,7 @@ export interface ButtonGroupProps {
 }
 export declare const ButtonGroup: {
     ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
+    Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, className, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
         form?: string | undefined;
@@ -46,7 +46,6 @@ export declare const ButtonGroup: {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
         autoFocus?: boolean | undefined;
-        className: string;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
@@ -306,6 +305,7 @@ export declare const ButtonGroup: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        className: string;
         disabled: boolean | undefined;
     }, HTMLButtonElement>;
 };

package/dist/types/src/components/tab/HorizontalTab.d.ts

@@ -1,10 +1,11 @@
-import { TabButtonProps, TabSize, TabType } from './TabButton';
+import { type TabButtonProps, type TabSize, type TabType } from './TabButton';
 export type HorizontalTabProps = {
     type?: Exclude<TabType, 'line-vertical'>;
     size?: TabSize;
     activeTab?: string;
     fullWidth?: boolean;
     menus?: Array<TabButtonProps>;
+    className?: string;
 };
-export declare const HorizontalTab: ({ type, size, activeTab, fullWidth, menus, }: HorizontalTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalTab: ({ type, size, activeTab, fullWidth, menus, className, }: HorizontalTabProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HorizontalTab.d.ts.map

package/dist/ui-admin/assets/styles/style.css

@@ -4874,6 +4874,9 @@ button {
 .ncua-horizontal-tab--fullWidth .ncua-horizontal-tab__item {
   width: 100% !important;
 }
+.ncua-horizontal-tab--fullWidth .swiper-wrapper {
+  width: auto;
+}
 .ncua-horizontal-tab--fullWidth .swiper-slide {
   flex-shrink: 1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",