@mooncellwiki/prts-design-tokens 0.1.22 → 0.1.23

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.22",
3
+ "version": "0.1.23",
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: "0px", $description: "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带" },
36
+ "keyart-reveal": { $value: "72px", $description: "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉,各宽度相同(手机上也露);0 = 完全垫在版面背后;= --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)计算" },
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: 0px; /* 留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带 */
647
+ --ak-keyart-reveal: 72px; /* 留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉,各宽度相同(手机上也露);0 = 完全垫在版面背后;= --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)计算 */
package/tokens.json CHANGED
@@ -3322,11 +3322,11 @@
3322
3322
  "chrome",
3323
3323
  "keyart-reveal"
3324
3324
  ],
3325
- "description": "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认 0 = 完全垫在版面背后,版面直接从页眉之下排起——侧栏首屏就在它吸顶的位置,整条都在视口里(露出段会把它往下推,矮窗口里底下一截出了视口);设成 72px 之类先露一小条画;= --ak-keyart-h 即一条横幅带",
3326
- "css": "0px",
3325
+ "description": "留在版面之上、不被压住的一段高度(不超过 --ak-keyart-h,没有头图时不占位):默认留一小条,画先露一口气、版面不贴着页眉,各宽度相同(手机上也露);0 = 完全垫在版面背后;= --ak-keyart-h 即一条横幅带。露出段会把侧栏导轨往下推这么多——它的高度按吸顶位置算,矮窗口里首屏底下那一截要滚一下才看得到,侧栏内容宜短",
3326
+ "css": "72px",
3327
3327
  "resolved": {
3328
- "light": "0px",
3329
- "dark": "0px"
3328
+ "light": "72px",
3329
+ "dark": "72px"
3330
3330
  }
3331
3331
  },
3332
3332
  {