sellmate-design-system-react 4.3.1 → 5.0.2

package/dist/components/SOverlayHeader/SOverlayHeader.d.ts

@@ -0,0 +1,28 @@
+import { type CSSProperties, type ReactNode } from 'react';
+/**
+ * @internal
+ * 모달·드로어 상단 제목 영역 공통 props.
+ */
+export interface SOverlayHeaderProps {
+    /** 시각 제목 */
+    title?: ReactNode;
+    /** 제목 오른쪽 보조 설명 */
+    description?: ReactNode;
+    /** 닫기 버튼 표시 */
+    showClose?: boolean;
+    /** 닫기 버튼 클릭 */
+    onClose?: () => void;
+    /** 외부 absolute 닫기 버튼 공간 확보 */
+    reserveCloseSpace?: boolean;
+    className?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    style?: CSSProperties;
+}
+/**
+ * SOverlayHeader — overlay 계열 내부 전용 헤더.
+ *
+ * @internal
+ * SActionModal/SDrawer 의 제목 영역만 공통화한다. 패키지 public export 에 추가하지 말 것.
+ */
+export declare function SOverlayHeader({ title, description, showClose, onClose, reserveCloseSpace, className, titleClassName, descriptionClassName, style, }: SOverlayHeaderProps): import("react").JSX.Element;

package/dist/components/SOverlayHeader/index.d.ts

@@ -0,0 +1 @@
+export { SOverlayHeader, type SOverlayHeaderProps } from './SOverlayHeader';

package/dist/components/SPage/SPage.d.ts

@@ -13,7 +13,7 @@ export interface SPageProps extends HTMLAttributes<HTMLElement> {
  * 패딩은 className 으로, 배경은 background 로 정한다(className 으로도 덮어쓸 수 있다).
  *
  * - header="fix": flex 자식으로 남은 가로 공간을 채운다.
- * - header="full": SLayout 이 깐 grid 의 (2행,2열) = 상단바 아래·메뉴 오른쪽 자리를 차지한다.
- *   (SGnb 가 전 셀에 겹쳐 있지만 그 영역은 투명해서 SPage 가 보인다)
+ * - header="full": SLayout 이 깐 grid 의 "page" 영역 = 상단바 아래·메뉴 오른쪽 자리를 차지한다.
+ *   좌표가 아니라 이름으로 잡으므로 프레임의 열·행 구성이 바뀌어도 여기는 그대로다.
  */
 export declare const SPage: import("react").ForwardRefExoticComponent<SPageProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/SPopup/README.md

@@ -27,12 +27,12 @@
 
 ### Depends on
 
-- [SButton](../SButton)
+- [SFooter](../SFooter)
 
 ### Graph
 
 ```mermaid
 graph TD;
-  SPopup --> SButton
+  SPopup --> SFooter
   style SPopup fill:#f9f,stroke:#333,stroke-width:4px
 ```