@rainbow-oh/yee-c 0.12.1 → 0.13.0

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 (100) 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/Search/style/index.less +1 -1
  5. package/dist/cjs/Selector/style/index.less +1 -1
  6. package/dist/cjs/Table/demo/controlled-filter.d.ts +3 -0
  7. package/dist/cjs/Table/demo/controlled-filter.js +105 -0
  8. package/dist/cjs/Table/hooks/useFilter.d.ts +5 -1
  9. package/dist/cjs/Table/hooks/useFilter.js +80 -42
  10. package/dist/cjs/Table/index.d.ts +1 -1
  11. package/dist/cjs/Table/interface.d.ts +14 -4
  12. package/dist/cjs/Table/table.js +22 -25
  13. package/dist/cjs/Table/theader/cell.js +0 -3
  14. package/dist/cjs/Table/theader/filter.js +22 -5
  15. package/dist/cjs/TextArea/style/index.less +1 -1
  16. package/dist/cjs/VerificationCode/style/index.less +1 -1
  17. package/dist/cjs/style/color.blue.css +6 -7
  18. package/dist/cjs/style/color.crimson.css +8 -9
  19. package/dist/cjs/style/color.css +14 -11
  20. package/dist/cjs/style/color.dark.css +8 -9
  21. package/dist/cjs/style/color.gemini.css +8 -2
  22. package/dist/cjs/style/color.green.css +8 -9
  23. package/dist/cjs/style/color.jam.css +8 -9
  24. package/dist/cjs/style/color.navy.css +8 -9
  25. package/dist/cjs/style/color.peach.css +8 -9
  26. package/dist/cjs/style/color.pine.css +8 -9
  27. package/dist/cjs/style/color.pitaya.css +8 -9
  28. package/dist/cjs/style/color.pumpkin.css +8 -9
  29. package/dist/cjs/style/color.ruby.css +8 -9
  30. package/dist/cjs/style/themes.css +95 -100
  31. package/dist/cjs/style/variables.css +15 -12
  32. package/dist/cjs/version.d.ts +1 -1
  33. package/dist/cjs/version.js +1 -1
  34. package/dist/esm/Form/style/index.less +4 -0
  35. package/dist/esm/Input/style/index.less +1 -1
  36. package/dist/esm/InputNumber/style/index.less +1 -1
  37. package/dist/esm/Search/style/index.less +1 -1
  38. package/dist/esm/Selector/style/index.less +1 -1
  39. package/dist/esm/Table/demo/controlled-filter.d.ts +3 -0
  40. package/dist/esm/Table/demo/controlled-filter.js +122 -0
  41. package/dist/esm/Table/hooks/useFilter.d.ts +5 -1
  42. package/dist/esm/Table/hooks/useFilter.js +112 -69
  43. package/dist/esm/Table/index.d.ts +1 -1
  44. package/dist/esm/Table/interface.d.ts +14 -4
  45. package/dist/esm/Table/table.js +34 -21
  46. package/dist/esm/Table/theader/cell.js +1 -3
  47. package/dist/esm/Table/theader/filter.js +22 -1
  48. package/dist/esm/TextArea/style/index.less +1 -1
  49. package/dist/esm/VerificationCode/style/index.less +1 -1
  50. package/dist/esm/style/color.blue.css +6 -7
  51. package/dist/esm/style/color.crimson.css +8 -9
  52. package/dist/esm/style/color.css +14 -11
  53. package/dist/esm/style/color.dark.css +8 -9
  54. package/dist/esm/style/color.gemini.css +8 -2
  55. package/dist/esm/style/color.green.css +8 -9
  56. package/dist/esm/style/color.jam.css +8 -9
  57. package/dist/esm/style/color.navy.css +8 -9
  58. package/dist/esm/style/color.peach.css +8 -9
  59. package/dist/esm/style/color.pine.css +8 -9
  60. package/dist/esm/style/color.pitaya.css +8 -9
  61. package/dist/esm/style/color.pumpkin.css +8 -9
  62. package/dist/esm/style/color.ruby.css +8 -9
  63. package/dist/esm/style/themes.css +95 -100
  64. package/dist/esm/style/variables.css +15 -12
  65. package/dist/esm/version.d.ts +1 -1
  66. package/dist/esm/version.js +1 -1
  67. package/dist/umd/yee-c.min.css +6 -8
  68. package/dist/umd/yee-c.min.js +1 -1
  69. package/package.json +1 -1
  70. package/src/Form/style/index.less +4 -0
  71. package/src/Input/style/index.less +1 -1
  72. package/src/InputNumber/style/index.less +1 -1
  73. package/src/Search/style/index.less +1 -1
  74. package/src/Selector/style/index.less +1 -1
  75. package/src/Table/demo/controlled-filter.tsx +107 -0
  76. package/src/Table/hooks/useFilter.ts +107 -49
  77. package/src/Table/index.en-US.md +22 -1
  78. package/src/Table/index.ts +1 -0
  79. package/src/Table/index.zh-CN.md +22 -1
  80. package/src/Table/interface.ts +14 -2
  81. package/src/Table/table-filter.test.tsx +343 -0
  82. package/src/Table/table.tsx +29 -27
  83. package/src/Table/theader/cell.tsx +0 -2
  84. package/src/Table/theader/filter.tsx +26 -1
  85. package/src/TextArea/style/index.less +1 -1
  86. package/src/VerificationCode/style/index.less +1 -1
  87. package/src/style/color.blue.css +6 -7
  88. package/src/style/color.crimson.css +8 -9
  89. package/src/style/color.css +14 -11
  90. package/src/style/color.dark.css +8 -9
  91. package/src/style/color.gemini.css +8 -2
  92. package/src/style/color.green.css +8 -9
  93. package/src/style/color.jam.css +8 -9
  94. package/src/style/color.navy.css +8 -9
  95. package/src/style/color.peach.css +8 -9
  96. package/src/style/color.pine.css +8 -9
  97. package/src/style/color.pitaya.css +8 -9
  98. package/src/style/color.pumpkin.css +8 -9
  99. package/src/style/color.ruby.css +8 -9
  100. package/src/version.ts +1 -1
package/src/style/color.dark.css CHANGED
@@ -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
 
package/src/style/color.gemini.css CHANGED
@@ -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;
package/src/style/color.green.css CHANGED
@@ -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
 
package/src/style/color.jam.css CHANGED
@@ -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
 
package/src/style/color.navy.css CHANGED
@@ -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
 
package/src/style/color.peach.css CHANGED
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #848a90;
34
34
  --yee-color-split: #dee2e6;
35
35
  --yee-color-border: #ced4da;
36
- --yee-color-border-hover-focus: #d31145;
36
+ --yee-color-border-hover: #d31145;
37
+ --yee-color-border-focus: #d31145;
37
38
  --yee-color-bg-highlight: rgba(211, 17, 69, 0.16);
38
39
  --yee-color-bg-disabled: #e9ecef;
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(211, 17, 69, 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
 
package/src/style/color.pine.css CHANGED
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #788883;
34
34
  --yee-color-split: #e7eceb;
35
35
  --yee-color-border: #d5dedb;
36
- --yee-color-border-hover-focus: #c4d700;
36
+ --yee-color-border-hover: #c4d700;
37
+ --yee-color-border-focus: #c4d700;
37
38
  --yee-color-bg-highlight: rgba(255, 95, 4, 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(196, 215, 0, 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);
@@ -1182,7 +1181,7 @@
1182
1181
 
1183
1182
  --yee-selector-border-color: var(--yee-color-border);
1184
1183
 
1185
- --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1184
+ --yee-selector-hover-border-color: var(--yee-color-border-hover);
1186
1185
 
1187
1186
  --yee-selector-focus-border-color: var(--yee-color-primary);
1188
1187
 
package/src/style/color.pitaya.css CHANGED
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #c7c7cd;
34
34
  --yee-color-split: #eaeaea;
35
35
  --yee-color-border: #c7c7cd;
36
- --yee-color-border-hover-focus: #ff0080;
36
+ --yee-color-border-hover: #ff0080;
37
+ --yee-color-border-focus: #ff0080;
37
38
  --yee-color-bg-highlight: rgba(255, 0, 128, 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(255, 0, 128, 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
 
package/src/style/color.pumpkin.css CHANGED
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #bdbdbd;
34
34
  --yee-color-split: #d1d1d1;
35
35
  --yee-color-border: #bdbdbd;
36
- --yee-color-border-hover-focus: #ea5404;
36
+ --yee-color-border-hover: #ea5404;
37
+ --yee-color-border-focus: #ea5404;
37
38
  --yee-color-bg-highlight: rgba(234, 84, 4, 0.16);
38
39
  --yee-color-bg-disabled: #f3f3f3;
39
40
  --yee-color-bg-head: #f3f3f3;
@@ -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(234, 84, 4, 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
 
package/src/style/color.ruby.css CHANGED
@@ -33,7 +33,8 @@
33
33
  --yee-color-text-auxiliary: #b6b6b6;
34
34
  --yee-color-split: #d1d1d1;
35
35
  --yee-color-border: #b6b6b6;
36
- --yee-color-border-hover-focus: #bf0000;
36
+ --yee-color-border-hover: #bf0000;
37
+ --yee-color-border-focus: #bf0000;
37
38
  --yee-color-bg-highlight: rgba(191, 0, 0, 0.16);
38
39
  --yee-color-bg-disabled: #ebebeb;
39
40
  --yee-color-bg-head: #f7f7f7;
@@ -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(191, 0, 0, 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
 
package/src/version.ts CHANGED
@@ -4,7 +4,7 @@ declare global {
4
4
  }
5
5
  }
6
6
 
7
- export const version = "0.12.1";
7
+ export const version = "0.13.0";
8
8
 
9
9
  if (typeof window !== 'undefined') {
10
10
  window.__yee_c_version__ = version;