ingred-ui 33.1.0 → 33.2.0

package/README.md

@@ -55,28 +55,29 @@ Storybook: https://ingred-ui.netlify.app/
 
 ## Development
 
-このリポジトリでは [pnpm](https://pnpm.io/) を使います（`package.json` の `packageManager` フィールド参照）。Node.js 20 以上を推奨します。
+Node.js 20 以上を推奨します。パッケージ管理は [pnpm](https://pnpm.io/)（`package.json` の `packageManager`）。**ローカル開発では `make` が `pnpm run` のラッパー**（fluct_ms の client と同様）。CI は従来どおり `ci.mk` を使用します。
 
 ```bash
 # 初回・依存更新後
-pnpm install
-
-# よく使うコマンド
-pnpm run lint
-pnpm run test
-pnpm run storybook
-pnpm run build-storybook
-pnpm run build
-pnpm run format
+make install   # または make setup
+
+# よく使うコマンド（一覧は make / make help）
+make lint
+make test
+make storybook
+make build-storybook
+make build
+make format
 ```
 
+特定テストだけ実行する例: `make test ARGS='--testPathPattern=Banner'`
+
 ### 祝日データの更新
 
 カレンダーコンポーネントで使用される日本の祝日データは、内閣府が公開しているCSVファイルから自動的に更新されます。
 
 ```bash
-# 手動で祝日データを更新
-pnpm run update-holidays
+make update-holidays
 ```
 
 詳細な情報については、[scripts/holiday/README.md](./scripts/holiday/README.md) を参照してください。

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

@@ -32,4 +32,4 @@ export type { ValueDefinition } from "./utils/values";
 export { isRangeOperator, isCustomOperator, isValidFilterConfig, isValidFilterType, generateTagText, generateTagTitle, getTagBoldText, getAvailableTypes, getFilterTypeLabel, buildFilterSlots, getPresetSlotId, isConfiguredFilter, getConfiguredFilters, } from "./utils/helpers";
 export { FilterPositionCalculator } from "./utils/positionCalculator";
 export { ADVANCED_FILTER_CONSTANTS } from "./constants";
-export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, AdvancedFilterSelectionMode, FilterSlotView, } from "./types";
+export type { AdvancedFilterProps, FilterType, FilterTypeConfig, FilterConfig, AppliedFilter, OperatorDefinition, AdvancedFilterSize, AdvancedFilterVariant, FilterOperator, FilterInputType, FilterPresetType, AdvancedFilterSelectionMode, FilterSlotView, MultiConditionLogic, } from "./types";

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

@@ -0,0 +1,11 @@
+/**
+ * MultiConditionLogicDivider - 複数条件フィルタの条件間区切り
+ *
+ * 条件と条件の間に AND / OR バッジと水平線を表示する。
+ */
+import React from "react";
+import { MultiConditionLogic } from "../types";
+export type MultiConditionLogicDividerProps = {
+    logic: MultiConditionLogic;
+};
+export declare const MultiConditionLogicDivider: React.FC<MultiConditionLogicDividerProps>;

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

@@ -143,6 +143,16 @@ export declare const FilterTypeName: import("styled-components/dist/types").ISty
  * コンテンツエリア
  */
 export declare const Content: 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 MultiConditionHeader: 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 MultiConditionHeaderLabel: 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;
+/**
+ * 複数条件フィルタの条件間区切り（AND / OR バッジ + 水平線）
+ */
+export declare const MultiConditionLogicDividerContainer: 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 MultiConditionLogicDividerLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>>> & string;
 /**
  * セクション
  */

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

@@ -53,6 +53,8 @@ export type ValueDefinition = {
     value: string | boolean;
     label: string;
 };
+/** 複数条件フィルタ内の条件結合ロジック */
+export type MultiConditionLogic = "and" | "or";
 /**
  * 1つのフィルタタイプで複数のフィルタリング条件を設定するための設定定義
  * 例: 複合フィルタで「性別」と「年齢」の2つの条件を設定
@@ -112,6 +114,13 @@ export type FilterTypeConfig = {
     };
     /** このフィルタタイプで設定可能な複数条件の設定（複数条件フィルタ用） */
     multiConditionConfigs?: MultiFilterConditionConfig[];
+    /**
+     * 複数条件フィルタ内の条件結合ロジック（区切り線バッジの表示用）
+     * - "and" または未指定: AND（デフォルト）
+     * - "or": OR
+     * 注: 現時点のフィルタ評価は AND 固定。OR は表示のみ対応。
+     */
+    multiConditionLogic?: MultiConditionLogic;
     /** 日付の表示フォーマット（dayjs形式）。指定時は Tag と DatePicker で同一フォーマット。未指定は YYYY-MM-DD */
     dateFormat?: string;
 };

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

@@ -11,7 +11,7 @@
  * - タグ表示: タグのテキスト・タイトル生成
  * - バリデーション: フィルター設定・タイプの有効性チェック
  */
-import { AppliedFilter, FilterConfig, FilterInputType, FilterSlotView, FilterTypeConfig, MultiFilterConditionConfig, OperatorDefinition, ValueDefinition } from "../types";
+import { AppliedFilter, FilterConfig, FilterInputType, FilterSlotView, FilterTypeConfig, MultiConditionLogic, MultiFilterConditionConfig, OperatorDefinition, ValueDefinition } from "../types";
 /**
  * 範囲指定が必要なオペレーターかどうかを判定
  * @param operator オペレーターのvalue
@@ -121,6 +121,10 @@ export declare const hasMultiConditions: (filterConfig?: FilterTypeConfig) => bo
  * 複数条件設定を取得する
  */
 export declare const getMultiConditionConfigs: (filterConfig?: FilterTypeConfig) => MultiFilterConditionConfig[];
+/**
+ * 複数条件フィルタ内の条件結合ロジックを取得する
+ */
+export declare const getMultiConditionLogic: (filterConfig?: FilterTypeConfig) => MultiConditionLogic;
 /**
  * 条件キーから条件設定を取得する
  */

package/dist/components/Banner/styled.d.ts

@@ -8,6 +8,9 @@ type ContentWrapperProps = {
     size: BannerSize;
 };
 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;
+/** 左アイコン — 狭い幅でも flex で縮まない */
+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 ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & ContentWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & ContentWrapperProps, 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 CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
 export {};

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

@@ -12,6 +12,9 @@ type ContainerProps = {
     opacity: number;
 };
 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 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 = {

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

@@ -0,0 +1,6 @@
+/** ToastContainer の gutter（8px）×2 分だけビューポートから引く */
+export declare const TOAST_VIEWPORT_INLINE_INSET_PX: number;
+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))";