ksk-design-system 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"meta": {
|
|
3
3
|
"name": "KSK Design System — Semantic Token Hex Cache",
|
|
4
|
-
"version": "2.1.
|
|
4
|
+
"version": "2.1.1",
|
|
5
5
|
"description": "semantic / semanticDark トークン（var(--Primitive-*) 参照）を実 hex に解決したサイドカー生成物。hex はデフォルト（Blue）テーマでの解決値であり、Brand 系（meta.themeDependentKeys に列挙）はテーマ差し替え（orange/green/violet 等）で実色が変わる。テーマ別の完全解決値は `ksk-design-system/native` エクスポート（バンドル済み native トークンモジュール）の themes を参照。tokens.json 本体のスキーマは変更せず、AI がこのファイルだけで実色を把握できるようにし、primitive 値の変更による semantic 実色のドリフトを --check で機械検出する。",
|
|
6
6
|
"generatedBy": "scripts/generate-token-hex-cache.mjs",
|
|
7
7
|
"theme": "default",
|
package/package.json
CHANGED
|
@@ -48,6 +48,19 @@
|
|
|
48
48
|
box-shadow: var(--Nav-Pill-Shadow, var(--glass-highlight), var(--glass-shadow));
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
+
/* ── ダーク / 暗背景宣言区画での詳細度対策（issue #486 の実測バグ）──
|
|
52
|
+
glass.css の @supports ブロックが `.dark .glass` / `[data-glass-backdrop="dark"] .glass`
|
|
53
|
+
という **2 クラスセレクタ (0,2,0)** で backdrop-filter を上書きしている。
|
|
54
|
+
上の `[data-slot="bottom-nav-pill"]` は (0,1,0) なので、宣言順に関係なく
|
|
55
|
+
詳細度で負け、**ダークでだけ --Nav-Pill-Backdrop が無視される**（v2.1.0 で実測）。
|
|
56
|
+
同じ 2 クラス相当のセレクタで受け直す。フォールバックは glass.css の
|
|
57
|
+
ダーク側の値そのままなので、未宣言時のレンダリングは変わらない。 */
|
|
58
|
+
.dark [data-slot="bottom-nav-pill"],
|
|
59
|
+
[data-glass-backdrop="dark"] [data-slot="bottom-nav-pill"] {
|
|
60
|
+
-webkit-backdrop-filter: var(--Nav-Pill-Backdrop, var(--glass-blur) var(--glass-refract-dark));
|
|
61
|
+
backdrop-filter: var(--Nav-Pill-Backdrop, var(--glass-blur) var(--glass-refract-dark));
|
|
62
|
+
}
|
|
63
|
+
|
|
51
64
|
[data-slot="bottom-nav-pill"][data-tone="inverse"] {
|
|
52
65
|
background: var(--Nav-Pill-Surface, var(--glass-bg-dark));
|
|
53
66
|
-webkit-backdrop-filter: var(--Nav-Pill-Backdrop, var(--glass-blur-media-dark));
|