ingred-ui 32.0.0 → 33.0.0-canary.0

package/README.md

@@ -81,6 +81,34 @@ pnpm run update-holidays
 
 詳細な情報については、[scripts/holiday/README.md](./scripts/holiday/README.md) を参照してください。
 
+### カナリア版の publish
+
+試験版を npm の `@canary` タグで配布する。正式版リリース（changesets → `@latest`）とは独立した運用。
+
+#### publish する（maintainer）
+
+1. publish 対象ブランチの `package.json` の `version` を `X.Y.Z-canary.N` に設定する（例: `33.0.0-canary.0`）
+2. ブランチを push する
+3. GitHub Actions → **publish-canary** → Run workflow
+   - **Publish する branch / tag**: publish 対象のブランチ名（例: `feat/my-feature`）
+4. npm に `@canary` タグで publish される
+
+同じ内容を再 publish する場合は `-canary.N` の連番を上げる（npm は同一 version の再 publish 不可）。
+
+#### 利用する（利用側プロジェクト）
+
+publish された version を固定してインストールする。
+
+```json
+"ingred-ui": "33.0.0-canary.0"
+```
+
+peerDependencies 化を含む変更の場合は、README や PR に記載の追加パッケージも `dependencies` に入れる。
+
+#### 正式版リリース
+
+カナリアで問題なければ PR を master に merge し、いつも通り changesets の Version Packages PR 経由で `@latest` に publish する。
+
 ## License
 
 MIT © [CARTA HOLDINGS, Inc.](https://github.com/voyagegroup)

package/dist/components/NavigationRail/MobileMenuButton/MobileMenuButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * モバイルの「メニューを開く」ボタン。
+ *
+ * `NavigationRail.Container` 配下の任意の場所（独自 AppBar 内など）に設置できる。
+ * 設置すると Container は自動でデフォルト（右上固定）のメニューボタンを描画しなくなるため、
+ * 二重描画にならない。開閉ロジック・通知バッジ・アクセシビリティは組み込みと同一。
+ */
+export declare const MobileMenuButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NavigationRail/MobileMenuButton/MobileMenuButtonView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * モバイルの「メニューを開く」ボタン本体（presentational）。
+ * 表示条件（モバイル かつ ドロワー閉）と通知バッジ表示を内包する。
+ * 配置（固定/インライン）は呼び出し側に委ねる。
+ */
+export declare const MobileMenuButtonView: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NavigationRail/MobileMenuButton/index.d.ts

@@ -0,0 +1 @@
+export { MobileMenuButton } from "./MobileMenuButton";

package/dist/components/NavigationRail/NavigationRail.d.ts

@@ -7,6 +7,7 @@ import { Menu } from "./Menu";
 import { ExpansionMenu } from "./ExpansionMenu";
 import { ExpansionMenuItem } from "./ExpansionMenuItem";
 import { Slot, SlotContent } from "./Slot";
+import { MobileMenuButton } from "./MobileMenuButton";
 type ExportedComponentType = {
     (props: Props & React.RefAttributes<HTMLDivElement>): JSX.Element;
     Container: typeof NavigationRailContainer;
@@ -20,6 +21,7 @@ type ExportedComponentType = {
     MainContent: typeof MainContent;
     Slot: typeof Slot;
     SlotContent: typeof SlotContent;
+    MobileMenuButton: typeof MobileMenuButton;
 };
 type Props = {
     children?: React.ReactNode;

package/dist/components/NavigationRail/NavigationRailContainer/NavigationRailContainer.d.ts

@@ -22,6 +22,13 @@ export type NavigationRailContainerProps = {
      * 折りたたみ時の `Fixture` には 1 件以上で赤ドットのみ（件数なし）。メニュー行とは別管理。
      */
     slotNotificationCount?: number;
+    /**
+     * モバイル時にデフォルト（右上固定）の「メニューを開く」ボタンを描画するか。
+     * `NavigationRail.MobileMenuButton` を配置した場合はデフォルトが自動抑制される。
+     * 自前ボタンのみ使う場合は `false` を指定する。
+     * @default true
+     */
+    showMobileMenuButton?: boolean;
     children: React.ReactNode;
 };
 declare const NavigationRailContainer: React.ForwardRefExoticComponent<NavigationRailContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/NavigationRail/NavigationRailContainer/styled.d.ts

@@ -1,2 +1,2 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/NavigationRail/utils.d.ts

@@ -9,6 +9,12 @@ export type NavigationRailContextValues = {
     isMobile: boolean;
     isMobileMenuOpen: boolean;
     handleMobileMenuToggle?: () => void;
+    /**
+     * 任意位置に設置された `NavigationRail.MobileMenuButton` を登録する。
+     * 登録があると Container はデフォルト（右上固定）のメニューボタンを描画しない。
+     */
+    registerMobileMenuButton?: () => void;
+    unregisterMobileMenuButton?: () => void;
     /**
      * モバイル向けの未読件数（メニュー内の通知を含む合算。ドロワー閉時は開くボタンへ表示）。
      */