@ncds/ui-admin 1.8.22-alpha.3 → 1.8.23-alpha.0

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

@@ -12,14 +12,12 @@ type ModalProps = {
     children: ReactNode;
     closeOnBackdropClick?: boolean;
     closeOnEsc?: boolean;
-    showHeaderDivider?: boolean;
-    showActionsDivider?: boolean;
     className?: string;
     zIndex?: number;
 };
 declare const Modal: {
-    ({ isOpen, onClose, children, size, closeOnBackdropClick, closeOnEsc, showHeaderDivider, showActionsDivider, className, zIndex, ...restProps }: ModalProps): import("react").ReactPortal | null;
-    Header({ children, onClose, featuredIcon, title, subtitle, align, hideCloseButton, }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ isOpen, onClose, children, size, closeOnBackdropClick, closeOnEsc, className, zIndex, ...restProps }: ModalProps): import("react").ReactPortal | null;
+    Header({ children, onClose, featuredIcon, title, subtitle, align, showDivider, hideCloseButton, }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
     Content({ children, className }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
     /**
      * Modal.Actions - The actions area of the modal
@@ -49,7 +47,7 @@ declare const Modal: {
      *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
      * </Modal.Actions>
      */
-    Actions({ children, layout, align, checkboxContent, className, }: ModalActionsProps): import("react/jsx-runtime").JSX.Element;
+    Actions({ children, layout, showDivider, align, checkboxContent, className, }: ModalActionsProps): import("react/jsx-runtime").JSX.Element;
 };
 type ModalHeaderProps = {
     children?: ReactNode;
@@ -62,6 +60,7 @@ type ModalHeaderProps = {
     align?: ModalHeaderAlign;
     title?: string | ReactNode;
     subtitle?: string | ReactNode;
+    showDivider?: boolean;
     hideCloseButton?: boolean;
 };
 type ModalContentProps = {
@@ -72,6 +71,7 @@ type ModalActionsProps = {
     className?: string;
     children: ReactNode;
     layout?: ModalActionsLayout;
+    showDivider?: boolean;
     align?: ModalActionsAlign;
     checkboxContent?: ReactNode;
 };

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

@@ -2075,20 +2075,6 @@ button {
   }
 }
 
-.ncua-modal--divider-header .ncua-modal__header {
-  border-block-end: 1px solid var(--gray-100);
-}
-.ncua-modal--divider-header .ncua-modal__content {
-  padding-block-start: 16px;
-}
-
-.ncua-modal--divider-actions .ncua-modal__actions-wrapper {
-  border-block-start: 1px solid var(--gray-100);
-}
-.ncua-modal--divider-actions .ncua-modal__content {
-  padding-block-end: 16px;
-}
-
 .ncua-modal__header {
   padding: 0px 20px 16px;
   border-bottom: none;
@@ -2097,6 +2083,12 @@ button {
   flex-direction: column;
   gap: 8px;
 }
+.ncua-modal__header-divider {
+  width: 100%;
+  height: 1px;
+  background-color: var(--gray-100);
+  margin: 0;
+}
 .ncua-modal__header:has(.ncua-modal__close-button) {
   padding-right: 48px;
 }
@@ -2169,6 +2161,14 @@ button {
   }
 }
 
+.ncua-modal:has(.ncua-modal__header-divider) .ncua-modal__content {
+  padding-block-start: 16px;
+}
+
+.ncua-modal:has(.ncua-modal__actions-divider) .ncua-modal__content {
+  padding-block-end: 16px;
+}
+
 .ncua-modal__actions-wrapper {
   padding: 16px 20px 0px;
 }
@@ -2189,6 +2189,12 @@ button {
   display: flex;
   gap: 8px;
 }
+.ncua-modal__actions-divider {
+  width: 100%;
+  height: 1px;
+  background-color: var(--gray-100);
+  margin: 0;
+}
 .ncua-modal__actions--vertical {
   flex-direction: column;
 }
@@ -2265,7 +2271,7 @@ button {
   }
 }
 
-.ncua-modal--divider-header:has(.ncua-postcode-search-modal) .ncua-modal__content {
+.ncua-modal:has(.ncua-modal__header-divider):has(.ncua-postcode-search-modal) .ncua-modal__content {
   padding-block-start: 0;
 }
 

package/package.json

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