@baton8/general-components 2.1.0-alpha.6 → 2.1.0-alpha.8

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

@@ -49,7 +49,6 @@ export declare const Button: import("react").ForwardRefExoticComponent<import(".
     type?: "button" | "reset" | "submit" | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /**

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

@@ -27,6 +27,16 @@ export declare const CheckableContainer: import("react").ForwardRefExoticCompone
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
+    /**
+     * バリデーションエラーがあるかどうか。
+     * `boolean` 値を設定すると、その値が子要素に伝搬されます。
+     */
+    isError?: boolean | undefined;
+    /**
+     * 無効にするかどうか。
+     * `boolean` 値を設定すると、その値が子要素に伝搬されます。
+     */
+    isDisabled?: boolean | undefined;
     /**
      * 表示する内容。
      * コントロールと `CheckableLabel` を 1 つずつ置いてください。

package/dist/components/atoms/checkableContainer/checkableLabel.d.ts

@@ -10,18 +10,13 @@ import { ReactNode } from "react";
  */
 export declare const CheckableLabel: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
     className?: string | undefined;
-    /**
-     * ### チェック系コントロール用のラベル
-     *
-     * #### 内部使用のみ
-     * このコンポーネントは [`CheckableContainer`](/docs/atoms-CheckableContainer-CheckableContainer--ドキュメント) の子要素に配置することを想定しているため、単独では使わないでください。
-     * 詳細は [`CheckableContainer`](/docs/atoms-CheckableContainer-CheckableContainer--ドキュメント) のドキュメントを参照してください。
-     * @group React コンポーネント
-     * @category React コンポーネント
-     */
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
+    /**
+     * 無効にするかどうか。
+     */
+    isDisabled?: boolean | undefined;
     /** */
     children: ReactNode;
     /** */

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

@@ -37,14 +37,12 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<import(
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

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

@@ -55,6 +55,16 @@ export declare const ControlContainer: import("react").ForwardRefExoticComponent
      * @defaultValue `true`
      */
     isLabel?: boolean | undefined;
+    /**
+     * バリデーションエラーがあるかどうか。
+     * `boolean` 値を設定すると、その値が子要素に伝搬されます。
+     */
+    isError?: boolean | undefined;
+    /**
+     * 無効にするかどうか。
+     * `boolean` 値を設定すると、その値が子要素に伝搬されます。
+     */
+    isDisabled?: boolean | undefined;
     /** */
     children: ReactNode;
     /** */

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

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+/**
+ * ### コントロールグループ
+ *
+ * #### 説明
+ * 複数のコントロールを横並びに隣接して表示します。
+ * 関連性の高いコントロールをまとめて 1 つのコントロールのように見せることができます。
+ *
+ * コントロールグループに対応したコンポーネントを直下に置くと、角丸や境界線の設定が自動で適用されます。
+ * 対応しているコンポーネントは以下の通りです。
+ * - [`Button`](/docs/atoms-Button-Button--ドキュメント)
+ * - [`IconButton`](/docs/atoms-IconButton-IconButton--ドキュメント)
+ * - [`Input`](/docs/atoms-Input-Input--ドキュメント)
+ * - [`PasswordInput`](/docs/atoms-PasswordInput-PasswordInput--ドキュメント)
+ * - [`FileInput`](/docs/atoms-FileInput-FileInput--ドキュメント)
+ *
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const ControlGroup: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    children: ReactNode;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/atoms/controlGroup/index.d.ts

@@ -0,0 +1 @@
+export * from "./controlGroup";

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

@@ -22,14 +22,12 @@ type FileInputProps<M extends boolean> = CommonProps & AriaAttributes & {
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean;
     /** */
     isRequired?: boolean;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /** */

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

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

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

@@ -41,7 +41,6 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<impor
     type?: "button" | "reset" | "submit" | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /**

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

@@ -62,14 +62,12 @@ export declare const Input: import("react").ForwardRefExoticComponent<import("..
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

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

@@ -47,14 +47,12 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

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

@@ -36,14 +36,12 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

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

@@ -34,14 +34,12 @@ export declare const Switch: import("react").ForwardRefExoticComponent<import(".
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

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

@@ -7,7 +7,7 @@ import { AriaAttributes, ChangeEvent } from "react";
 export declare const Textarea: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
     className?: string | undefined;
     id?: string | undefined;
-    style?: import("react").CSSProperties | undefined; /** */
+    style?: import("react").CSSProperties | undefined;
 } & AriaAttributes & {
     /** */
     value?: string | undefined;
@@ -23,7 +23,7 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
      * リサイズ可能な方向。
      * @defaultValue `"vertical"`
      */
-    resize?: "both" | "none" | "horizontal" | "vertical" | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
     /** */
     inputMode?: "search" | "numeric" | "decimal" | "text" | "none" | "tel" | "url" | "email" | undefined;
     /**
@@ -42,14 +42,12 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
     /**
      * バリデーションエラーがあるかどうか。
      * これが `true` のときは警告表示になります。
-     * @defaultValue `false`
      */
     isError?: boolean | undefined;
     /** */
     isRequired?: boolean | undefined;
     /**
      * 無効にするかどうか。
-     * @defaultValue `false`
      */
     isDisabled?: boolean | undefined;
     /** */

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from "./atoms/button";
 export * from "./atoms/checkableContainer";
 export * from "./atoms/checkbox";
 export * from "./atoms/controlContainer";
+export * from "./atoms/controlGroup";
 export * from "./atoms/divider";
 export * from "./atoms/fileInput";
 export * from "./atoms/generalIcon";

package/dist/contexts/controlState/context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type ControlStateContextValue = {
+    isDisabled?: boolean;
+    isError?: boolean;
+};
+export declare const controlStateContext: import("react").Context<ControlStateContextValue | undefined>;
+export declare const ControlStateProvider: import("react").Provider<ControlStateContextValue | undefined>;
+export {};