@charcoal-ui/react 6.0.0-rc.3 → 6.0.0-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/react",
-  "version": "6.0.0-rc.3",
+  "version": "6.0.0-rc.4",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -42,10 +42,10 @@
     "polished": "^4.1.4",
     "react-compiler-runtime": "1.0.0",
     "warning": "^4.0.3",
-    "@charcoal-ui/theme": "6.0.0-rc.3",
-    "@charcoal-ui/foundation": "6.0.0-rc.3",
-    "@charcoal-ui/utils": "6.0.0-rc.3",
-    "@charcoal-ui/icons": "6.0.0-rc.3"
+    "@charcoal-ui/theme": "6.0.0-rc.4",
+    "@charcoal-ui/foundation": "6.0.0-rc.4",
+    "@charcoal-ui/utils": "6.0.0-rc.4",
+    "@charcoal-ui/icons": "6.0.0-rc.4"
   },
   "peerDependencies": {
     "react": ">=17.0.0",

package/src/__tests__/css-variables.test.ts

@@ -5,7 +5,7 @@ import path from 'node:path'
 const componentsDir = path.resolve(import.meta.dirname, '../components')
 const unstableCssDir = path.resolve(
   import.meta.dirname,
-  '../../../theme/src/unstable-css',
+  '../../../theme/src/css/v2',
 )
 
 async function getCssFiles(dir: string): Promise<string[]> {

package/src/__tests__/token-v1-compat.test.ts

@@ -6,7 +6,7 @@ import postcss, { type Rule } from 'postcss'
 // Design Token 1.0互換モードの「見た目の非破壊」を検証する。
 //
 // 移行: 旧 `@charcoal-ui/react/dist/index.css` (v1, --charcoal-* を直接使用)
-//   →  新 コンポーネントCSS (v2, --charcoal-color-* を使用) + `_token_v1.css` remap
+//   →  新 コンポーネントCSS (v2, --charcoal-color-* を使用) + `v1/remap.css` remap
 //
 // 非破壊であるためには、各 (セレクタ, プロパティ) で新CSSが使う 1つの --charcoal-color-*
 // が、旧CSSで使われていた「単一の」--charcoal-* に対応していなければならない。同じ新トークンが

package/src/__tests__/token-v1-remap.test.ts

@@ -3,9 +3,9 @@ import fs from 'node:fs/promises'
 import path from 'node:path'
 import postcss from 'postcss'
 
-// Design Token 1.0互換モード (`@charcoal-ui/theme/css/_token_v1.css`) の remap を検証する。
+// Design Token 1.0互換モード (`@charcoal-ui/theme/css/v1/remap.css`) の remap を検証する。
 //
-// アプリは 1.0互換 (`_token_v1.css`) か 2.0 (`_variables_*.css`) のいずれかで --charcoal-color-*
+// アプリは 1.0互換 (`v1/remap.css`) か 2.0 (`v2/{light,dark}.css`) のいずれかで --charcoal-color-*
 // を供給し、コンポーネント実装CSS (`@charcoal-ui/react`) がそれを消費する。remap が
 // 「壊さない・冗長でない・正しい」ことを次で担保する:
 //   1. 非破壊: コンポーネントが使う --charcoal-color-* は全て remap 経由で解決できる。
@@ -13,8 +13,8 @@ import postcss from 'postcss'
 //   3. 冗長でない: 2.0 API にも無く・内部参照も無く・コンポーネントも使わないトークンを持たない。
 
 const cssDir = path.resolve(import.meta.dirname, '../../../theme/src/css')
-const tokenV1Path = path.join(cssDir, '_token_v1.css')
-const variables2Path = path.join(cssDir, '_variables_light.css')
+const tokenV1Path = path.join(cssDir, 'v1/remap.css')
+const variables2Path = path.join(cssDir, 'v2/light.css')
 const componentsDir = path.resolve(import.meta.dirname, '../components')
 
 const COLOR_PREFIX = '--charcoal-color-'
@@ -89,7 +89,7 @@ for (const file of componentCssFiles) {
     componentUsed.add(v)
 }
 
-describe('Design Token 1.0互換 (_token_v1.css) remap', () => {
+describe('Design Token 1.0互換 (v1/remap.css) remap', () => {
   it('重複定義がない', () => {
     expect(duplicates).toEqual([])
   })
@@ -119,7 +119,7 @@ describe('Design Token 1.0互換 (_token_v1.css) remap', () => {
   })
 
   it.each(componentCssFiles)(
-    '%s: 使用する --charcoal-color-* は全て _token_v1.css 経由で解決する (非破壊)',
+    '%s: 使用する --charcoal-color-* は全て v1/remap.css 経由で解決する (非破壊)',
     async (file) => {
       const css = await fs.readFile(file, 'utf-8')
       const unresolved = [...usedColorVars(css)]