@baton8/general-components 3.1.0-alpha.1 → 3.1.0-alpha.3

package/dist/components/atoms/button/button.d.ts

@@ -46,7 +46,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<import(".
      * HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
      * @defaultValue `"button"`
      */
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     /**
      * 無効にするかどうか。
      */

package/dist/components/atoms/iconButton/iconButton.d.ts

@@ -38,7 +38,7 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<impor
      * HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
      * @defaultValue `"button"`
      */
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     /**
      * 無効にするかどうか。
      */

package/dist/components/index.d.ts

@@ -45,6 +45,7 @@ export * from "./modules/fractionView";
 export * from "./modules/header";
 export * from "./modules/menu";
 export * from "./modules/pagination";
+export * from "./modules/popover";
 export * from "./modules/rankView";
 export * from "./modules/stepper";
 export * from "./modules/tabList";

package/dist/components/modules/card/cardButton.d.ts

@@ -26,7 +26,7 @@ export declare const CardButton: import("react").ForwardRefExoticComponent<impor
      * `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
      * @defaultValue `"button"`
      */
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     /**
      * ボタンを縦に伸ばすかどうか。
      * 設定ボタン等は伸ばさない方が自然です。

package/dist/components/modules/dialog/dialog.d.ts

@@ -40,7 +40,6 @@ type DialogProps = {
  *     - [`DialogTitle`](/docs/modules-Dialog-DialogTitle--ドキュメント) (任意)
  *   - [`DialogBody`](/docs/modules-Dialog-DialogBody--ドキュメント)
  *   - [`DialogFooter`](/docs/modules-Dialog-DialogFooter--ドキュメント) (任意)
- *     - [`DialogFooterButton`](/docs/modules-Dialog-DialogFooterButton--ドキュメント) (2 個まで任意)
  *
  * #### 使い方
  * 非制御と制御の 2 種類の使い方があります。

package/dist/components/modules/dialog/dialogButton.d.ts

@@ -15,7 +15,7 @@ export declare const DialogButton: import("react").ForwardRefExoticComponent<imp
     variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     isCompact?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;

package/dist/components/modules/drawer/drawer.d.ts

@@ -30,12 +30,14 @@ type DrawerProps = CommonProps & {
  * #### 構成
  * 以下のようなコンポーネント構成で利用してください。
  * - **`Drawer`**
+ *   - [`DrawerCloseButton`](/docs/modules-Drawer-DrawerCloseButton--ドキュメント)
  *   - [`DrawerHeader`](/docs/modules-Drawer-DrawerHeader--ドキュメント) (任意)
  *     - [`DrawerHeaderLeft`](/docs/modules-Drawer-DrawerHeaderLeft--ドキュメント)
  *       - [`DrawerHeaderTitle`](/docs/modules-Drawer-DrawerHeaderTitle--ドキュメント)
  *       - [`DrawerHeaderCaption`](/docs/modules-Drawer-DrawerHeaderCaption--ドキュメント) (任意)
  *     - [`DrawerHeaderRight`](/docs/modules-Drawer-DrawerHeaderRight--ドキュメント)
  *   - [`DrawerBody`](/docs/modules-Drawer-DrawerBody--ドキュメント)
+ *   - [`DrawerFooter`](/docs/modules-Drawer-DrawerFooter--ドキュメント) (任意)
  *
  * @group React コンポーネント
  * @category React コンポーネント

package/dist/components/modules/drawer/drawerButton.d.ts

@@ -15,7 +15,7 @@ export declare const DrawerButton: import("react").ForwardRefExoticComponent<imp
     variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     isCompact?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;

package/dist/components/modules/drawer/drawerCloseButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const DrawerCloseButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/modules/drawer/drawerFooter.d.ts

@@ -1,8 +1,5 @@
 import { ReactNode } from "react";
 /**
- * @deprecated
- * これまでフッターに配置していたボタン等は、ヘッダーの右側に置くようにしてください。
- *
  * @group React コンポーネント
  * @category React コンポーネント
  */

package/dist/components/modules/drawer/index.d.ts

@@ -2,6 +2,8 @@ export * from "./drawer";
 export * from "./drawerBody";
 export * from "./drawerButton";
 export * from "./drawerCaption";
+export * from "./drawerCloseButton";
+export * from "./drawerFooter";
 export * from "./drawerHeader";
 export * from "./drawerHeaderLeft";
 export * from "./drawerHeaderRight";

package/dist/components/modules/menu/menu.d.ts

@@ -29,6 +29,11 @@ type MenuProps = {
      * @defaultValue `"bottom-start"`
      */
     placement?: Placement;
+    /**
+     * メニューの幅をトリガーの幅に合わせるかどうか。
+     * @defaultValue `false`
+     */
+    fitWidth?: boolean;
     /** */
     className?: string;
     /** */

package/dist/components/modules/popover/index.d.ts

@@ -0,0 +1 @@
+export * from "./popover";

package/dist/components/modules/popover/popover.d.ts

@@ -0,0 +1,38 @@
+import { Placement } from "@floating-ui/react";
+import { FunctionComponent, ReactElement, ReactNode } from "react";
+type PopoverProps = {
+    /**
+     * トリガーとなる要素。
+     * ここに要素を指定すると、そこにインタラクションがあったときにポップオーバーが表示されるようになります。
+     */
+    trigger?: ReactElement;
+    /**
+     * トリガーの種類。
+     * @defaultValue `"click"`
+     */
+    triggerType?: "click" | "focus" | "hover";
+    /**
+     * トリガーの持続時間 (ミリ秒単位)。
+     * @defaultValue `null`
+     */
+    triggerRest?: number | null;
+    /**
+     * @defaultValue `false`
+     */
+    isInline?: boolean;
+    /**
+     * ポップオーバーの位置。
+     * @defaultValue `"bottom-start"`
+     */
+    placement?: Placement;
+    /** */
+    className?: string;
+    /** */
+    children?: ReactNode;
+};
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Popover: FunctionComponent<PopoverProps>;
+export {};