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

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

@@ -21,7 +21,7 @@ export declare const Badge: import("react").ForwardRefExoticComponent<import("..
      * 見た目のバリアント。
      * @defaultValue `"solid"`
      */
-    variant?: "outline" | "solid" | "light" | undefined;
+    variant?: "solid" | "light" | "outline" | undefined;
     /**
      * サイズ。
      * @defaultValue `"medium"`

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/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/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;
     /** */