@rainbow-oh/yee-c 0.12.0 → 0.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-oh/yee-c",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "description": "yee basic components",
   "keywords": [
     "react",

package/src/Form/style/index.less

@@ -99,6 +99,7 @@
     &&-error {
       --yee-input-border-color: var(--yee-color-error);
       --yee-input-hover-border-color: var(--yee-color-error-hover);
+      --yee-input-focus-border-color: var(--yee-color-error-hover);
       --yee-input-focus-bs-color: var(--yee-color-error-border);
       --yee-checkbox-border-color: var(--yee-color-error);
     }
@@ -106,6 +107,7 @@
     &&-warning {
       --yee-input-border-color: var(--yee-color-warning);
       --yee-input-hover-border-color: var(--yee-color-warning-hover);
+      --yee-input-focus-border-color: var(--yee-color-warning-hover);
       --yee-input-focus-bs-color: var(--yee-color-warning-border);
       --yee-checkbox-border-color: var(--yee-color-warning);
     }
@@ -113,6 +115,7 @@
     &&-success {
       --yee-input-border-color: var(--yee-color-success);
       --yee-input-hover-border-color: var(--yee-color-success-hover);
+      --yee-input-focus-border-color: var(--yee-color-success-hover);
       --yee-input-focus-bs-color: var(--yee-color-success-border);
       --yee-checkbox-border-color: var(--yee-color-success);
     }
@@ -120,6 +123,7 @@
     &&-info {
       --yee-input-border-color: var(--yee-color-info);
       --yee-input-hover-border-color: var(--yee-color-info-hover);
+      --yee-input-focus-border-color: var(--yee-color-info-hover);
       --yee-input-focus-bs-color: var(--yee-color-info-border);
       --yee-checkbox-border-color: var(--yee-color-info);
     }

package/src/Input/style/index.less

@@ -20,7 +20,7 @@
   }
 
   &:not(@{pls}-disabled):not(@{pls}-borderless):focus-within {
-    border-color: var(--yee-input-hover-border-color);
+    border-color: var(--yee-input-focus-border-color);
     box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
   }
 

package/src/InputNumber/style/index.less

@@ -20,7 +20,7 @@
 
   &:not(@{pls}-disabled):not(@{pls}-borderless)&-focused {
     box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
-    border-color: var(--yee-input-hover-border-color);
+    border-color: var(--yee-input-focus-border-color);
   }
 
   &-prefix {

package/src/Pagination/style/index.less

@@ -43,7 +43,7 @@
     cursor: pointer;
 
     &-disabled {
-      background-color: var(--yee-color-text-disabled);
+      color: var(--yee-color-text-disabled);
       cursor: not-allowed;
     }
   }

package/src/Search/style/index.less

@@ -21,7 +21,7 @@
   }
 
   &:focus-within {
-    border-color: var(--yee-input-content-focus-border-color);
+    border-color: var(--yee-input-focus-border-color);
     box-shadow: var(--yee-search-focus-box-shadow);
   }
 

package/src/Selector/style/index.less

@@ -22,7 +22,7 @@
   }
 
   &:not(@{pls}-disabled):focus-within {
-    border-color: var(--yee-input-hover-border-color);
+    border-color: var(--yee-input-focus-border-color);
     box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
   }
 
@@ -76,6 +76,8 @@
   }
 
   &-multiple {
+    min-height: var(--yee-selector-height);
+
     @{pls}-content {
       flex-wrap: wrap;
     }

package/src/TextArea/style/index.less

@@ -90,7 +90,7 @@
   }
 
   &:not(@{pls}-disabled):not(@{pls}-borderless):focus-within {
-    border-color: var(--yee-input-hover-border-color);
+    border-color: var(--yee-input-focus-border-color);
     box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
   }
 

package/src/VerificationCode/style/index.less

@@ -19,7 +19,7 @@
     }
 
     &:focus {
-      border-color: var(--yee-input-content-focus-border-color);
+      border-color: var(--yee-input-focus-border-color);
       outline: none;
       box-shadow: var(--yee-verification-code-item-focus-box-shadow);
     }

package/src/style/color.blue.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #f5f5f5;
   --yee-color-split: #e7e7e7;
   --yee-color-border: #cbd6e2;
-  --yee-color-border-hover-focus: #75b9f0;
+  --yee-color-border-hover: #75b9f0;
+  --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
   --yee-color-bg-disabled: #f5f8fa;
   --yee-color-bg-head: #f8f8f8;
@@ -545,9 +546,7 @@
   --yee-date-picker-time-disabled-bg-color: var(--yee-disabled-bg-color);
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-option-active-bg-color);
   --yee-range-picker-hover-border-color: var(--yee-primary1-color);
@@ -569,7 +568,7 @@
   /* --Input-- */
 
   --yee-input-hover-border-color: #75b9f0;
-  --yee-input-content-focus-border-color: #75b9f0;
+  --yee-input-focus-border-color: #75b9f0;
   --yee-input-focus-bs-color: rgba(117, 185, 240, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -630,7 +629,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-primary1-color);
@@ -1310,7 +1309,7 @@
   /* --Selector-- */
 
   --yee-selector-border-color: var(--yee-color-border);
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
   --yee-selector-focus-border-color: var(--yee-color-primary);
   --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
 

package/src/style/color.crimson.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #f5f5f5;
   --yee-color-split: #eeeeee;
   --yee-color-border: #cccccc;
-  --yee-color-border-hover-focus: #7aadc2;
+  --yee-color-border-hover: #7aadc2;
+  --yee-color-border-focus: #7aadc2;
   --yee-color-bg-highlight: rgba(188, 70, 62, 0.16);
   --yee-color-bg-disabled: #f2f2f2;
   --yee-color-bg-head: #fafafa;
@@ -447,7 +448,7 @@
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(122, 173, 194, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
 
   --yee-selector-border-color: var(--yee-color-border);
 
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
 
   --yee-selector-focus-border-color: var(--yee-color-primary);
 

package/src/style/color.css

@@ -34,7 +34,8 @@
   --yee-color-text-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
   --yee-color-border: #cbd6e2;
-  --yee-color-border-hover-focus: #75b9f0;
+  --yee-color-border-hover: #75b9f0;
+  --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
   --yee-color-bg-disabled: #f5f8fa;
   --yee-color-bg-head: #f8f8f8;
@@ -486,7 +487,7 @@
   /* --Checkbox-- */
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #fff;
@@ -529,9 +530,7 @@
   --yee-date-picker-time-disabled-color: var(--yee-color-text-disabled);
   --yee-date-picker-time-disabled-bg-color: transparent;
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
   --yee-range-picker-panel-bg-color: #fff;
@@ -548,8 +547,8 @@
   );
 
   /* --Input-- */
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(117, 185, 240, 24%);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -601,7 +600,7 @@
   --yee-radio-inner-disabled-after-checked-bg-color: var(
     --yee-color-text-disabled
   );
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1146,7 +1145,7 @@
 
   /* --Selector-- */
   --yee-selector-border-color: var(--yee-color-border);
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
   --yee-selector-focus-border-color: var(--yee-color-primary);
   --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
 
@@ -1221,9 +1220,13 @@
   --yee-text-color-highlight: var(--yee-color-text-highlight);
   --yee-text-color-secondary: var(--yee-color-text-secondary);
   --yee-border-color: var(--yee-color-border);
-  --yee-border-color-hover-focus: var(--yee-color-border-hover-focus);
+  --yee-border-color-hover-focus: var(--yee-color-border-focus);
   --yee-placeholder-color: var(--yee-color-placeholder);
 
+    /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
+  --yee-color-border-hover-focus: var(--yee-color-border-focus);
+  /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
+  --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
   /* deprecated-aliases:end */
 
   /* deprecated-aliases:start
@@ -1336,5 +1339,5 @@
   --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
   --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
 
-  /* deprecated-aliases:end */
+    /* deprecated-aliases:end */
 }

package/src/style/color.dark.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: rgba(255, 255, 255, 0.24);
   --yee-color-split: rgba(255, 255, 255, 0.12);
   --yee-color-border: #56555f;
-  --yee-color-border-hover-focus: #75b9f0;
+  --yee-color-border-hover: #75b9f0;
+  --yee-color-border-focus: #75b9f0;
   --yee-color-bg-highlight: rgba(245, 130, 32, 0.16);
   --yee-color-bg-disabled: rgba(255, 255, 255, 0.06);
   --yee-color-bg-head: rgba(255, 255, 255, 0.06);
@@ -448,7 +449,7 @@
 
   --yee-checkbox-bg-color: rgba(255, 255, 255, 0);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: rgba(255, 255, 255, 0.88);
@@ -495,9 +496,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -518,8 +517,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(117, 185, 240, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: rgba(255, 255, 255, 0);
@@ -586,7 +585,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: rgba(255, 255, 255, 0);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1185,7 +1184,7 @@
 
   --yee-selector-border-color: var(--yee-color-border);
 
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
 
   --yee-selector-focus-border-color: var(--yee-color-primary);
 

package/src/style/color.gemini.css

@@ -65,11 +65,17 @@
 
   /* ================= 边框 / 分隔线 ================= */
   --yee-color-border: #e5e8ef;
-  /* 衍生:Gemini 表单 focus 只变边框色(不加光环),边框色用主色 */
-  --yee-color-border-hover-focus: #6d5dfc;
+  /* 衍生:规范 fields.css —— 控件 hover 边框灰(--control),focus 边框主色、无光环 */
+  --yee-color-border-hover: #c9cdd4;
+  --yee-color-border-focus: #6d5dfc;
   /* 衍生:规范 --line(分隔线 / 表格行线) */
   --yee-color-split: #f0f2f5;
 
+  /* ================= 衍生:表单控件交互态 ================= */
+  /* hover/focus 边框已由 --yee-color-border-hover/focus 经 color.css 映射派生;
+     规范 focus 无光环,关闭默认的光环 box-shadow */
+  --yee-input-focus-bs-color: transparent;
+
   /* ================= 背景 ================= */
   --yee-color-bg-layout: #f1f2f4;
   --yee-color-bg-head: #fff;

package/src/style/color.green.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #b0bec5;
   --yee-color-split: #e7e7e7;
   --yee-color-border: #c5c6c9;
-  --yee-color-border-hover-focus: #3ca368;
+  --yee-color-border-hover: #3ca368;
+  --yee-color-border-focus: #3ca368;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
   --yee-color-bg-disabled: #f5f8fa;
   --yee-color-bg-head: #f8f8f8;
@@ -441,7 +442,7 @@
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #fff;
@@ -488,9 +489,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
   --yee-range-picker-panel-bg-color: #fff;
@@ -510,8 +509,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(60, 163, 104, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -566,7 +565,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1132,7 +1131,7 @@
   /* --Selector-- */
 
   --yee-selector-border-color: var(--yee-color-border);
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
   --yee-selector-focus-border-color: var(--yee-color-primary);
   --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
 

package/src/style/color.jam.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #6c757d;
   --yee-color-split: #dee2e6;
   --yee-color-border: #ced4da;
-  --yee-color-border-hover-focus: #86b7fe;
+  --yee-color-border-hover: #86b7fe;
+  --yee-color-border-focus: #86b7fe;
   --yee-color-bg-highlight: rgba(127, 12, 120, 0.16);
   --yee-color-bg-disabled: #f8f9fa;
   --yee-color-bg-head: #f8f9fa;
@@ -447,7 +448,7 @@
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(13, 110, 253, 0.25);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
 
   --yee-selector-border-color: var(--yee-color-border);
 
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
 
   --yee-selector-focus-border-color: var(--yee-color-primary);
 

package/src/style/color.navy.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #969696;
   --yee-color-split: #dcdcdc;
   --yee-color-border: #c8c8c8;
-  --yee-color-border-hover-focus: #387399;
+  --yee-color-border-hover: #387399;
+  --yee-color-border-focus: #387399;
   --yee-color-bg-highlight: rgba(56, 115, 153, 0.16);
   --yee-color-bg-disabled: #f5f5f5;
   --yee-color-bg-head: #f5f5f5;
@@ -447,7 +448,7 @@
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(56, 115, 153, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
 
   --yee-selector-border-color: var(--yee-color-border);
 
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
 
   --yee-selector-focus-border-color: var(--yee-color-primary);
 

package/src/style/color.peach.css

@@ -33,7 +33,8 @@
   --yee-color-text-auxiliary: #848a90;
   --yee-color-split: #dee2e6;
   --yee-color-border: #ced4da;
-  --yee-color-border-hover-focus: #d31145;
+  --yee-color-border-hover: #d31145;
+  --yee-color-border-focus: #d31145;
   --yee-color-bg-highlight: rgba(211, 17, 69, 0.16);
   --yee-color-bg-disabled: #e9ecef;
   --yee-color-bg-head: #f8f9fa;
@@ -447,7 +448,7 @@
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
   --yee-checkbox-border-color: var(--yee-color-border);
-  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
   --yee-checkbox-checked-bg-color: var(--yee-color-primary);
   --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
   --yee-date-picker-time-disabled-bg-color: transparent;
 
   --yee-range-picker-trigger-border-color: var(--yee-color-border);
-  --yee-range-picker-trigger-hover-border-color: var(
-    --yee-color-border-hover-focus
-  );
+  --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
 
   --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
   --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover);
+  --yee-input-focus-border-color: var(--yee-color-border-focus);
   --yee-input-focus-bs-color: rgba(211, 17, 69, 0.24);
   --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
     --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
   --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
   --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
 
   --yee-selector-border-color: var(--yee-color-border);
 
-  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover);
 
   --yee-selector-focus-border-color: var(--yee-color-primary);