@rainbow-oh/yee-c 0.12.1 → 0.13.0

package/dist/esm/Table/table.js

@@ -218,6 +218,37 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       action: 'sort'
     });
   }, [onSortInternal, onChange, pagination, current, pageSize, filters]);
+  var handleFilter = React.useCallback(function (options) {
+    var next = onFilterInternal(options);
+    // Remove-then-re-add: the committing column's entry must be reported
+    // even when the merged records hold no record for it (a controlled
+    // column whose prop value is still empty), so parents can mirror state
+    // from this payload alone. On clear the key is kept with its empty
+    // value, matching antd.
+    var emitted = next.filterRecords.filter(function (record) {
+      return record.dataIndex !== options.dataIndex;
+    });
+    emitted.push({
+      dataIndex: options.dataIndex,
+      value: options.value
+    });
+    onChange === null || onChange === void 0 || onChange({
+      pagination: pagination === false ? undefined : {
+        current: current,
+        pageSize: pageSize
+      },
+      sorter: sorters,
+      filters: Object.fromEntries(emitted.map(function (_ref2) {
+        var dataIndex = _ref2.dataIndex,
+          value = _ref2.value;
+        return [dataIndex, value];
+      })),
+      // Filtered but not yet re-sorted; symmetric with handleSort, whose
+      // payload is sorted but not re-paginated.
+      currentDataSource: next.data,
+      action: 'filter'
+    });
+  }, [onFilterInternal, onChange, pagination, current, pageSize, sorters]);
 
   // Expanded row data
   var _useExpand = useExpand(expandable, allKeys, getRowKey),
@@ -234,9 +265,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     checkedAll = _useSelection.checkedAll,
     onCheckAll = _useSelection.onCheckAll,
     onSelectionChange = _useSelection.onChange;
-
-  // Track filter changes to emit onChange after filtered data is recalculated
-  var prevFilterRecordsRef = useRef(filterRecords);
   var _React$useState3 = React.useState({
       left: false,
       right: false
@@ -262,8 +290,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   // measured layout, used as an effect dependency instead of the array itself.
   var columnLayoutKey = useMemo(function () {
     return wrapedColumns.map(function (column, index) {
-      var _ref2, _column$key, _column$fixed, _column$width;
-      return "".concat((_ref2 = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex) !== null && _ref2 !== void 0 ? _ref2 : index, ":").concat((_column$fixed = column.fixed) !== null && _column$fixed !== void 0 ? _column$fixed : '', ":").concat((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : '');
+      var _ref3, _column$key, _column$fixed, _column$width;
+      return "".concat((_ref3 = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex) !== null && _ref3 !== void 0 ? _ref3 : index, ":").concat((_column$fixed = column.fixed) !== null && _column$fixed !== void 0 ? _column$fixed : '', ":").concat((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : '');
     }).join('|');
   }, [wrapedColumns]);
 
@@ -298,21 +326,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       return unchanged ? current : nextWidths;
     });
   }, [wrapedColumnsRef]);
-  useEffect(function () {
-    if (prevFilterRecordsRef.current === filterRecords) return;
-    prevFilterRecordsRef.current = filterRecords;
-    if (!onChange) return;
-    onChange({
-      pagination: pagination === false ? undefined : {
-        current: current,
-        pageSize: pageSize
-      },
-      sorter: sorters,
-      filters: filters,
-      currentDataSource: sortedData,
-      action: 'filter'
-    });
-  }, [filterRecords, filters, sortedData, pagination, current, pageSize, sorters, onChange]);
 
   // Observers are attached once: both callbacks are referentially stable.
   useEffect(function () {
@@ -365,7 +378,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       sorters: sorters,
       onSort: handleSort,
       onCheckAll: onCheckAll,
-      onInternalFilter: onFilterInternal,
+      onInternalFilter: handleFilter,
       resizingKey: resizingKey,
       onResizeStart: onResizeStart,
       onResizeStep: onResizeStep

package/dist/esm/Table/theader/cell.js

@@ -1,4 +1,4 @@
-var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "internalFilters", "style", "width", "colSpan", "rowSpan", "resizable", "resizeKey", "resizingKey", "onHeaderCell", "onSort", "onInternalFilter", "onResizeStart", "onResizeStep"];
+var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "style", "width", "colSpan", "rowSpan", "resizable", "resizeKey", "resizingKey", "onHeaderCell", "onSort", "onInternalFilter", "onResizeStart", "onResizeStep"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -32,7 +32,6 @@ var HeadCell = function HeadCell(props) {
     _props$showSorterTool = props.showSorterTooltip,
     showSorterTooltip = _props$showSorterTool === void 0 ? true : _props$showSorterTool,
     tableActionBarShowOnHover = props.tableActionBarShowOnHover,
-    internalFilters = props.internalFilters,
     style = props.style,
     width = props.width,
     colSpan = props.colSpan,
@@ -116,7 +115,6 @@ var HeadCell = function HeadCell(props) {
     }, /*#__PURE__*/React.createElement(Filter, _extends({}, rest, {
       filter: filter,
       column: props,
-      internalFilters: internalFilters,
       onInternalFilter: onInternalFilter,
       dataIndex: dataIndex
     })));

package/dist/esm/Table/theader/filter.js

@@ -35,6 +35,7 @@ var hasFilterValue = function hasFilterValue(value) {
   return Array.isArray(value) ? value.length > 0 : value !== '';
 };
 var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
+  var _filter$filteredValue;
   var filter = props.filter,
     column = props.column,
     getPopupContainer = props.getPopupContainer,
@@ -74,6 +75,26 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
     _useState8 = _slicedToArray(_useState7, 2),
     searchValue = _useState8[0],
     setSearchValue = _useState8[1];
+
+  // Controlled columns echo `filteredValue` into the local display state.
+  // Only sync while the dropdown is closed so in-progress edits are kept; on
+  // close the committed ref is synced too, so `filterOnClose`'s value diff
+  // doesn't re-commit the echoed value as if the user had changed it.
+  var controlled = filter.filteredValue !== undefined;
+  useEffect(function () {
+    if (!controlled || open) return;
+    var value = filter.filteredValue;
+    if (Array.isArray(value)) {
+      setSelectNodes(_toConsumableArray(value));
+      setSearchValue('');
+    } else {
+      setSearchValue(String(value));
+      setSelectNodes([]);
+    }
+    var committed = Array.isArray(value) ? _toConsumableArray(value) : value;
+    committedValueRef.current = committed;
+    setCommittedValue(committed);
+  }, [controlled, filter.filteredValue, open]);
   useEffect(function () {
     if (!open) return;
     var raf = requestAnimationFrame(function () {
@@ -226,7 +247,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
     }
     setOpen(nextOpen);
   };
-  var isFiltered = filtered !== null && filtered !== void 0 ? filtered : hasFilterValue(committedValue);
+  var isFiltered = filtered !== null && filtered !== void 0 ? filtered : controlled ? hasFilterValue((_filter$filteredValue = filter.filteredValue) !== null && _filter$filteredValue !== void 0 ? _filter$filteredValue : '') : hasFilterValue(committedValue);
   var renderTrigger = function renderTrigger() {
     var trigger = typeof icon === 'function' ? icon(isFiltered) : /*#__PURE__*/React.createElement(Button, {
       icon: items ? /*#__PURE__*/React.createElement(ListFilter, {

package/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/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);