rsuite 5.24.1 → 5.26.0

package/esm/@types/global.d.ts

@@ -1 +1,7 @@
 declare const __DEV__: boolean;
+
+declare namespace Chai {
+  interface Assertion {
+    toHaveError(expectedMessage?: string): Assertion;
+  }
+}

package/esm/Breadcrumb/BreadcrumbItem.js

@@ -6,7 +6,7 @@ import SafeAnchor from '../SafeAnchor';
 import { useClassNames } from '../utils';
 var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? SafeAnchor : _props$as,
+      Component = _props$as === void 0 ? props.href ? SafeAnchor : 'span' : _props$as,
       href = props.href,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,

package/esm/Calendar/MonthDropdown.js

@@ -57,8 +57,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     return false;
   }, [disabledMonth]);
-
-  var rowRenderer = function rowRenderer(_ref) {
+  var rowRenderer = useCallback(function (_ref) {
     var index = _ref.index,
         style = _ref.style;
     var selectedMonth = DateUtils.getMonth(date);
@@ -91,8 +90,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
         year: year
       });
     })));
-  };
-
+  }, [date, isMonthDisabled, merge, prefix, rowCount, startYear]);
   var classes = merge(className, withClassPrefix(), {
     show: show
   });

package/esm/Calendar/useCalendarDate.d.ts

@@ -1,6 +1,6 @@
 declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: Date | undefined) => void;
-    resetCalendarDate: () => void;
+    resetCalendarDate: (nextValue?: any) => void;
 };
 export default useCalendarDate;

package/esm/Calendar/useCalendarDate.js

@@ -15,19 +15,25 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
       setValue(date);
     }
   }, [calendarDate]);
-  var resetCalendarDate = useCallback(function () {
-    var _ref2;
+  var resetCalendarDate = useCallback(function (nextValue) {
+    var _ref2, _nextValue;
 
-    setValue((_ref2 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
+    if (nextValue === void 0) {
+      nextValue = value;
+    }
+
+    setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
   }, [defaultDate, value]);
   useUpdateEffect(function () {
     var _valueRef$current;
 
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
-      setCalendarDate(value !== null && value !== void 0 ? value : new Date());
+      var _ref3;
+
+      setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : new Date());
       valueRef.current = value;
     }
-  }, [value]);
+  }, [value, defaultDate]);
   return {
     calendarDate: calendarDate,
     setCalendarDate: setCalendarDate,

package/esm/CustomProvider/CustomProvider.d.ts

@@ -38,6 +38,8 @@ export interface CustomValue<T = Locale> {
      * A Map of toast containers
      */
     toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
+    /** If true, the ripple effect is disabled. Affected components include: Button, Nav.Item, Pagination. */
+    disableRipple?: boolean;
 }
 export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
     /** Supported themes */

package/esm/CustomProvider/CustomProvider.js

@@ -14,7 +14,8 @@ var CustomProvider = function CustomProvider(props) {
       classPrefix = _props$classPrefix === void 0 ? getClassNamePrefix() : _props$classPrefix,
       theme = props.theme,
       container = props.toastContainer,
-      rest = _objectWithoutPropertiesLoose(props, ["children", "classPrefix", "theme", "toastContainer"]);
+      disableRipple = props.disableRipple,
+      rest = _objectWithoutPropertiesLoose(props, ["children", "classPrefix", "theme", "toastContainer", "disableRipple"]);
 
   var toasters = React.useRef(new Map());
 
@@ -28,9 +29,10 @@ var CustomProvider = function CustomProvider(props) {
     return _extends({
       classPrefix: classPrefix,
       theme: theme,
-      toasters: toasters
+      toasters: toasters,
+      disableRipple: disableRipple
     }, rest);
-  }, [classPrefix, theme, rest]);
+  }, [classPrefix, theme, disableRipple, rest]);
   useEffect(function () {
     if (canUseDOM && theme) {
       addClass(document.body, prefix(classPrefix, "theme-" + theme)); // Remove the className that will cause style conflicts

package/esm/DatePicker/DatePicker.js

@@ -192,7 +192,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var handleClean = useCallback(function (event) {
     updateValue(event, null);
-    resetCalendarDate();
+    resetCalendarDate(null);
   }, [resetCalendarDate, updateValue]);
   /**
    * Handle keyboard events.

package/esm/FormControl/FormControl.js

@@ -14,7 +14,14 @@ import FormContext, { FormValueContext } from '../Form/FormContext';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { useWillUnmount } from '../utils';
 import useRegisterModel from './useRegisterModel';
+import Toggle from '../Toggle';
+/**
+ * Props that FormControl passes to its accepter
+ */
+
 var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _accepterProps;
+
   var _useContext = useContext(FormContext),
       readOnlyContext = _useContext.readOnly,
       plaintextContext = _useContext.plaintext,
@@ -139,6 +146,15 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var ariaDescribedby = controlId ? controlId + "-help-text" : null;
   var fieldHasError = Boolean(messageNode);
   var ariaErrormessage = fieldHasError && controlId ? controlId + "-error-message" : undefined;
+  var valueKey = 'value';
+  var defaultValueKey = 'defaultValue'; // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
+
+  if (AccepterComponent === Toggle) {
+    valueKey = 'checked';
+    defaultValueKey = 'defaultChecked';
+  }
+
+  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val, _accepterProps[defaultValueKey] = defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name], _accepterProps);
   return /*#__PURE__*/React.createElement(Component, {
     className: classes,
     ref: ref
@@ -148,15 +164,13 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-describedby": ariaDescribedby,
     "aria-invalid": fieldHasError || undefined,
     "aria-errormessage": ariaErrormessage
-  }, rest, {
+  }, rest, accepterProps, {
     readOnly: readOnly,
     plaintext: plaintext,
     disabled: disabled,
     name: name,
     onChange: handleFieldChange,
-    onBlur: handleFieldBlur,
-    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name],
-    value: val
+    onBlur: handleFieldBlur
   })), /*#__PURE__*/React.createElement(FormErrorMessage, {
     id: controlId + "-error-message",
     role: "alert",

package/esm/InputPicker/InputPicker.js

@@ -437,9 +437,15 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setValue(null);
     setFocusItemValue(null);
     setSearchKeyword('');
-    handleChange(null, event);
+
+    if (multi) {
+      handleChange([], event);
+    } else {
+      handleChange(null, event);
+    }
+
     onClean === null || onClean === void 0 ? void 0 : onClean(event);
-  }, [disabled, searchKeyword, onClean, handleChange, setValue, setFocusItemValue, setSearchKeyword]);
+  }, [disabled, searchKeyword, setValue, setFocusItemValue, setSearchKeyword, multi, onClean, handleChange]);
   var events = {
     onMenuPressBackspace: multi ? removeLastItem : handleClean,
     onMenuKeyDown: onKeyDown,

package/esm/Navbar/NavbarDropdown.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
+import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
 import deprecatePropType from '../utils/deprecatePropType';
@@ -52,7 +53,7 @@ var NavbarDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       mergeMenuClassName = _useClassNames2.merge;
 
   return /*#__PURE__*/React.createElement(Disclosure, {
-    trigger: trigger,
+    trigger: castArray(trigger),
     hideOnClickOutside: true,
     onToggle: function onToggle(open) {
       _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);
@@ -66,13 +67,15 @@ var NavbarDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, function (_ref, containerRef) {
     var _withClassPrefix;
 
-    var open = _ref.open;
+    var open = _ref.open,
+        props = _objectWithoutPropertiesLoose(_ref, ["open"]);
+
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));
-    return /*#__PURE__*/React.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, containerRef),
       className: classes,
       style: style
-    }, /*#__PURE__*/React.createElement(Disclosure.Button, null, function (buttonProps, buttonRef) {
+    }, props), /*#__PURE__*/React.createElement(Disclosure.Button, null, function (buttonProps, buttonRef) {
       return /*#__PURE__*/React.createElement(NavbarDropdownToggle, _extends({
         ref: buttonRef,
         as: toggleAs,

package/esm/Overlay/OverlayTrigger.js

@@ -372,6 +372,10 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : speaker);
   };
 
+  if (typeof children === 'object' && children.type === React.Fragment || typeof children === 'string') {
+    console.error('[rsuite] The OverlayTrigger component does not accept strings or Fragments as child.');
+  }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'function' ? children(triggerEvents, triggerRef) : /*#__PURE__*/React.cloneElement(children, _extends({
     ref: triggerRef,
     'aria-describedby': controlId

package/esm/Picker/PickerToggle.js

@@ -224,7 +224,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       closeLabel: 'Clear'
     },
     onClick: handleClean
-  }), caret && /*#__PURE__*/React.createElement(Caret, {
+  }), caret && !showCleanButton && /*#__PURE__*/React.createElement(Caret, {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
   })));
 });

package/esm/Picker/PickerToggleTrigger.js

@@ -1,10 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useContext } from 'react';
+import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from '../Overlay/OverlayTrigger';
-import { placementPolyfill } from '../utils';
-import { CustomContext } from '../CustomProvider';
+import { placementPolyfill, useCustom } from '../utils';
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'onHide', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading']);
 var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -16,12 +15,15 @@ var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger"]);
 
   var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
-  var context = useContext(CustomContext);
+
+  var _useCustom = useCustom(),
+      rtl = _useCustom.rtl;
+
   return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, pickerTriggerProps, {
     disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
     ref: ref,
     trigger: trigger,
-    placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    placement: placementPolyfill(placement, rtl),
     speaker: speaker
   }));
 });

package/esm/Ripple/Ripple.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import getOffset from 'dom-lib/getOffset';
 import on from 'dom-lib/on';
 import Transition from '../Animation/Transition';
-import { mergeRefs, useClassNames } from '../utils';
+import { mergeRefs, useClassNames, useCustom } from '../utils';
 
 var getPosition = function getPosition(target, event) {
   var offset = getOffset(target);
@@ -23,6 +23,9 @@ var getPosition = function getPosition(target, event) {
 };
 
 var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useCustom = useCustom(),
+      disableRipple = _useCustom.disableRipple;
+
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'span' : _props$as,
       className = props.className,
@@ -72,6 +75,11 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     }
   }, [handleMouseDown]);
+
+  if (disableRipple) {
+    return null;
+  }
+
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     className: classes,
     ref: mergeRefs(triggerRef, ref)

package/esm/TagInput/index.d.ts

@@ -1,13 +1,15 @@
 import { InputPickerProps, TriggerType } from '../InputPicker/InputPicker';
 import type { PickerComponent } from '../Picker/types';
 import type { TagProps } from '../Tag';
-export interface TagInputProps extends InputPickerProps {
+export interface TagInputProps extends Omit<InputPickerProps<readonly string[]>, 'data'> {
     /**  Tag related props. */
     tagProps?: TagProps;
     /**
      * Set the trigger for creating tags. only valid when creatable
+     *
+     * @todo Declare as readonly array
      */
-    trigger: TriggerType | TriggerType[];
+    trigger?: TriggerType | TriggerType[];
 }
 declare const TagInput: PickerComponent<TagInputProps>;
 export default TagInput;

package/esm/locales/index.d.ts

@@ -10,6 +10,7 @@ export { default as fiFI } from './fi_FI';
 export { default as itIT } from './it_IT';
 export { default as kkKZ } from './kk_KZ';
 export { default as koKR } from './ko_KR';
+export { default as nlNL } from './nl_NL';
 export { default as ptBR } from './pt_BR';
 export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';

package/esm/locales/index.js

@@ -9,6 +9,7 @@ export { default as fiFI } from './fi_FI';
 export { default as itIT } from './it_IT';
 export { default as kkKZ } from './kk_KZ';
 export { default as koKR } from './ko_KR';
+export { default as nlNL } from './nl_NL';
 export { default as ptBR } from './pt_BR';
 export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';

package/esm/locales/nl_NL.d.ts

@@ -0,0 +1,105 @@
+declare const _default: {
+    common: {
+        loading: string;
+        emptyMessage: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    Picker: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/esm/locales/nl_NL.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import nl from 'date-fns/locale/nl';
+var Calendar = {
+  sunday: 'Zo',
+  monday: 'Ma',
+  tuesday: 'Di',
+  wednesday: 'Wo',
+  thursday: 'Do',
+  friday: 'Vr',
+  saturday: 'Za',
+  ok: 'Oke',
+  today: 'Vandaag',
+  yesterday: 'Gisteren',
+  hours: 'Uren',
+  minutes: 'Mimnuten',
+  seconds: 'Seconden',
+  formattedMonthPattern: 'MMM, yyyy',
+  formattedDayPattern: 'dd MMM, yyyy',
+  dateLocale: nl
+};
+export default {
+  common: {
+    loading: 'Laden...',
+    emptyMessage: 'Geen data gevonden'
+  },
+  Plaintext: {
+    unfilled: 'Ongevuld',
+    notSelected: 'Niet geselecteerd',
+    notUploaded: 'Niet geupload'
+  },
+  Pagination: {
+    more: 'Meer',
+    prev: 'Vorige',
+    next: 'Volgende',
+    first: 'Eerste',
+    last: 'Laatste',
+    limit: '{0} / pagina',
+    total: 'Totaal Rijen: {0}',
+    skip: 'Ga naar{0}'
+  },
+  Calendar: Calendar,
+  DatePicker: _extends({}, Calendar),
+  DateRangePicker: _extends({}, Calendar, {
+    last7Days: 'Laatste 7 Dagen'
+  }),
+  Picker: {
+    noResultsText: 'Geen resultaten gevonden',
+    placeholder: 'Selecteren',
+    searchPlaceholder: 'Zoeken',
+    checkAll: 'Alles'
+  },
+  InputPicker: {
+    newItem: 'Nieuw item',
+    createOption: 'Creëer optie "{0}"'
+  },
+  Uploader: {
+    inited: 'Gestart',
+    progress: 'Uploaden',
+    error: 'Error',
+    complete: 'Voltooid',
+    emptyFile: 'Leeg',
+    upload: 'Upload'
+  },
+  CloseButton: {
+    closeLabel: 'Sluiten'
+  },
+  Breadcrumb: {
+    expandText: 'Toon pad'
+  },
+  Toggle: {
+    on: 'Open',
+    off: 'Sluit'
+  }
+};

package/esm/utils/useCustom.js

@@ -30,7 +30,8 @@ function useCustom(keys, overrideLocale) {
       rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
       formatDate = _useContext.formatDate,
       parseDate = _useContext.parseDate,
-      toasters = _useContext.toasters;
+      toasters = _useContext.toasters,
+      disableRipple = _useContext.disableRipple;
 
   var componentLocale = _extends({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {
     return locale === null || locale === void 0 ? void 0 : locale[key];
@@ -59,6 +60,7 @@ function useCustom(keys, overrideLocale) {
     locale: componentLocale,
     rtl: rtl,
     toasters: toasters,
+    disableRipple: disableRipple,
     formatDate: formatDate || defaultFormatDate,
     parseDate: parseDate || defaultParseDate
   };

package/locales/nl_NL/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/nl_NL",
+  "private": true,
+  "main": "../../cjs/locales/nl_NL.js",
+  "module": "../../esm/locales/nl_NL.js",
+  "types": "../../esm/locales/nl_NL.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.24.1",
+  "version": "5.26.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -78,13 +78,13 @@
   --rs-btn-default-active-bg: @B300-dark;
   --rs-btn-default-active-text: @B000-dark;
   --rs-btn-default-disabled-bg: @B600-dark;
-  --rs-btn-default-disabled-text: @B500-dark;
+  --rs-btn-default-disabled-text: @B400-dark;
   --rs-btn-primary-bg: @H700-dark;
   --rs-btn-primary-text: @B000-dark;
   --rs-btn-primary-hover-bg: @H600-dark;
   --rs-btn-primary-active-bg: @H400-dark;
   --rs-btn-subtle-text: @B200-dark;
-  --rs-btn-subtle-hover-bg: @B700-dark;
+  --rs-btn-subtle-hover-bg: @B500-dark;
   --rs-btn-subtle-hover-text: @B050-dark;
   --rs-btn-subtle-active-bg: @B400-dark;
   --rs-btn-subtle-active-text: @B000-dark;
@@ -150,6 +150,9 @@
   --rs-placeholder: @B600-dark;
   --rs-placeholder-active: lighten(@B600-dark, 5%);
 
+  // Breadcrumb
+  --rs-breadcrumb-item-active-text: #fff;
+
   // Dropdown
   --rs-dropdown-divider: @B600-dark;
   --rs-dropdown-item-bg-hover: @B600-dark;

package/styles/color-modes/high-contrast.less

@@ -157,6 +157,9 @@
   --rs-placeholder: @B600-high-contrast;
   --rs-placeholder-active: lighten(@B600-high-contrast, 5%);
 
+  // Breadcrumb
+  --rs-breadcrumb-item-active-text: #fff;
+
   // Dropdown
   --rs-dropdown-divider: @B600-high-contrast;
   --rs-dropdown-item-bg-hover: @B600-high-contrast;

package/styles/color-modes/light.less

@@ -91,7 +91,7 @@
   --rs-btn-primary-hover-bg: @H600;
   --rs-btn-primary-active-bg: @H700;
   --rs-btn-subtle-text: @B600;
-  --rs-btn-subtle-hover-bg: @B050;
+  --rs-btn-subtle-hover-bg: @B200;
   --rs-btn-subtle-hover-text: @B800;
   --rs-btn-subtle-active-bg: @B200;
   --rs-btn-subtle-active-text: @B900;
@@ -157,6 +157,9 @@
   --rs-placeholder: @B100;
   --rs-placeholder-active: @B200;
 
+  // Breadcrumb
+  --rs-breadcrumb-item-active-text: @B900;
+
   // Dropdown
   --rs-dropdown-divider: @B200;
   --rs-dropdown-item-bg-hover: fade(@H100, 50%);