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

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" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | 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" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     /**
      * 無効にするかどうか。
      */

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

@@ -5,6 +5,7 @@ import { MouseEvent, ReactNode } from "react";
  * #### 構成
  * 以下のようなコンポーネント構成で利用してください。
  * - **`CardList`**
+ *   - [`CardGrip`](/docs/atoms-Card-CardGrip--ドキュメント) (任意)
  *   - [`CardControlContainer`](/docs/atoms-Card-CardControlContainer--ドキュメント) (任意)
  *     - `Checkbox` や `Radio` などのコントロール
  *   - [`CardBody`](/docs/atoms-Card-CardBody--ドキュメント) (必須)
@@ -20,6 +21,7 @@ import { MouseEvent, ReactNode } from "react";
  *
  * ```tsx
  * <Card>
+ *   <CardGrip/>
  *   <CardControlContainer>
  *     <Checkbox/>
  *   </CardControlContainer>

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

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

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

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const CardButtonListColumn: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined; /** */
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const CardGrip: 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<HTMLDivElement>>;

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

@@ -2,6 +2,8 @@ export * from "./card";
 export * from "./cardBody";
 export * from "./cardButton";
 export * from "./cardButtonList";
+export * from "./cardButtonListColumn";
 export * from "./cardControlContainer";
+export * from "./cardGrip";
 export * from "./cardHeadnote";
 export * from "./cardTitle";

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" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;

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" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     isDisabled?: boolean | undefined;
     isLoading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;

package/dist/contexts/dialog/hook.d.ts

@@ -1,10 +1,13 @@
 import { ReactElement } from "react";
-export type OpenDialog = (render: (close: () => void) => ReactElement) => Promise<void>;
+export type OpenDialog = (render: (onClose: () => void) => ReactElement) => Promise<void>;
 /**
  * ダイアログを表示する関数 `openDialog` を返します。
  * `openDialog` 関数にダイアログのレンダー関数を渡すと、そのダイアログが表示されます。
  * ダイアログのレンダー関数にはダイアログを閉じるための関数が渡されるので、キャンセルボタン等に利用してください。
  *
+ * `openDialog` 関数に渡すレンダー関数が返すコンポーネントには、`isOpen`, `onClose` prop が暗黙的に渡されます。
+ * そのため、レンダー関数が独自コンポーネントを返す場合は、そのコンポーネントは `isOpen`, `onClose` prop を受け取って適切に処理しなければなりません。
+ *
  * `openDialog` 関数自体は Promise を返します。
  * この Promise は、ダイアログを閉じたときに解決されます。
  */