ingred-ui 33.1.0 → 33.1.1

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/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))";