@rainbow-oh/yee-c 0.12.0 → 0.12.2

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.
Files changed (78) hide show
  1. package/dist/cjs/Form/style/index.less +4 -0
  2. package/dist/cjs/Input/style/index.less +1 -1
  3. package/dist/cjs/InputNumber/style/index.less +1 -1
  4. package/dist/cjs/Pagination/style/index.less +1 -1
  5. package/dist/cjs/Search/style/index.less +1 -1
  6. package/dist/cjs/Selector/style/index.less +3 -1
  7. package/dist/cjs/TextArea/style/index.less +1 -1
  8. package/dist/cjs/VerificationCode/style/index.less +1 -1
  9. package/dist/cjs/style/color.blue.css +6 -7
  10. package/dist/cjs/style/color.crimson.css +8 -9
  11. package/dist/cjs/style/color.css +14 -11
  12. package/dist/cjs/style/color.dark.css +8 -9
  13. package/dist/cjs/style/color.gemini.css +8 -2
  14. package/dist/cjs/style/color.green.css +8 -9
  15. package/dist/cjs/style/color.jam.css +8 -9
  16. package/dist/cjs/style/color.navy.css +8 -9
  17. package/dist/cjs/style/color.peach.css +8 -9
  18. package/dist/cjs/style/color.pine.css +8 -9
  19. package/dist/cjs/style/color.pitaya.css +8 -9
  20. package/dist/cjs/style/color.pumpkin.css +8 -9
  21. package/dist/cjs/style/color.ruby.css +8 -9
  22. package/dist/cjs/style/size.css +1 -1
  23. package/dist/cjs/style/themes.css +95 -100
  24. package/dist/cjs/style/variables.css +16 -13
  25. package/dist/cjs/version.d.ts +1 -1
  26. package/dist/cjs/version.js +1 -1
  27. package/dist/esm/Form/style/index.less +4 -0
  28. package/dist/esm/Input/style/index.less +1 -1
  29. package/dist/esm/InputNumber/style/index.less +1 -1
  30. package/dist/esm/Pagination/style/index.less +1 -1
  31. package/dist/esm/Search/style/index.less +1 -1
  32. package/dist/esm/Selector/style/index.less +3 -1
  33. package/dist/esm/TextArea/style/index.less +1 -1
  34. package/dist/esm/VerificationCode/style/index.less +1 -1
  35. package/dist/esm/style/color.blue.css +6 -7
  36. package/dist/esm/style/color.crimson.css +8 -9
  37. package/dist/esm/style/color.css +14 -11
  38. package/dist/esm/style/color.dark.css +8 -9
  39. package/dist/esm/style/color.gemini.css +8 -2
  40. package/dist/esm/style/color.green.css +8 -9
  41. package/dist/esm/style/color.jam.css +8 -9
  42. package/dist/esm/style/color.navy.css +8 -9
  43. package/dist/esm/style/color.peach.css +8 -9
  44. package/dist/esm/style/color.pine.css +8 -9
  45. package/dist/esm/style/color.pitaya.css +8 -9
  46. package/dist/esm/style/color.pumpkin.css +8 -9
  47. package/dist/esm/style/color.ruby.css +8 -9
  48. package/dist/esm/style/size.css +1 -1
  49. package/dist/esm/style/themes.css +95 -100
  50. package/dist/esm/style/variables.css +16 -13
  51. package/dist/esm/version.d.ts +1 -1
  52. package/dist/esm/version.js +1 -1
  53. package/dist/umd/yee-c.min.css +7 -9
  54. package/dist/umd/yee-c.min.js +1 -1
  55. package/package.json +1 -1
  56. package/src/Form/style/index.less +4 -0
  57. package/src/Input/style/index.less +1 -1
  58. package/src/InputNumber/style/index.less +1 -1
  59. package/src/Pagination/style/index.less +1 -1
  60. package/src/Search/style/index.less +1 -1
  61. package/src/Selector/style/index.less +3 -1
  62. package/src/TextArea/style/index.less +1 -1
  63. package/src/VerificationCode/style/index.less +1 -1
  64. package/src/style/color.blue.css +6 -7
  65. package/src/style/color.crimson.css +8 -9
  66. package/src/style/color.css +14 -11
  67. package/src/style/color.dark.css +8 -9
  68. package/src/style/color.gemini.css +8 -2
  69. package/src/style/color.green.css +8 -9
  70. package/src/style/color.jam.css +8 -9
  71. package/src/style/color.navy.css +8 -9
  72. package/src/style/color.peach.css +8 -9
  73. package/src/style/color.pine.css +8 -9
  74. package/src/style/color.pitaya.css +8 -9
  75. package/src/style/color.pumpkin.css +8 -9
  76. package/src/style/color.ruby.css +8 -9
  77. package/src/style/size.css +1 -1
  78. package/src/version.ts +1 -1
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-09-10T07:53:49.149Z
4
+ * Generated on 2026-09-14T02:29:50.905Z
5
5
  */
6
6
 
7
7
  /* ========== color.css ========== */
@@ -41,7 +41,8 @@
41
41
  --yee-color-text-auxiliary: #d1d1d1;
42
42
  --yee-color-split: #e7e7e7;
43
43
  --yee-color-border: #cbd6e2;
44
- --yee-color-border-hover-focus: #75b9f0;
44
+ --yee-color-border-hover: #75b9f0;
45
+ --yee-color-border-focus: #75b9f0;
45
46
  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
46
47
  --yee-color-bg-disabled: #f5f8fa;
47
48
  --yee-color-bg-head: #f8f8f8;
@@ -493,7 +494,7 @@
493
494
  /* --Checkbox-- */
494
495
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
495
496
  --yee-checkbox-border-color: var(--yee-color-border);
496
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
497
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
497
498
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
498
499
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
499
500
  --yee-checkbox-checked-after-border-color: #fff;
@@ -536,9 +537,7 @@
536
537
  --yee-date-picker-time-disabled-color: var(--yee-color-text-disabled);
537
538
  --yee-date-picker-time-disabled-bg-color: transparent;
538
539
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
539
- --yee-range-picker-trigger-hover-border-color: var(
540
- --yee-color-border-hover-focus
541
- );
540
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
542
541
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
543
542
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
544
543
  --yee-range-picker-panel-bg-color: #fff;
@@ -555,8 +554,8 @@
555
554
  );
556
555
 
557
556
  /* --Input-- */
558
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
559
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
557
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
558
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
560
559
  --yee-input-focus-bs-color: rgba(117, 185, 240, 24%);
561
560
  --yee-input-border-color: var(--yee-color-border);
562
561
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -608,7 +607,7 @@
608
607
  --yee-radio-inner-disabled-after-checked-bg-color: var(
609
608
  --yee-color-text-disabled
610
609
  );
611
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
610
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
612
611
  --yee-radio-label-button-border-color: var(--yee-color-border);
613
612
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
614
613
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1153,7 +1152,7 @@
1153
1152
 
1154
1153
  /* --Selector-- */
1155
1154
  --yee-selector-border-color: var(--yee-color-border);
1156
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1155
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1157
1156
  --yee-selector-focus-border-color: var(--yee-color-primary);
1158
1157
  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
1159
1158
 
@@ -1228,9 +1227,13 @@
1228
1227
  --yee-text-color-highlight: var(--yee-color-text-highlight);
1229
1228
  --yee-text-color-secondary: var(--yee-color-text-secondary);
1230
1229
  --yee-border-color: var(--yee-color-border);
1231
- --yee-border-color-hover-focus: var(--yee-color-border-hover-focus);
1230
+ --yee-border-color-hover-focus: var(--yee-color-border-focus);
1232
1231
  --yee-placeholder-color: var(--yee-color-placeholder);
1233
1232
 
1233
+ /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
1234
+ --yee-color-border-hover-focus: var(--yee-color-border-focus);
1235
+ /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
1236
+ --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
1234
1237
  /* deprecated-aliases:end */
1235
1238
 
1236
1239
  /* deprecated-aliases:start
@@ -1343,7 +1346,7 @@
1343
1346
  --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
1344
1347
  --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
1345
1348
 
1346
- /* deprecated-aliases:end */
1349
+ /* deprecated-aliases:end */
1347
1350
  }
1348
1351
 
1349
1352
 
@@ -1940,7 +1943,7 @@
1940
1943
  --yee-selector-padding: 2px 6px;
1941
1944
  --yee-selector-border-width: 1px;
1942
1945
  --yee-selector-border-radius: 4px;
1943
- --yee-selector-height: 32px;
1946
+ --yee-selector-height: var(--yee-input-height);
1944
1947
  --yee-selector-input-font-size: 14px;
1945
1948
  --yee-selector-input-line-height: 22px;
1946
1949
  --yee-selector-input-focus-opacity: 0.6;
@@ -3,4 +3,4 @@ declare global {
3
3
  __yee_c_version__: string;
4
4
  }
5
5
  }
6
- export declare const version = "0.12.0";
6
+ export declare const version = "0.12.2";
@@ -22,7 +22,7 @@ __export(version_exports, {
22
22
  version: () => version
23
23
  });
24
24
  module.exports = __toCommonJS(version_exports);
25
- var version = "0.12.0";
25
+ var version = "0.12.2";
26
26
  if (typeof window !== "undefined") {
27
27
  window.__yee_c_version__ = version;
28
28
  }
@@ -99,6 +99,7 @@
99
99
  &&-error {
100
100
  --yee-input-border-color: var(--yee-color-error);
101
101
  --yee-input-hover-border-color: var(--yee-color-error-hover);
102
+ --yee-input-focus-border-color: var(--yee-color-error-hover);
102
103
  --yee-input-focus-bs-color: var(--yee-color-error-border);
103
104
  --yee-checkbox-border-color: var(--yee-color-error);
104
105
  }
@@ -106,6 +107,7 @@
106
107
  &&-warning {
107
108
  --yee-input-border-color: var(--yee-color-warning);
108
109
  --yee-input-hover-border-color: var(--yee-color-warning-hover);
110
+ --yee-input-focus-border-color: var(--yee-color-warning-hover);
109
111
  --yee-input-focus-bs-color: var(--yee-color-warning-border);
110
112
  --yee-checkbox-border-color: var(--yee-color-warning);
111
113
  }
@@ -113,6 +115,7 @@
113
115
  &&-success {
114
116
  --yee-input-border-color: var(--yee-color-success);
115
117
  --yee-input-hover-border-color: var(--yee-color-success-hover);
118
+ --yee-input-focus-border-color: var(--yee-color-success-hover);
116
119
  --yee-input-focus-bs-color: var(--yee-color-success-border);
117
120
  --yee-checkbox-border-color: var(--yee-color-success);
118
121
  }
@@ -120,6 +123,7 @@
120
123
  &&-info {
121
124
  --yee-input-border-color: var(--yee-color-info);
122
125
  --yee-input-hover-border-color: var(--yee-color-info-hover);
126
+ --yee-input-focus-border-color: var(--yee-color-info-hover);
123
127
  --yee-input-focus-bs-color: var(--yee-color-info-border);
124
128
  --yee-checkbox-border-color: var(--yee-color-info);
125
129
  }
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  &:not(@{pls}-disabled):not(@{pls}-borderless):focus-within {
23
- border-color: var(--yee-input-hover-border-color);
23
+ border-color: var(--yee-input-focus-border-color);
24
24
  box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
25
25
  }
26
26
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  &:not(@{pls}-disabled):not(@{pls}-borderless)&-focused {
22
22
  box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
23
- border-color: var(--yee-input-hover-border-color);
23
+ border-color: var(--yee-input-focus-border-color);
24
24
  }
25
25
 
26
26
  &-prefix {
@@ -43,7 +43,7 @@
43
43
  cursor: pointer;
44
44
 
45
45
  &-disabled {
46
- background-color: var(--yee-color-text-disabled);
46
+ color: var(--yee-color-text-disabled);
47
47
  cursor: not-allowed;
48
48
  }
49
49
  }
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  &:focus-within {
24
- border-color: var(--yee-input-content-focus-border-color);
24
+ border-color: var(--yee-input-focus-border-color);
25
25
  box-shadow: var(--yee-search-focus-box-shadow);
26
26
  }
27
27
 
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  &:not(@{pls}-disabled):focus-within {
25
- border-color: var(--yee-input-hover-border-color);
25
+ border-color: var(--yee-input-focus-border-color);
26
26
  box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
27
27
  }
28
28
 
@@ -76,6 +76,8 @@
76
76
  }
77
77
 
78
78
  &-multiple {
79
+ min-height: var(--yee-selector-height);
80
+
79
81
  @{pls}-content {
80
82
  flex-wrap: wrap;
81
83
  }
@@ -90,7 +90,7 @@
90
90
  }
91
91
 
92
92
  &:not(@{pls}-disabled):not(@{pls}-borderless):focus-within {
93
- border-color: var(--yee-input-hover-border-color);
93
+ border-color: var(--yee-input-focus-border-color);
94
94
  box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
95
95
  }
96
96
 
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  &:focus {
22
- border-color: var(--yee-input-content-focus-border-color);
22
+ border-color: var(--yee-input-focus-border-color);
23
23
  outline: none;
24
24
  box-shadow: var(--yee-verification-code-item-focus-box-shadow);
25
25
  }
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #f5f5f5;
34
34
  --yee-color-split: #e7e7e7;
35
35
  --yee-color-border: #cbd6e2;
36
- --yee-color-border-hover-focus: #75b9f0;
36
+ --yee-color-border-hover: #75b9f0;
37
+ --yee-color-border-focus: #75b9f0;
37
38
  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
38
39
  --yee-color-bg-disabled: #f5f8fa;
39
40
  --yee-color-bg-head: #f8f8f8;
@@ -545,9 +546,7 @@
545
546
  --yee-date-picker-time-disabled-bg-color: var(--yee-disabled-bg-color);
546
547
 
547
548
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
548
- --yee-range-picker-trigger-hover-border-color: var(
549
- --yee-color-border-hover-focus
550
- );
549
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
551
550
 
552
551
  --yee-range-picker-checked-bg-color: var(--yee-option-active-bg-color);
553
552
  --yee-range-picker-hover-border-color: var(--yee-primary1-color);
@@ -569,7 +568,7 @@
569
568
  /* --Input-- */
570
569
 
571
570
  --yee-input-hover-border-color: #75b9f0;
572
- --yee-input-content-focus-border-color: #75b9f0;
571
+ --yee-input-focus-border-color: #75b9f0;
573
572
  --yee-input-focus-bs-color: rgba(117, 185, 240, 0.24);
574
573
  --yee-input-border-color: var(--yee-color-border);
575
574
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -630,7 +629,7 @@
630
629
  --yee-color-text-disabled
631
630
  );
632
631
 
633
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
632
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
634
633
  --yee-radio-label-button-border-color: var(--yee-color-border);
635
634
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
636
635
  --yee-radio-label-button-hover-color: var(--yee-primary1-color);
@@ -1310,7 +1309,7 @@
1310
1309
  /* --Selector-- */
1311
1310
 
1312
1311
  --yee-selector-border-color: var(--yee-color-border);
1313
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1312
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1314
1313
  --yee-selector-focus-border-color: var(--yee-color-primary);
1315
1314
  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
1316
1315
 
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #f5f5f5;
34
34
  --yee-color-split: #eeeeee;
35
35
  --yee-color-border: #cccccc;
36
- --yee-color-border-hover-focus: #7aadc2;
36
+ --yee-color-border-hover: #7aadc2;
37
+ --yee-color-border-focus: #7aadc2;
37
38
  --yee-color-bg-highlight: rgba(188, 70, 62, 0.16);
38
39
  --yee-color-bg-disabled: #f2f2f2;
39
40
  --yee-color-bg-head: #fafafa;
@@ -447,7 +448,7 @@
447
448
 
448
449
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
449
450
  --yee-checkbox-border-color: var(--yee-color-border);
450
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
451
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
451
452
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
452
453
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
453
454
  --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
494
495
  --yee-date-picker-time-disabled-bg-color: transparent;
495
496
 
496
497
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
497
- --yee-range-picker-trigger-hover-border-color: var(
498
- --yee-color-border-hover-focus
499
- );
498
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
500
499
 
501
500
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
502
501
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
517
516
 
518
517
  /* --Input-- */
519
518
 
520
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
521
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
519
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
520
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
522
521
  --yee-input-focus-bs-color: rgba(122, 173, 194, 0.24);
523
522
  --yee-input-border-color: var(--yee-color-border);
524
523
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
585
584
  --yee-color-text-disabled
586
585
  );
587
586
 
588
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
587
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
589
588
  --yee-radio-label-button-border-color: var(--yee-color-border);
590
589
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
591
590
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
1183
1182
 
1184
1183
  --yee-selector-border-color: var(--yee-color-border);
1185
1184
 
1186
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1185
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1187
1186
 
1188
1187
  --yee-selector-focus-border-color: var(--yee-color-primary);
1189
1188
 
@@ -34,7 +34,8 @@
34
34
  --yee-color-text-auxiliary: #d1d1d1;
35
35
  --yee-color-split: #e7e7e7;
36
36
  --yee-color-border: #cbd6e2;
37
- --yee-color-border-hover-focus: #75b9f0;
37
+ --yee-color-border-hover: #75b9f0;
38
+ --yee-color-border-focus: #75b9f0;
38
39
  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
39
40
  --yee-color-bg-disabled: #f5f8fa;
40
41
  --yee-color-bg-head: #f8f8f8;
@@ -486,7 +487,7 @@
486
487
  /* --Checkbox-- */
487
488
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
488
489
  --yee-checkbox-border-color: var(--yee-color-border);
489
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
490
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
490
491
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
491
492
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
492
493
  --yee-checkbox-checked-after-border-color: #fff;
@@ -529,9 +530,7 @@
529
530
  --yee-date-picker-time-disabled-color: var(--yee-color-text-disabled);
530
531
  --yee-date-picker-time-disabled-bg-color: transparent;
531
532
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
532
- --yee-range-picker-trigger-hover-border-color: var(
533
- --yee-color-border-hover-focus
534
- );
533
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
535
534
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
536
535
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
537
536
  --yee-range-picker-panel-bg-color: #fff;
@@ -548,8 +547,8 @@
548
547
  );
549
548
 
550
549
  /* --Input-- */
551
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
552
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
550
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
551
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
553
552
  --yee-input-focus-bs-color: rgba(117, 185, 240, 24%);
554
553
  --yee-input-border-color: var(--yee-color-border);
555
554
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -601,7 +600,7 @@
601
600
  --yee-radio-inner-disabled-after-checked-bg-color: var(
602
601
  --yee-color-text-disabled
603
602
  );
604
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
603
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
605
604
  --yee-radio-label-button-border-color: var(--yee-color-border);
606
605
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
607
606
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1146,7 +1145,7 @@
1146
1145
 
1147
1146
  /* --Selector-- */
1148
1147
  --yee-selector-border-color: var(--yee-color-border);
1149
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1148
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1150
1149
  --yee-selector-focus-border-color: var(--yee-color-primary);
1151
1150
  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
1152
1151
 
@@ -1221,9 +1220,13 @@
1221
1220
  --yee-text-color-highlight: var(--yee-color-text-highlight);
1222
1221
  --yee-text-color-secondary: var(--yee-color-text-secondary);
1223
1222
  --yee-border-color: var(--yee-color-border);
1224
- --yee-border-color-hover-focus: var(--yee-color-border-hover-focus);
1223
+ --yee-border-color-hover-focus: var(--yee-color-border-focus);
1225
1224
  --yee-placeholder-color: var(--yee-color-placeholder);
1226
1225
 
1226
+ /* deprecated:2026-09-11 hover/focus 拆分为 --yee-color-border-hover / --yee-color-border-focus */
1227
+ --yee-color-border-hover-focus: var(--yee-color-border-focus);
1228
+ /* deprecated:2026-09-11 更名 --yee-input-focus-border-color */
1229
+ --yee-input-content-focus-border-color: var(--yee-input-focus-border-color);
1227
1230
  /* deprecated-aliases:end */
1228
1231
 
1229
1232
  /* deprecated-aliases:start
@@ -1336,5 +1339,5 @@
1336
1339
  --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
1337
1340
  --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
1338
1341
 
1339
- /* deprecated-aliases:end */
1342
+ /* deprecated-aliases:end */
1340
1343
  }
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: rgba(255, 255, 255, 0.24);
34
34
  --yee-color-split: rgba(255, 255, 255, 0.12);
35
35
  --yee-color-border: #56555f;
36
- --yee-color-border-hover-focus: #75b9f0;
36
+ --yee-color-border-hover: #75b9f0;
37
+ --yee-color-border-focus: #75b9f0;
37
38
  --yee-color-bg-highlight: rgba(245, 130, 32, 0.16);
38
39
  --yee-color-bg-disabled: rgba(255, 255, 255, 0.06);
39
40
  --yee-color-bg-head: rgba(255, 255, 255, 0.06);
@@ -448,7 +449,7 @@
448
449
 
449
450
  --yee-checkbox-bg-color: rgba(255, 255, 255, 0);
450
451
  --yee-checkbox-border-color: var(--yee-color-border);
451
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
452
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
452
453
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
453
454
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
454
455
  --yee-checkbox-checked-after-border-color: rgba(255, 255, 255, 0.88);
@@ -495,9 +496,7 @@
495
496
  --yee-date-picker-time-disabled-bg-color: transparent;
496
497
 
497
498
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
498
- --yee-range-picker-trigger-hover-border-color: var(
499
- --yee-color-border-hover-focus
500
- );
499
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
501
500
 
502
501
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
503
502
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -518,8 +517,8 @@
518
517
 
519
518
  /* --Input-- */
520
519
 
521
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
522
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
520
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
521
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
523
522
  --yee-input-focus-bs-color: rgba(117, 185, 240, 0.24);
524
523
  --yee-input-border-color: var(--yee-color-border);
525
524
  --yee-input-content-bg-color: rgba(255, 255, 255, 0);
@@ -586,7 +585,7 @@
586
585
  --yee-color-text-disabled
587
586
  );
588
587
 
589
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
588
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
590
589
  --yee-radio-label-button-border-color: var(--yee-color-border);
591
590
  --yee-radio-label-button-bg-color: rgba(255, 255, 255, 0);
592
591
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1185,7 +1184,7 @@
1185
1184
 
1186
1185
  --yee-selector-border-color: var(--yee-color-border);
1187
1186
 
1188
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1187
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1189
1188
 
1190
1189
  --yee-selector-focus-border-color: var(--yee-color-primary);
1191
1190
 
@@ -65,11 +65,17 @@
65
65
 
66
66
  /* ================= 边框 / 分隔线 ================= */
67
67
  --yee-color-border: #e5e8ef;
68
- /* 衍生:Gemini 表单 focus 只变边框色(不加光环),边框色用主色 */
69
- --yee-color-border-hover-focus: #6d5dfc;
68
+ /* 衍生:规范 fields.css —— 控件 hover 边框灰(--control),focus 边框主色、无光环 */
69
+ --yee-color-border-hover: #c9cdd4;
70
+ --yee-color-border-focus: #6d5dfc;
70
71
  /* 衍生:规范 --line(分隔线 / 表格行线) */
71
72
  --yee-color-split: #f0f2f5;
72
73
 
74
+ /* ================= 衍生:表单控件交互态 ================= */
75
+ /* hover/focus 边框已由 --yee-color-border-hover/focus 经 color.css 映射派生;
76
+ 规范 focus 无光环,关闭默认的光环 box-shadow */
77
+ --yee-input-focus-bs-color: transparent;
78
+
73
79
  /* ================= 背景 ================= */
74
80
  --yee-color-bg-layout: #f1f2f4;
75
81
  --yee-color-bg-head: #fff;
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #b0bec5;
34
34
  --yee-color-split: #e7e7e7;
35
35
  --yee-color-border: #c5c6c9;
36
- --yee-color-border-hover-focus: #3ca368;
36
+ --yee-color-border-hover: #3ca368;
37
+ --yee-color-border-focus: #3ca368;
37
38
  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
38
39
  --yee-color-bg-disabled: #f5f8fa;
39
40
  --yee-color-bg-head: #f8f8f8;
@@ -441,7 +442,7 @@
441
442
 
442
443
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
443
444
  --yee-checkbox-border-color: var(--yee-color-border);
444
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
445
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
445
446
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
446
447
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
447
448
  --yee-checkbox-checked-after-border-color: #fff;
@@ -488,9 +489,7 @@
488
489
  --yee-date-picker-time-disabled-bg-color: transparent;
489
490
 
490
491
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
491
- --yee-range-picker-trigger-hover-border-color: var(
492
- --yee-color-border-hover-focus
493
- );
492
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
494
493
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
495
494
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
496
495
  --yee-range-picker-panel-bg-color: #fff;
@@ -510,8 +509,8 @@
510
509
 
511
510
  /* --Input-- */
512
511
 
513
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
514
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
512
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
513
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
515
514
  --yee-input-focus-bs-color: rgba(60, 163, 104, 0.24);
516
515
  --yee-input-border-color: var(--yee-color-border);
517
516
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -566,7 +565,7 @@
566
565
  --yee-color-text-disabled
567
566
  );
568
567
 
569
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
568
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
570
569
  --yee-radio-label-button-border-color: var(--yee-color-border);
571
570
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
572
571
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1132,7 +1131,7 @@
1132
1131
  /* --Selector-- */
1133
1132
 
1134
1133
  --yee-selector-border-color: var(--yee-color-border);
1135
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1134
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1136
1135
  --yee-selector-focus-border-color: var(--yee-color-primary);
1137
1136
  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
1138
1137
 
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #6c757d;
34
34
  --yee-color-split: #dee2e6;
35
35
  --yee-color-border: #ced4da;
36
- --yee-color-border-hover-focus: #86b7fe;
36
+ --yee-color-border-hover: #86b7fe;
37
+ --yee-color-border-focus: #86b7fe;
37
38
  --yee-color-bg-highlight: rgba(127, 12, 120, 0.16);
38
39
  --yee-color-bg-disabled: #f8f9fa;
39
40
  --yee-color-bg-head: #f8f9fa;
@@ -447,7 +448,7 @@
447
448
 
448
449
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
449
450
  --yee-checkbox-border-color: var(--yee-color-border);
450
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
451
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
451
452
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
452
453
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
453
454
  --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
494
495
  --yee-date-picker-time-disabled-bg-color: transparent;
495
496
 
496
497
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
497
- --yee-range-picker-trigger-hover-border-color: var(
498
- --yee-color-border-hover-focus
499
- );
498
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
500
499
 
501
500
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
502
501
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
517
516
 
518
517
  /* --Input-- */
519
518
 
520
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
521
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
519
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
520
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
522
521
  --yee-input-focus-bs-color: rgba(13, 110, 253, 0.25);
523
522
  --yee-input-border-color: var(--yee-color-border);
524
523
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
585
584
  --yee-color-text-disabled
586
585
  );
587
586
 
588
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
587
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
589
588
  --yee-radio-label-button-border-color: var(--yee-color-border);
590
589
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
591
590
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
1183
1182
 
1184
1183
  --yee-selector-border-color: var(--yee-color-border);
1185
1184
 
1186
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1185
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1187
1186
 
1188
1187
  --yee-selector-focus-border-color: var(--yee-color-primary);
1189
1188
 
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #969696;
34
34
  --yee-color-split: #dcdcdc;
35
35
  --yee-color-border: #c8c8c8;
36
- --yee-color-border-hover-focus: #387399;
36
+ --yee-color-border-hover: #387399;
37
+ --yee-color-border-focus: #387399;
37
38
  --yee-color-bg-highlight: rgba(56, 115, 153, 0.16);
38
39
  --yee-color-bg-disabled: #f5f5f5;
39
40
  --yee-color-bg-head: #f5f5f5;
@@ -447,7 +448,7 @@
447
448
 
448
449
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
449
450
  --yee-checkbox-border-color: var(--yee-color-border);
450
- --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
451
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover);
451
452
  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
452
453
  --yee-checkbox-checked-border-color: var(--yee-color-primary);
453
454
  --yee-checkbox-checked-after-border-color: #ffffff;
@@ -494,9 +495,7 @@
494
495
  --yee-date-picker-time-disabled-bg-color: transparent;
495
496
 
496
497
  --yee-range-picker-trigger-border-color: var(--yee-color-border);
497
- --yee-range-picker-trigger-hover-border-color: var(
498
- --yee-color-border-hover-focus
499
- );
498
+ --yee-range-picker-trigger-hover-border-color: var(--yee-color-border-hover);
500
499
 
501
500
  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
502
501
  --yee-range-picker-hover-border-color: var(--yee-color-primary);
@@ -517,8 +516,8 @@
517
516
 
518
517
  /* --Input-- */
519
518
 
520
- --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
521
- --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
519
+ --yee-input-hover-border-color: var(--yee-color-border-hover);
520
+ --yee-input-focus-border-color: var(--yee-color-border-focus);
522
521
  --yee-input-focus-bs-color: rgba(56, 115, 153, 0.24);
523
522
  --yee-input-border-color: var(--yee-color-border);
524
523
  --yee-input-content-bg-color: var(--yee-color-bg-container);
@@ -585,7 +584,7 @@
585
584
  --yee-color-text-disabled
586
585
  );
587
586
 
588
- --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
587
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover);
589
588
  --yee-radio-label-button-border-color: var(--yee-color-border);
590
589
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
591
590
  --yee-radio-label-button-hover-color: var(--yee-color-primary);
@@ -1183,7 +1182,7 @@
1183
1182
 
1184
1183
  --yee-selector-border-color: var(--yee-color-border);
1185
1184
 
1186
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1185
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1187
1186
 
1188
1187
  --yee-selector-focus-border-color: var(--yee-color-primary);
1189
1188