ingred-ui 33.3.0 → 33.4.1

package/dist/components/AdvancedFilter/__tests__/CheckboxValueInput.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/AdvancedFilter/__tests__/RadioValueInput.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/AdvancedFilter/internal/OptionValueIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ValueDefinition } from "../types";
+type OptionValueIconProps = {
+    option: ValueDefinition;
+};
+export declare const OptionValueIcon: React.FC<OptionValueIconProps>;
+export {};

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

@@ -16,6 +16,7 @@
  */
 import type { MouseEvent } from "react";
 import { Theme } from "../../themes";
+import type { IconName } from "../Icon";
 import type { FilterOperator, FilterInputType, FilterPresetType } from "../../utils/filterTypes";
 export type { FilterOperator, FilterInputType, FilterPresetType };
 export type FilterType = {
@@ -52,6 +53,12 @@ export type OperatorDefinition = {
 export type ValueDefinition = {
     value: string | boolean;
     label: string;
+    /** 選択肢の左に表示するアイコン名 */
+    icon?: IconName;
+    /** アイコンの種類 */
+    iconType?: "line" | "fill";
+    /** アイコンの色（hex や theme の palette 値など） */
+    iconColor?: string;
 };
 /** 複数条件フィルタ内の条件結合ロジック */
 export type MultiConditionLogic = "and" | "or";

package/dist/components/AdvancedFilter/utils/values.d.ts

@@ -4,9 +4,16 @@
  * アプリケーション固有の値は外部から提供されるため、
  * 汎用的なヘルパー関数のみを提供する。
  */
+import type { IconName } from "../../Icon";
 export type ValueDefinition = {
     value: string;
     label: string;
+    /** 選択肢の左に表示するアイコン名 */
+    icon?: IconName;
+    /** アイコンの種類 */
+    iconType?: "line" | "fill";
+    /** アイコンの色（hex や theme の palette 値など） */
+    iconColor?: string;
 };
 /**
  * カスタム値作成用のヘルパー関数

package/dist/components/Toast/DefaultToast/styled.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
-    transitionDuration: number;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
-    transitionDuration: number;
-}, never>>> & string;
+/** 退場アニメ用の余白。横幅は Container に任せる */
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 type ContainerProps = {
     background: string;
     boxShadow: string;
@@ -11,11 +8,14 @@ type ContainerProps = {
     transform: string;
     opacity: number;
 };
+/**
+ * 横幅: fit-content + min/max のみ（Wrapper には付けない）
+ * - 短い: min まで / 中: 中身に追従 / 長い: max で折り返し
+ */
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
-/** アイコン・文言・閉じるボタン行（master の行高基準） */
 export declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CloseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 type CountdownProps = {
     autoDismissTimeout: number;

package/dist/components/Toast/constants.d.ts

@@ -1,6 +1,7 @@
-/** ToastContainer の gutter（8px）×2 分だけビューポートから引く */
+/** ビューポート左右 12px ずつの余白 */
 export declare const TOAST_VIEWPORT_INLINE_INSET_PX: number;
+export declare const TOAST_MOBILE_MIN_WIDTH_PX = 240;
+export declare const TOAST_DESKTOP_MIN_WIDTH_PX = 400;
 export declare const TOAST_MAX_WIDTH_PX = 800;
-export declare const TOAST_MIN_WIDTH_PX = 400;
-export declare const TOAST_MIN_HEIGHT_PX = 64;
-export declare const toastInlineMaxWidth = "min(800px, calc(100vw - 16px))";
+export declare const toastMobileMaxWidth = "calc(100vw - 24px)";
+export declare const toastDesktopMaxWidth = "800px";