rsuite 5.73.0 → 5.74.0-beta.0

package/CheckTree/styles/index.css

@@ -3627,7 +3627,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-radius: 6px;
 }
 .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
-  cursor: not-allowed;
   color: #717273;
   color: var(--rs-text-disabled);
   background: none;

package/CheckTree/styles/index.less

@@ -103,7 +103,6 @@
 
     &.rs-checkbox-disabled {
       .rs-checkbox-label {
-        cursor: not-allowed;
         color: var(--rs-text-disabled);
         background: none;
       }

package/CheckTreePicker/styles/index.css

@@ -3627,7 +3627,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-radius: 6px;
 }
 .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
-  cursor: not-allowed;
   color: #717273;
   color: var(--rs-text-disabled);
   background: none;

package/Checkbox/styles/mixin.less

@@ -29,7 +29,7 @@
   }
 
   &&-disabled label {
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
   }
 
   // Disabled text styles.

package/RadioTile/styles/index.css

@@ -1,6 +1,67 @@
+:root,
+.rs-theme-light {
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-300: #d9d9d9;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-600: #717273;
+  --rs-gray-800: #343434;
+  --rs-primary-200: #a6d7ff;
+  --rs-primary-500: #3498ff;
+  --rs-primary-900: #004299;
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: #fff;
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
+  --rs-radio-tile-icon-size: 32px;
+}
+.rs-theme-dark {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-200: #a6e9ff;
+  --rs-primary-500: #34c3ff;
+  --rs-primary-900: #006199;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+}
+.rs-theme-high-contrast {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-200: #fffa91;
+  --rs-primary-500: #ffff00;
+  --rs-primary-900: #8f9900;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
 .rs-radio-tile {
   border-radius: 6px;
   overflow: hidden;
+  border: 2px solid #d9d9d9;
   border: 2px solid var(--rs-radio-tile-border);
   padding: 10px;
   position: relative;
@@ -10,9 +71,11 @@
   font-weight: bold;
 }
 .rs-radio-tile-content {
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-radio-tile-mark {
+  background: #3498ff;
   background: var(--rs-radio-tile-checked-color);
   border-bottom-left-radius: 50%;
   height: 48px;
@@ -28,23 +91,28 @@
   font-size: 16px;
   top: 25px;
   left: 7px;
+  color: #fff;
   color: var(--rs-radio-tile-checked-mark-color);
 }
 .rs-radio-tile-checked .rs-radio-tile-mark {
   opacity: 1;
 }
 .rs-radio-tile-checked.rs-radio-tile-disabled {
+  border-color: #a6d7ff;
   border-color: var(--rs-radio-tile-checked-disabled-color);
 }
 .rs-radio-tile-checked.rs-radio-tile-disabled .rs-radio-tile-mark {
+  background-color: #a6d7ff;
   background-color: var(--rs-radio-tile-checked-disabled-color);
 }
 .rs-radio-tile-checked,
 .rs-radio-tile:hover:not(.rs-radio-tile-disabled) {
+  border: 2px solid #3498ff;
   border: 2px solid var(--rs-radio-tile-checked-color);
 }
 .rs-radio-tile-disabled,
 .rs-radio-tile-disabled .rs-radio-tile-content {
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -55,6 +123,7 @@
   position: absolute;
 }
 .rs-radio-tile-icon {
+  font-size: 32px;
   font-size: var(--rs-radio-tile-icon-size);
 }
 

package/RadioTile/styles/index.less

@@ -1,3 +1,5 @@
+@import '../../styles/common';
+
 .rs-radio-tile {
   border-radius: 6px;
   overflow: hidden;
@@ -53,7 +55,7 @@
   &-disabled,
   &-disabled &-content {
     color: var(--rs-text-disabled);
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
   }
 
   input {

package/Rate/styles/index.less

@@ -94,7 +94,7 @@
   }
 
   &-disabled &-character {
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
   }
 
   &-readonly &-character {

package/Slider/styles/index.less

@@ -19,7 +19,7 @@
 
   &-disabled {
     opacity: 0.5;
-    cursor: not-allowed;
+    cursor: @cursor-disabled;
 
     .rs-slider-bar,
     .rs-slider-handle::before {

package/TagInput/styles/index.css

@@ -3706,9 +3706,6 @@ textarea.rs-picker-search-input {
   left: 0;
   cursor: text;
 }
-.rs-picker-tag.rs-picker-disabled {
-  cursor: not-allowed;
-}
 .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
   position: absolute;
 }

package/TagPicker/styles/index.css

@@ -3706,9 +3706,6 @@ textarea.rs-picker-search-input {
   left: 0;
   cursor: text;
 }
-.rs-picker-tag.rs-picker-disabled {
-  cursor: not-allowed;
-}
 .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
   position: absolute;
 }

package/TagPicker/styles/index.less

@@ -13,8 +13,6 @@
   }
 
   &.rs-picker-disabled {
-    cursor: not-allowed;
-
     .rs-picker-toggle {
       position: absolute;
     }

package/Tree/styles/index.css

@@ -313,9 +313,6 @@
   display: block;
   bottom: -4px;
 }
-.rs-tree-node-drag-disabled.rs-tree-node-label {
-  cursor: not-allowed;
-}
 .rs-tree-node-disabled .rs-tree-node-label {
   background: none;
   color: #b6b7b8;

package/Tree/styles/index.less

@@ -135,12 +135,6 @@
     }
   }
 
-  &-drag-disabled {
-    &.rs-tree-node-label {
-      cursor: not-allowed;
-    }
-  }
-
   &-disabled {
     .rs-tree-node-label {
       background: none;

package/TreePicker/styles/index.css

@@ -313,9 +313,6 @@
   display: block;
   bottom: -4px;
 }
-.rs-tree-node-drag-disabled.rs-tree-node-label {
-  cursor: not-allowed;
-}
 .rs-tree-node-disabled .rs-tree-node-label {
   background: none;
   color: #b6b7b8;

package/cjs/Accordion/Accordion.js

@@ -8,15 +8,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _PanelGroup = _interopRequireDefault(require("../PanelGroup"));
 var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
+var _CustomProvider = require("../CustomProvider");
 /**
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
  */
 var Accordion = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('Accordion', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   return /*#__PURE__*/_react.default.createElement(_PanelGroup.default, (0, _extends2.default)({
     accordion: true,
     ref: ref
-  }, props));
+  }, propsWithDefaults));
 });
 Accordion.Panel = _AccordionPanel.default;
 Accordion.displayName = 'Accordion';

package/cjs/Affix/Affix.js

@@ -12,6 +12,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -111,18 +112,20 @@ function useFixed(offset, containerOffset, props) {
  */
 var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'affix' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    container = props.container,
-    _props$top = props.top,
-    top = _props$top === void 0 ? 0 : _props$top,
-    onChange = props.onChange,
-    onOffsetChange = props.onOffsetChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Affix', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'affix' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    container = propsWithDefaults.container,
+    _propsWithDefaults$to = propsWithDefaults.top,
+    top = _propsWithDefaults$to === void 0 ? 0 : _propsWithDefaults$to,
+    onChange = propsWithDefaults.onChange,
+    onOffsetChange = propsWithDefaults.onOffsetChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var mountRef = (0, _react.useRef)(null);
   var offset = useOffset(mountRef, onOffsetChange);
   var containerOffset = useContainerOffset(container);

package/cjs/Animation/Bounce.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout"];
 /**
  * Bounce animation component
@@ -20,7 +21,9 @@ var Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix;
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('Bounce', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,
     timeout: timeout,

package/cjs/Animation/Collapse.js

@@ -15,6 +15,7 @@ var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _Transition = _interopRequireWildcard(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -46,23 +47,25 @@ function getScrollDimensionValue(elem, dimension) {
  * @see https://rsuitejs.com/components/animation/#collapse
  */
 var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$timeout = props.timeout,
-    timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-    _props$dimension = props.dimension,
-    dimensionProp = _props$dimension === void 0 ? DIMENSION.HEIGHT : _props$dimension,
-    exitedClassName = props.exitedClassName,
-    exitingClassName = props.exitingClassName,
-    enteredClassName = props.enteredClassName,
-    enteringClassName = props.enteringClassName,
-    _props$getDimensionVa = props.getDimensionValue,
-    getDimensionValue = _props$getDimensionVa === void 0 ? defaultGetDimensionValue : _props$getDimensionVa,
-    onEnter = props.onEnter,
-    onEntering = props.onEntering,
-    onEntered = props.onEntered,
-    onExit = props.onExit,
-    onExiting = props.onExiting,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Collapse', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$ti = propsWithDefaults.timeout,
+    timeout = _propsWithDefaults$ti === void 0 ? 300 : _propsWithDefaults$ti,
+    _propsWithDefaults$di = propsWithDefaults.dimension,
+    dimensionProp = _propsWithDefaults$di === void 0 ? DIMENSION.HEIGHT : _propsWithDefaults$di,
+    exitedClassName = propsWithDefaults.exitedClassName,
+    exitingClassName = propsWithDefaults.exitingClassName,
+    enteredClassName = propsWithDefaults.enteredClassName,
+    enteringClassName = propsWithDefaults.enteringClassName,
+    _propsWithDefaults$ge = propsWithDefaults.getDimensionValue,
+    getDimensionValue = _propsWithDefaults$ge === void 0 ? defaultGetDimensionValue : _propsWithDefaults$ge,
+    onEnter = propsWithDefaults.onEnter,
+    onEntering = propsWithDefaults.onEntering,
+    onEntered = propsWithDefaults.onEntered,
+    onExit = propsWithDefaults.onExit,
+    onExiting = propsWithDefaults.onExiting,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

package/cjs/Animation/Fade.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout", "className"];
 /**
  * Fade animation component
@@ -22,7 +23,9 @@ var Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('Fade', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     timeout: timeout,
     className: merge(className, prefix('fade')),

package/cjs/Animation/Slide.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout", "placement"];
 /**
  * Slide animation component
@@ -20,11 +21,13 @@ var Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Slide', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix;
   var enterClassName = prefix('slide-in', placement);
   var exitClassName = prefix('slide-out', placement);
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,
     timeout: timeout,

package/cjs/AutoComplete/AutoComplete.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { PickerComponent } from '../internals/Picker';
 import { WithAsProps, FormControlPickerProps, TypeAttributes, ItemDataType } from '../internals/types';
-export type ValueType = string;
-export interface AutoCompleteProps<T = ValueType> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
+export interface AutoCompleteProps<T = string> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
     /** Additional classes for menu */
     menuClassName?: string;
     /** The placement of component */