@baton8/general-components 1.2.0-alpha.0 → 1.2.0-alpha.10

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

@@ -53,4 +53,12 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<import(
     onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
     /** */
     className?: string | undefined;
+    /**
+     * 内部の `<input>` 要素のクラス名。
+     */
+    inputClassName?: string | undefined;
+    /**
+     * 内部の `<input>` 要素の ID。
+     */
+    inputId?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -49,8 +49,14 @@ export declare const ControlContainer: import("react").ForwardRefExoticComponent
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
+    /**
+     * `<label>` 要素で描画するかどうか。
+     * これを `true` にすることで、内部に置くラベルを含んだ全体をクリックしたときに、コントロールをトリガーできるようになります。
+     * @defaultValue `true`
+     */
+    isLabel?: boolean | undefined;
     /** */
     children: ReactNode;
     /** */
     className?: string | undefined;
-} & import("react").RefAttributes<HTMLLabelElement>>;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -83,4 +83,12 @@ export declare const Input: import("react").ForwardRefExoticComponent<import("..
     children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | [ReactElement<any, string | import("react").JSXElementConstructor<any>>] | [ReactElement<any, string | import("react").JSXElementConstructor<any>>, ReactElement<any, string | import("react").JSXElementConstructor<any>>] | undefined;
     /** */
     className?: string | undefined;
+    /**
+     * 内部の `<input>` 要素のクラス名。
+     */
+    inputClassName?: string | undefined;
+    /**
+     * 内部の `<input>` 要素の ID。
+     */
+    inputId?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -50,4 +50,12 @@ export declare const Radio: import("react").ForwardRefExoticComponent<import("..
     onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
     /** */
     className?: string | undefined;
+    /**
+     * 内部の `<input>` 要素のクラス名。
+     */
+    inputClassName?: string | undefined;
+    /**
+     * 内部の `<input>` 要素の ID。
+     */
+    inputId?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/root/defaultGlobalStyle.d.ts

@@ -1 +1 @@
-export declare const defaultGlobalStyle: (rootFontSize: string) => import("@emotion/utils").SerializedStyles;
+export declare const defaultGlobalStyle: (rootFontSize: string, resetAll: boolean) => import("@emotion/utils").SerializedStyles;

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

@@ -39,6 +39,8 @@ type RootProps = {
     /** */
     defaultReady?: boolean;
     /** */
+    resetCssAll?: boolean;
+    /** */
     children: ReactNode;
 };
 /**

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` のときは警告表示になります。
@@ -54,4 +61,12 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
     onBlur?: ((event: ChangeEvent<HTMLTextAreaElement>) => unknown) | undefined;
     /** */
     className?: string | undefined;
+    /**
+     * 内部の `<textarea>` 要素のクラス名。
+     */
+    textareaClassName?: string | undefined;
+    /**
+     * 内部の `<textarea>` 要素の ID。
+     */
+    textareaId?: string | undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

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/contentHeader/contentTitle.d.ts

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
  * @category React コンポーネント
  */
 export declare const ContentTitle: 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/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>>;

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

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

package/dist/components/modules/tabList/tab.d.ts

@@ -5,9 +5,11 @@ import { MouseEvent, ReactNode } from "react";
  */
 export declare const Tab: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
     className?: string | undefined;
-    id?: string | undefined; /** */
+    id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
+    /** */
+    scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
     /** */
     isActive?: boolean | undefined;
     /** */