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

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/atoms/generalIcon/generalIcon.d.ts

@@ -42,7 +42,7 @@ export declare const GeneralIcon: import("react").ForwardRefExoticComponent<impo
      * アイコンの反転。
      * @defaultValue `"none"`
      */
-    flip?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    flip?: "both" | "none" | "horizontal" | "vertical" | undefined;
     /**
      * アイコンの回転角度。
      * @defaultValue `0`

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

@@ -52,6 +52,8 @@ export declare const Link: import("react").ForwardRefExoticComponent<import("../
      * @defaultValue `"medium"`
      */
     size?: "small" | "medium" | "large" | undefined;
+    /** */
+    download?: unknown;
     /**
      * 内部の余白を少なくし、全体を少し小さめに表示するかどうか。
      * 基本的には `false` (デフォルト値) で使うことを推奨しますが、フォームの一部として使う場合など、省スペースで表示したいときには `true` にしてください。

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

@@ -23,7 +23,7 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
      * リサイズ可能な方向。
      * @defaultValue `"vertical"`
      */
-    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    resize?: "both" | "none" | "horizontal" | "vertical" | undefined;
     /** */
     inputMode?: "search" | "numeric" | "decimal" | "text" | "none" | "tel" | "url" | "email" | 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/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;
     /** */