@baton8/general-components 3.1.0-alpha.8 → 3.1.0-alpha.9

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

@@ -21,7 +21,7 @@ export declare const Badge: import("react").ForwardRefExoticComponent<import("..
      * 見た目のバリアント。
      * @defaultValue `"solid"`
      */
-    variant?: "solid" | "light" | "outline" | undefined;
+    variant?: "outline" | "solid" | "light" | 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?: "both" | "none" | "horizontal" | "vertical" | undefined;
+    flip?: "none" | "both" | "horizontal" | "vertical" | undefined;
     /**
      * アイコンの回転角度。
      * @defaultValue `0`
@@ -53,6 +53,11 @@ export declare const GeneralIcon: import("react").ForwardRefExoticComponent<impo
      * @defaultValue `false`
      */
     spin?: boolean | undefined;
+    /**
+     * アイコンの幅を固定するかどうか。
+     * @defaultValue `false`
+     */
+    isFixedWidth?: boolean | undefined;
     /** */
     className?: string | undefined;
 } & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -23,6 +23,11 @@ export declare const Icon: import("react").ForwardRefExoticComponent<import("../
     name: keyof typeof BUILTIN_ICONS;
     /** */
     label?: string | undefined;
+    /**
+     * アイコンの幅を固定するかどうか。
+     * @defaultValue `false`
+     */
+    isFixedWidth?: boolean | undefined;
     /** */
     className?: string | undefined;
 } & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,3 @@
+export * from "./segment";
+export * from "./segmentGroup";
+export * from "./segmentIconContainer";

package/dist/components/atoms/segmentGroup/segment.d.ts

@@ -0,0 +1,32 @@
+import { AriaAttributes, ChangeEvent, ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Segment: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & AriaAttributes & {
+    /** */
+    value: string;
+    /**
+     * `<input>` 要素の `change` イベントのリスナー。
+     * 入力された値を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    /** */
+    onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    /** */
+    children?: ReactNode;
+    /** */
+    className?: string | undefined;
+    /**
+     * 内部の `<input>` 要素のクラス名。
+     */
+    inputClassName?: string | undefined;
+    /**
+     * 内部の `<input>` 要素の ID。
+     */
+    inputId?: string | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,21 @@
+import { FunctionComponent, ReactNode } from "react";
+import { LeveledColorScheme } from "../../../modules/color";
+type SegmentGroupProps = {
+    /**
+     * カラースキーム。
+     * @defaultValue `"primary"`
+     */
+    scheme?: LeveledColorScheme;
+    /** */
+    value: string;
+    /** */
+    onSet: (value: string) => unknown;
+    /** */
+    children: ReactNode;
+};
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SegmentGroup: FunctionComponent<SegmentGroupProps>;
+export {};

package/dist/components/atoms/segmentGroup/segmentIconContainer.d.ts

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

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

@@ -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;
     /**

package/dist/components/index.d.ts

@@ -25,6 +25,7 @@ export * from "./atoms/radio";
 export * from "./atoms/radioGroup";
 export * from "./atoms/root";
 export * from "./atoms/secondaryHeading";
+export * from "./atoms/segmentGroup";
 export * from "./atoms/select";
 export * from "./atoms/singleLineText";
 export * from "./atoms/switch";

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LeveledColorScheme } from "../../modules/color";
+type SegmentGroupContextValue = {
+    scheme: LeveledColorScheme;
+    name: string;
+    value: string;
+    onSet: (value: string) => unknown;
+};
+export declare const segmentGroupContext: import("react").Context<SegmentGroupContextValue | undefined>;
+export declare const SegmentGroupProvider: import("react").Provider<SegmentGroupContextValue | undefined>;
+export {};