@baton8/general-components 1.2.0-alpha.4 → 1.2.0-alpha.5

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

@@ -30,6 +30,13 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
     autoComplete?: string | undefined;
     /** */
     autoFocus?: boolean | undefined;
+    /**
+     * 右端で入力テキストが折り返されるかどうか。
+     * - `true` — 右端でテキストが折り返されます。
+     * - `false` — 右端でテキストは折り返されず、水平スクロールバーが表示されます。
+     * @defaultValue `true`
+     */
+    isWrapped?: boolean | undefined;
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。

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

@@ -15,9 +15,9 @@ export declare const CardTitle: import("react").ForwardRefExoticComponent<import
     as?: keyof JSX.IntrinsicElements | undefined;
     /**
      * 最大行数。
-     * @defaultValue `4`
+     * @defaultValue `null`
      */
-    maxLineHeight?: number | undefined;
+    maxLineCount?: number | undefined;
     /** */
     className?: string | undefined;
     /** */

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

@@ -1,40 +1,28 @@
-import { MouseEvent, ReactNode } from "react";
+/// <reference types="react" />
 /**
+ * @deprecated
+ * 代わりに `Button` を利用してください。
+ *
  * @group React コンポーネント
  * @category React コンポーネント
  */
-export declare const DialogButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+export declare const DialogButton: import("react").ForwardRefExoticComponent<import("../../..").DataProps<string> & {
     className?: string | undefined;
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-} & {
-    /**
-     * 見た目のバリアント。
-     * そのダイアログに関するメインの動作を行うボタンには `"submit"` を指定し、それ以外のキャンセルボタンなどには `"cancel"` を指定してください。
-     * @defaultValue `"submit"`
-     */
-    variant?: "submit" | "cancel" | undefined;
-    /**
-     * 無効にするかどうか。
-     *
-     * `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
-     * @defaultValue `false`
-     */
+} & import("react").AriaAttributes & {
+    scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
+    variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    isCompact?: boolean | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     isDisabled?: boolean | undefined;
-    /**
-     * ローディング中かどうか。
-     * これが `true` の間は、ボタンがローディング表示され無効になります。
-     * @defaultValue `false`
-     */
     isLoading?: boolean | undefined;
-    /**
-     * クリックされたときに実行する関数。
-     */
-    onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * ボタンの内部に表示する内容。
-     */
-    children?: ReactNode;
-    /** */
+    onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    onKeyDown?: ((event: import("react").KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    onKeyUp?: ((event: import("react").KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    onMouseDown?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    onPointerDown?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    children?: import("react").ReactNode;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -25,6 +25,18 @@ type DrawerProps = CommonProps & {
     children: ReactNode;
 };
 /**
+ * ### ドロワー
+ *
+ * #### 構成
+ * 以下のようなコンポーネント構成で利用してください。
+ * - **`Drawer`**
+ *   - [`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--ドキュメント)
+ *
  * @group React コンポーネント
  * @category React コンポーネント
  */

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

@@ -10,6 +10,4 @@ export declare const DrawerBody: import("react").ForwardRefExoticComponent<impor
 } & {
     /** */
     children: ReactNode;
-    /** */
-    className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,42 +1,28 @@
-import { MouseEvent, ReactNode } from "react";
+/// <reference types="react" />
 /**
+ * @deprecated
+ * 代わりに `Button` を利用してください。
+ *
  * @group React コンポーネント
  * @category React コンポーネント
  */
-export declare const DrawerButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+export declare const DrawerButton: import("react").ForwardRefExoticComponent<import("../../..").DataProps<string> & {
     className?: string | undefined;
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-} & {
-    /**
-     * 見た目のバリアント。
-     * そのダイアログに関するメインの動作を行うボタンには `"submit"` を指定し、それ以外のキャンセルボタンなどには `"cancel"` を指定してください。
-     * @defaultValue `"submit"`
-     */
-    variant?: "submit" | "cancel" | undefined;
-    /**
-     * 無効にするかどうか。
-     *
-     * `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
-     * @defaultValue `false`
-     */
+} & import("react").AriaAttributes & {
+    scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
+    variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    isCompact?: boolean | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     isDisabled?: boolean | undefined;
-    /**
-     * ローディング中かどうか。
-     * これが `true` の間は、ボタンがローディング表示され無効になります。
-     * @defaultValue `false`
-     */
     isLoading?: boolean | undefined;
-    /**
-     * クリックされたときに実行する関数。
-     * URL 文字列を指定すると、指定された URL に遷移する `<a>` 要素として表示されます。
-     * 関数を指定すると、その関数を実行する `<button>` 要素として表示されます。
-     */
-    onClick?: string | ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * ボタンの内部に表示する内容。
-     */
-    children?: ReactNode;
-    /** */
+    onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    onKeyDown?: ((event: import("react").KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    onKeyUp?: ((event: import("react").KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    onMouseDown?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    onPointerDown?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
+    children?: import("react").ReactNode;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -10,6 +10,4 @@ export declare const DrawerCaption: import("react").ForwardRefExoticComponent<im
 } & {
     /** */
     children: ReactNode;
-    /** */
-    className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,8 @@
 import { ReactNode } from "react";
 /**
+ * @deprecated
+ * これまでフッターに配置していたボタン等は、ヘッダーの右側に置くようにしてください。
+ *
  * @group React コンポーネント
  * @category React コンポーネント
  */
@@ -10,6 +13,4 @@ export declare const DrawerFooter: import("react").ForwardRefExoticComponent<imp
 } & {
     /** */
     children: ReactNode;
-    /** */
-    className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -10,6 +10,4 @@ export declare const DrawerHeader: import("react").ForwardRefExoticComponent<imp
 } & {
     /** */
     children: ReactNode;
-    /** */
-    className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -15,6 +15,4 @@ export declare const DrawerTitle: import("react").ForwardRefExoticComponent<impo
     as?: "div" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
     /** */
     children: ReactNode;
-    /** */
-    className?: string | undefined;
 } & import("react").RefAttributes<HTMLHeadingElement>>;