@mooncellwiki/prts-design-tokens 0.1.20 → 0.1.22

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mooncellwiki/prts-design-tokens",
3
- "version": "0.1.20",
3
+ "version": "0.1.22",
4
4
  "description": "PRTS Design · 明日方舟网页设计系统的设计令牌:W3C DTCG 格式的 JSON5 源 + CSS 变量版 tokens.css(亮 / 暗 / 跟随系统 / 局部主题)+ 解析后的 tokens.json(每个令牌带 CSS 写法与亮 / 暗解析值)",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -33,7 +33,7 @@
33
33
  "chrome-texture": { $value: ".55", $description: "右侧半调网点强度 0–1(游戏顶栏 img_back / 官网左缘网点),0 关闭" },
34
34
  "keyart-image": { $value: "none", $description: "头图(Key Visual):从页面顶端铺起、垫在页眉与版面背后的一幅通栏画;--ak-keyart-h 为 0 时只在页眉后面透" },
35
35
  "keyart-h": { $value: "0px", $description: "页眉之下那段画的高度(画有多高,不是占多高——占位看 -reveal)" },
36
- "keyart-reveal": { $value: "72px", $description: "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉;0 = 完全垫在版面背后;= --ak-keyart-h 即一条横幅带。≤639 为 0(functional/compact)" },
36
+ "keyart-reveal": { $value: "0px", $description: "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带" },
37
37
  "keyart-veil": { $value: "60%", $description: "垫在版面背后那一段蒙的画布色纱:顶端的浓度,往下渐浓到 100%。画面越花调得越高;别低于 50%(侧栏 / 标题压在画上要读得清)" },
38
38
  "keyart-veil-filter": { $value: "blur(8px)", $description: "纱底下先给画加的 filter(加在 ::before 里同一幅头图的副本上,不是 backdrop-filter):细节先糊开、再被纱盖住,亮色主题下读起来是雾 / 景深而不是隔着磨砂膜;none 关闭。画面鲜艳的主题可以再加 saturate(.6) 之类" },
39
39
  "keyart-position": { $value: "center 30%", $description: "-position / -size 相对整块(页眉高 + -h)计算" },
@@ -19,8 +19,4 @@
19
19
  "space-section": { $value: "{size.space.space-6}", $description: "24(宽屏 32)" },
20
20
  },
21
21
  },
22
- chrome: {
23
- $description: "窄屏的头图:不留露出段,版面(页面标题 / 动作行)直接从页眉之下排起、压在画上——手机首屏寸土寸金,画仍垫在页眉玻璃与版面背后透出来。主题显式设了 --ak-keyart-reveal 的照它的(chrome/keyart.css 在窄屏再收到 10vw 以内)。",
24
- "keyart-reveal": { $value: "0px", $description: "宽屏 72" },
25
- },
26
22
  }
package/tokens.css CHANGED
@@ -644,7 +644,7 @@ html.skin-theme-clientpref-night,
644
644
  --ak-chrome-texture: .55; /* 右侧半调网点强度 0–1(游戏顶栏 img_back / 官网左缘网点),0 关闭 */
645
645
  --ak-keyart-image: none; /* 头图(Key Visual):从页面顶端铺起、垫在页眉与版面背后的一幅通栏画;--ak-keyart-h 为 0 时只在页眉后面透 */
646
646
  --ak-keyart-h: 0px; /* 页眉之下那段画的高度(画有多高,不是占多高——占位看 -reveal) */
647
- --ak-keyart-reveal: 72px; /* 留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉;0 = 完全垫在版面背后;= --ak-keyart-h 即一条横幅带。≤639 为 0(functional/compact) */
647
+ --ak-keyart-reveal: 0px; /* 留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带 */
648
648
  --ak-keyart-veil: 60%; /* 垫在版面背后那一段蒙的画布色纱:顶端的浓度,往下渐浓到 100%。画面越花调得越高;别低于 50%(侧栏 / 标题压在画上要读得清) */
649
649
  --ak-keyart-veil-filter: blur(8px); /* 纱底下先给画加的 filter(加在 ::before 里同一幅头图的副本上,不是 backdrop-filter):细节先糊开、再被纱盖住,亮色主题下读起来是雾 / 景深而不是隔着磨砂膜;none 关闭。画面鲜艳的主题可以再加 saturate(.6) 之类 */
650
650
  --ak-keyart-position: center 30%; /* -position / -size 相对整块(页眉高 + -h)计算 */
@@ -658,7 +658,7 @@ html.skin-theme-clientpref-night,
658
658
  --ak-canvas-attachment: scroll;
659
659
  }
660
660
 
661
- /* ═══ 窄屏(≤ 639,与 Codex 的 640 断点一致):标题档整档收一级(h4 / 正文及以下不动),版面 gutter / 页眉高 / 大区块间隔收紧,头图不留露出段;原始的 --ak-space-* 阶梯不动 ═══ */
661
+ /* ═══ 窄屏(≤ 639,与 Codex 的 640 断点一致):标题档整档收一级(h4 / 正文及以下不动),版面 gutter / 页眉高 / 大区块间隔收紧;原始的 --ak-space-* 阶梯不动 ═══ */
662
662
  @media (max-width: 639px) {
663
663
  :root {
664
664
  /* ─── typography */
@@ -678,9 +678,6 @@ html.skin-theme-clientpref-night,
678
678
  --ak-header-h: 52px; /* 宽屏 56 */
679
679
  --ak-gutter: var(--ak-gutter-sm); /* 16(宽屏 24) */
680
680
  --ak-space-section: var(--ak-space-6); /* 24(宽屏 32) */
681
-
682
- /* ─── chrome · 窄屏的头图:不留露出段,版面(页面标题 / 动作行)直接从页眉之下排起、压在画上——手机首屏寸土寸金,画仍垫在页眉玻璃与版面背后透出来。主题显式设了 --ak-keyart-reveal 的照它的(chrome/keyart.css 在窄屏再收到 10vw 以内)。 */
683
- --ak-keyart-reveal: 0px; /* 宽屏 72 */
684
681
  }
685
682
  }
686
683
 
package/tokens.json CHANGED
@@ -3322,16 +3322,11 @@
3322
3322
  "chrome",
3323
3323
  "keyart-reveal"
3324
3324
  ],
3325
- "description": "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉;0 = 完全垫在版面背后;= --ak-keyart-h 即一条横幅带。≤639 为 0(functional/compact)",
3326
- "css": "72px",
3325
+ "description": "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带",
3326
+ "css": "0px",
3327
3327
  "resolved": {
3328
- "light": "72px",
3329
- "dark": "72px"
3330
- },
3331
- "compact": {
3332
- "css": "0px",
3333
- "resolved": "0px",
3334
- "description": "宽屏 72"
3328
+ "light": "0px",
3329
+ "dark": "0px"
3335
3330
  }
3336
3331
  },
3337
3332
  {