@zenkigen-inc/component-ui 1.14.4 → 1.15.0

package/dist/modal/body-scroll-lock.d.ts

@@ -0,0 +1,27 @@
+/**
+ * モーダル表示時にバックグラウンドのスクロールを防止するコンポーネント。
+ * コンポーネントがマウントされている間、position: fixedアプローチを使用して
+ * body要素にスクロールロックを適用します。
+ * 縦横両方のスクロール位置を保存し、コンポーネントのアンマウント時に復元します。
+ * スクロールバーの有無を検出し、その幅を考慮してレイアウトシフトを防止します。
+ * position、top、left、width、overflow、padding-rightを変更し、
+ * 最小限の変更でスクロールを防止します。
+ * グローバルCSSに依存せず、すべてインラインスタイルで実装されています。
+ * このコンポーネントは実際のDOM要素をレンダリングせず、効果のみを適用します。
+ *
+ * @example
+ * // モーダルコンポーネント内で使用する例
+ * const Modal = ({ isOpen, children }) => {
+ *   return (
+ *     <>
+ *       {isOpen && <BodyScrollLock />}
+ *       {isOpen && (
+ *         <div className="modal">
+ *           {children}
+ *         </div>
+ *       )}
+ *     </>
+ *   );
+ * };
+ */
+export declare const BodyScrollLock: () => null;

package/dist/modal/modal.d.ts

@@ -9,7 +9,7 @@ type Props = {
     onClose?: () => void;
     portalTargetRef?: MutableRefObject<HTMLElement | null>;
 };
-export declare function Modal({ children, width, height, isOpen, onClose, portalTargetRef }: PropsWithChildren<Props>): import("react").ReactPortal | null;
+export declare function Modal({ children, width, height, isOpen, onClose, portalTargetRef }: PropsWithChildren<Props>): import("react").JSX.Element | null;
 export declare namespace Modal {
     var Body: typeof ModalBody;
     var Header: typeof ModalHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenkigen-inc/component-ui",
-  "version": "1.14.4",
+  "version": "1.15.0",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -20,15 +20,15 @@
   "devDependencies": {
     "hygen": "6.2.11",
     "microbundle": "0.15.1",
-    "typescript": "5.5.4"
+    "typescript": "5.8.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@zenkigen-inc/component-icons": "1.14.4",
-    "@zenkigen-inc/component-theme": "1.14.4",
+    "@zenkigen-inc/component-icons": "1.15.0",
+    "@zenkigen-inc/component-theme": "1.15.0",
     "clsx": "2.1.1"
   }
 }