ingred-ui 31.0.5 → 31.0.6

package/dist/components/DateField/DateField2/useDateField2.d.ts

@@ -33,6 +33,7 @@ export declare const useDateField2: ({ date, format, disabled, onDateChange, }:
         spellCheck?: undefined;
         autoCorrect?: undefined;
         style?: undefined;
+        "aria-label"?: undefined;
         onFocus?: undefined;
         onBlur?: undefined;
         onKeyDown?: undefined;
@@ -52,6 +53,7 @@ export declare const useDateField2: ({ date, format, disabled, onDateChange, }:
         style: {
             caretColor: "transparent";
         };
+        "aria-label": "日" | "月" | "年" | undefined;
         onFocus: () => void;
         onBlur: (e: React.FocusEvent) => void;
         onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;

package/dist/components/DropdownButton/types.d.ts

@@ -59,6 +59,16 @@ export type DropdownButtonProps = {
      * - アイコン + テキスト: スピナー + ローディングテキストを表示（`true`の場合はデフォルトで"Loading..."）
      */
     loading?: boolean | string;
+    /**
+     * ドロップダウンメニューを開くトグルボタンに付ける accessible name。
+     * - split=true のときの分割トリガー（矢印のみのボタン）
+     * - 単一トリガーが children を持たないとき（アイコンのみ／ローディング中）
+     * のフォールバックとして使用されます。split モードのメインボタン (左側
+     * の onClick 用ボタン) には適用されないので、そちらが icon-only になる
+     * 場合は呼び出し側で `children` か aria-label を渡してください。
+     * @default "メニューを開く"
+     */
+    toggleAriaLabel?: string;
 };
 export type DropdownButtonSizeConfig = {
     arrowIconSize: number;

package/dist/components/LoadingBar/LoadingBar.d.ts

@@ -1,2 +1,2 @@
-declare const LoadingBar: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+declare const LoadingBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, "role" | "aria-busy" | "aria-label"> & Partial<Pick<any, "role" | "aria-busy" | "aria-label">>> & string;
 export default LoadingBar;

package/dist/components/Slider/types.d.ts

@@ -45,6 +45,10 @@ export type SliderProps = {
      * Additional inline styles.
      */
     style?: React.CSSProperties;
+    /**
+     * Accessible name for the slider. Use this when the slider has no visible label.
+     */
+    "aria-label"?: string;
     /**
      * ID of the element that labels the slider.
      */

package/dist/components/TimeField/useTimeField2.d.ts

@@ -32,6 +32,7 @@ export declare const useTimeField2: ({ time, disabled, onTimeChange, }: Props) =
         spellCheck?: undefined;
         autoCorrect?: undefined;
         style?: undefined;
+        "aria-label"?: undefined;
         onFocus?: undefined;
         onBlur?: undefined;
         onKeyDown?: undefined;
@@ -51,6 +52,7 @@ export declare const useTimeField2: ({ time, disabled, onTimeChange, }: Props) =
         style: {
             caretColor: "transparent";
         };
+        "aria-label": string;
         onFocus: () => void;
         onBlur: (e: React.FocusEvent) => void;
         onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;

package/dist/components/WeekTime/internal/WeekTimeElement/WeekTimeElement.d.ts

@@ -6,6 +6,13 @@ export type WeekTimeElementProps = {
         active: boolean;
         hover: boolean;
     } & React.HTMLAttributes<HTMLButtonElement | HTMLSpanElement>>;
+    /**
+     * インタラクティブなセル（button）として描画される場合は true。
+     * 読み取り専用（span）として描画される場合は false。
+     * span に aria-label / aria-pressed を付与すると axe の aria-prohibited-attr に該当するため、
+     * インタラクティブな場合のみ付与する。
+     */
+    interactive?: boolean;
     isWithinHoverRange?: (weekIndex: number, timeIndex: number) => boolean;
     onMouseOver?: (weekIndex: number, timeIndex: number) => void;
     onMouseDown?: (weekIndex: number, timeIndex: number, time: string) => void;