kaze-design-system 0.10.0 → 0.10.2

package/CHANGELOG.md

@@ -16,6 +16,21 @@ CHANGELOG entries and version bumps are generated automatically by `.github/work
 ### 0.x policy
 
 While the major version is 0, a **minor** release may include breaking changes (they are called out in the release notes with a migration note); a **patch** release never does. The public API will be frozen at 1.0.
+## [0.10.2] - 2026-10-29
+
+### Other
+
+- docs: rewrite the README intro and showcase copy, link npm from the top page (#51)
+
+
+## [0.10.1] - 2026-10-29
+
+### Other
+
+- chore(deps-dev): bump @testing-library/jest-dom from 6.9.1 to 7.0.1 (#46)
+- chore(deps-dev): bump the dev-dependencies group with 14 updates (#45)
+
+
 ## [0.10.0] - 2026-10-29
 
 ### Features

package/README.md

@@ -3,14 +3,16 @@
 [![npm version](https://img.shields.io/npm/v/kaze-design-system)](https://www.npmjs.com/package/kaze-design-system)
 [![GitHub](https://img.shields.io/github/license/yuki930/kaze-design-system)](https://github.com/yuki930/kaze-design-system/blob/main/LICENSE)
 
-**Kaze (風)** は、管理画面・ダッシュボード・金融系アプリのための React デザインシステムです。**白と温かみのあるグレーを基調にした静かな配色**と、日本語組版への丁寧な最適化（PALT・和欧混植・読みやすい行間）、そしてコピペで完結する 69 のコンポーネントを 1 パッケージにまとめています。派手な色や装飾ではなく「読みやすさ」「情報密度」「長時間見続けても疲れないこと」を設計の中心に置いています。
+**Kaze（風）** は、業務アプリやダッシュボードのための React デザインシステムです。白と温かみのあるグレーを基調にした、落ち着いた見た目。数字と日本語を一日中読み続ける画面のために作っています。
 
-- **69 コンポーネント**: フォーム、テーブル、依存ゼロの SVG チャート（折れ線・縦棒・ヒートマップ等）、ダッシュボード UI、ランディングページ、マーケティングパーツまで
-- **日本語組版に最適化**: PALT グローバル適用、和欧混植、括弧ツメ、適切な line-height
-- **ライト / ダーク両対応**: `data-theme` 属性で切替、`prefers-color-scheme` 連動
-- **素の CSS + カスケードレイヤー**: `@layer kaze.tokens, kaze.reset, kaze.components, kaze.utilities` でカスケード管理、Tailwind/CSS-in-JS 不要
-- **ESM only + Tree-shakeable**: React 18 / 19 + TypeScript、peer deps は `react`, `react-dom`（`lucide-react` は任意）のみ
-- **AI フレンドリー**: [`/llms.txt`](https://kaze-design-system.vercel.app/llms.txt) で全コンポーネント API を 1 ファイル配信
+- **日本語がきれいに読める**: 本文は Noto Sans JP で、行間は 1.75 とゆったりめ。小さい「っ」や「ー」が行の頭に来ないようにし、行頭の括弧の余白も詰めます。文字詰め（palt）は見出しと大きな数字だけにかけ、本文は読みやすさを優先しています
+- **日本語入力でつまずかない**: 変換を確定する Enter では送信されません。全角の「１２３」や「ー」のマイナスも数値として受け取り、ひらがなとカタカナのどちらで検索しても見つかります
+- **69 のコンポーネント**: フォーム、テーブル、ダッシュボード、ランディングページまで。折れ線・縦棒・ヒートマップなどのグラフも、外部ライブラリなしの SVG で描きます
+- **だれでも使える**: 文字と背景のコントラストは、どのテーマでも WCAG 2.2 AA を満たします。ダイアログ・メニュー・タブはキーボードだけで操作できます
+- **テーマと密度を切り替えられる**: ライト / ダーク、温かみのあるグレー / 青みのグレー、ふつう / コンパクト。どれも HTML の属性ひとつで切り替わります
+- **素の CSS で動く**: CSS 変数とカスケードレイヤーだけで作っていて、CSS-in-JS は使いません。Tailwind と同じページでも併用できます
+- **軽い**: 実行時の依存パッケージはゼロ。ESM なので、使った分だけがバンドルに入ります。React 18 / 19 と TypeScript に対応しています
+- **AI にも読める**: [`/llms.txt`](https://kaze-design-system.vercel.app/llms.txt) に、全コンポーネントの API を 1 ファイルでまとめています
 
 ## Links
 
@@ -76,7 +78,7 @@ import "kaze-design-system/css/all";
 ```
 
 `css/all` は tokens / reset / components / utilities を `@layer` 付きでまとめたエントリポイントです。
-CSS カスケードレイヤーにより詳細度が管理されるため、上書きも容易です。
+カスケードレイヤーで詳細度を管理しているので、上書きもかんたんです。
 
 ### 個別読み込み
 

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

@@ -35,7 +35,7 @@ interface ToastContextValue {
     dismiss: (id: string) => void;
 }
 export declare function useToast(): ToastContextValue;
-export declare function ToastProvider({ children, closeLabel, containerLabel, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ children, closeLabel, containerLabel, }: ToastProviderProps): import("react").JSX.Element;
 export declare namespace ToastProvider {
     var displayName: string;
 }

package/dist/types/hooks/ThemeScript.d.ts

@@ -12,4 +12,4 @@ export interface ThemeScriptProps {
  *
  * Reads the same localStorage keys as `ThemeProvider` ("kaze-theme" / "kaze-palette").
  */
-export declare function ThemeScript({ defaultTheme, nonce }: ThemeScriptProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeScript({ defaultTheme, nonce }: ThemeScriptProps): import("react").JSX.Element;

package/dist/types/hooks/useTheme.d.ts

@@ -13,5 +13,5 @@ export interface ThemeProviderProps {
     children: ReactNode;
     defaultTheme?: Theme;
 }
-export declare function ThemeProvider({ children, defaultTheme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme }: ThemeProviderProps): import("react").JSX.Element;
 export declare function useTheme(): ThemeContextValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaze-design-system",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -109,7 +109,7 @@
     "@storybook/addon-docs": "^10.2.10",
     "@storybook/addon-vitest": "^10.2.10",
     "@storybook/nextjs": "^10.2.10",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "25.3.0",