@neatui/css 4.2.2 → 4.2.4

package/GUIDE.md

@@ -1350,7 +1350,7 @@ cursor-move
 - `ux-click[-sub] / hover-underline / ui-hover=":underline"`：始终显示
   pointer 与下划线，不会绑定 click 或 hover 事件；
 - `ux-scale`：`:active` 时缩放到 `.95`；
-- `parent-hover:show / parent-hover:hide`：父级 hover 时只改变
+- `parent-hover:show / parent-hover:hide`：父级 `:hover` 或 `.active` 时只改变
   opacity 与 pointer-events，DOM 节点始终保留；
 - `ev-none|auto[-sub|-sun]`：以 `!important` 控制 self、直接子级或孙级的
   pointer-events。

package/README.md

@@ -28,8 +28,11 @@ $theme: ( light: (...), dark: (...) );
 ```bash
 yarn tokens:generate   # 同步 VS Code 快照 + 文档 Token 索引
 yarn tokens:check      # 校验快照未漂移
+yarn validate --class "n-mm co-risk" --attr 'ui-flex="row xm"'
 ```
 
+`yarn validate` 用同一份 schema 校验 class / `ui-flex` 等托管属性，拦住 Tailwind 式漂移写法。
+
 ## 特性
 
 - 🎨 主题系统：种子色推导，多主题切换

package/components/btns/README.md

@@ -30,6 +30,7 @@ yarn add @neatui/btns
 | ---- | ---- | -------------------------------------------------------- |
 | 主体 | main | 跟随主题风格主体色                                       |
 | 主体 | vice | 跟随主题风格辅助色                                       |
+| 描述 | desc | 描述文字色（text 与 fore 的 55% 混合）                   |
 | 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的       |
 | 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
 | 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的   |

package/components/btns/base.scss

@@ -2,7 +2,7 @@
 @use './../../core/media.scss' as *;
 
 $size: 'xs', 's', 'm', 'l', 'xl';
-$type: none, main, vice, text, link, read, note, case, line, weak, back, info, well, warn, risk, w, b;
+$type: none, main, vice, text, link, read, desc, note, case, line, weak, back, info, well, warn, risk, w, b;
 
 [ui-btn] {
   & {

package/components/btns/btns@a.scss

@@ -174,11 +174,11 @@ body [ui-btn~='@a'] {
         } @else {
           color: var(--co-#{$name});
         }
-        border: 1px solid var(--co-#{$name});
+        border: 1px solid var(--co-#{$name}-o-lm);
 
         &:hover,
         &.active {
-          border: 1px solid var(--co-#{$name});
+          border: 1px solid var(--co-#{$name}-o-lm);
           box-shadow: inset 0 0 0 100em var(--co-#{$name}-xs);
         }
       }
@@ -379,7 +379,7 @@ body [ui-btn~='@a'] {
         } @else {
           color: var(--co-#{$name});
         }
-        border: 1px solid var(--co-#{$name});
+        border: 1px solid var(--co-#{$name}-o-lm);
 
         &:hover,
         &.active {

package/components/btns/btns@b.scss

@@ -172,11 +172,11 @@ body [ui-btn~='@b'] {
         } @else {
           color: var(--co-#{$name});
         }
-        border: 1px solid var(--co-#{$name});
+        border: 1px solid var(--co-#{$name}-o-lm);
 
         &:hover,
         &.active {
-          border: 1px solid var(--co-#{$name});
+          border: 1px solid var(--co-#{$name}-o-lm);
           box-shadow: inset 0 0 0 100em var(--co-#{$name}-xs);
         }
       }
@@ -368,7 +368,7 @@ body [ui-btn~='@b'] {
         } @else {
           color: var(--co-#{$name});
         }
-        border: 1px solid var(--co-#{$name});
+        border: 1px solid var(--co-#{$name}-o-lm);
 
         &:hover,
         &.active {

package/core/ux.scss

@@ -64,22 +64,24 @@
   }
 }
 
-// 移入显示
+// 移入显示（父级 :hover 或 .active 同效）
 .parent-hover\:show {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.1s;
 }
-*:hover > .parent-hover\:show {
+*:hover > .parent-hover\:show,
+*.active > .parent-hover\:show {
   opacity: 1;
   pointer-events: auto;
 }
 
-// 移入隐藏
+// 移入隐藏（父级 :hover 或 .active 同效）
 .parent-hover\:hide {
   transition: opacity 0.1s;
 }
-*:hover > .parent-hover\:hide {
+*:hover > .parent-hover\:hide,
+*.active > .parent-hover\:hide {
   opacity: 0;
   pointer-events: none;
 }