@ncds/ui-admin 1.5.0 → 1.5.1

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

@@ -10,8 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _color = require("../../../constant/color");
 var _dot = require("../dot");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {

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

@@ -15,6 +15,7 @@ var ButtonStepper = function (_a) {
     className = _a.className;
   return (0, _jsxRuntime.jsx)("button", {
     className: (0, _classnames.default)('ncua-button-stepper', "ncua-button-stepper--".concat(size), "ncua-button-stepper--".concat(direction), className),
+    type: "button",
     disabled: disabled,
     onClick: onClick
   });

package/dist/cjs/src/components/index.js

@@ -332,4 +332,15 @@ Object.keys(_tooltip).forEach(function (key) {
       return _tooltip[key];
     }
   });
+});
+var _imageFileInput = require("./image-file-input");
+Object.keys(_imageFileInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _imageFileInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _imageFileInput[key];
+    }
+  });
 });

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PasswordInput = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _InputBase = require("./InputBase");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
 var _hooks = require("../../hooks");
+var _InputBase = require("./InputBase");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -77,6 +77,7 @@ var PasswordInput = exports.PasswordInput = /*#__PURE__*/(0, _react.forwardRef)(
       placement: 'inside',
       children: (0, _jsxRuntime.jsx)("button", __assign({
         className: (0, _classnames.default)('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'),
+        type: "button",
         onClick: handleVisibilityChange
       }, {
         children: isVisible ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Eye, __assign({}, svgProps)) : (0, _jsxRuntime.jsx)(_uiAdminIcon.EyeOff, __assign({}, svgProps))

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

@@ -8,6 +8,7 @@ export var ButtonStepper = function (_a) {
     className = _a.className;
   return _jsx("button", {
     className: classnames('ncua-button-stepper', "ncua-button-stepper--".concat(size), "ncua-button-stepper--".concat(direction), className),
+    type: "button",
     disabled: disabled,
     onClick: onClick
   });

package/dist/esm/src/components/index.js

@@ -27,4 +27,5 @@ export * from './switch';
 export * from './tab';
 export * from './tag';
 export * from './toggle';
-export * from './tooltip';
+export * from './tooltip';
+export * from './image-file-input';

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

@@ -17,11 +17,11 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
-import { InputBase } from './InputBase';
 import { Eye, EyeOff } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
-import { useMergeRefs, useCallbackRef } from '../../hooks';
+import { forwardRef, useState } from 'react';
+import { useCallbackRef, useMergeRefs } from '../../hooks';
+import { InputBase } from './InputBase';
 var svgSize = {
   xs: 14,
   sm: 20
@@ -70,6 +70,7 @@ export var PasswordInput = /*#__PURE__*/forwardRef(function (_a, ref) {
       placement: 'inside',
       children: _jsx("button", __assign({
         className: classNames('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'),
+        type: "button",
         onClick: handleVisibilityChange
       }, {
         children: isVisible ? _jsx(Eye, __assign({}, svgProps)) : _jsx(EyeOff, __assign({}, svgProps))

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

@@ -164,7 +164,7 @@ export declare const ButtonGroup: {
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
@@ -214,8 +214,6 @@ export declare const ButtonGroup: {
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;

package/dist/types/src/components/index.d.ts

@@ -28,4 +28,5 @@ export * from './tab';
 export * from './tag';
 export * from './toggle';
 export * from './tooltip';
+export * from './image-file-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/modal/Modal.d.ts

@@ -58,8 +58,8 @@ export type ModalHeaderProps = {
         theme: FeaturedIconTheme;
     };
     align?: ModalHeaderAlign;
-    title?: string;
-    subtitle?: string;
+    title?: string | ReactNode;
+    subtitle?: string | ReactNode;
     showDivider?: boolean;
     hideCloseButton?: boolean;
 };

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

@@ -1863,12 +1863,14 @@ button {
   line-height: var(--line-heights-sm);
   color: var(--gray-700);
   word-break: break-all;
+  white-space: pre-line;
 }
 .ncua-modal__title .ncua-modal__title-subtitle {
   font-weight: var(--font-weights-commerce-sans-0);
   font-size: var(--font-size-xs);
   line-height: var(--line-heights-xs);
   color: var(--gray-400);
+  white-space: pre-line;
 }
 
 .ncua-modal__close-button {
@@ -4908,12 +4910,8 @@ button {
   bottom: 0;
   left: 0;
 }
-.ncua-horizontal-tab--button-primary .swiper-slide:first-child, .ncua-horizontal-tab--button-white .swiper-slide:first-child {
-  padding-left: 4px;
-}
-.ncua-horizontal-tab--button-primary .swiper-slide:last-child, .ncua-horizontal-tab--button-white .swiper-slide:last-child {
-  padding-right: 4px;
-  margin-right: 0;
+.ncua-horizontal-tab--button-primary .swiper-wrapper, .ncua-horizontal-tab--button-white .swiper-wrapper {
+  padding: 0 4px;
 }
 .ncua-horizontal-tab--button-primary .ncua-tab-button:hover, .ncua-horizontal-tab--button-primary .ncua-tab-button.is-active {
   background-color: var(--gray-50);
@@ -6324,7 +6322,7 @@ span.flatpickr-weekday {
   }
 }
 /**
- * Swiper 11.2.6
+ * Swiper 11.2.10
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -6332,7 +6330,7 @@ span.flatpickr-weekday {
  *
  * Released under the MIT License
  *
- * Released on: March 19, 2025
+ * Released on: June 28, 2025
  */
 /* FONT_START */
 @font-face {

package/package.json

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