rsuite 5.74.0-beta.0 → 5.74.0

package/cjs/MultiCascadeTree/TreeView.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
-var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
+var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
@@ -90,7 +90,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
+    var Icon = node.loading ? _Spinner.default : rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
     var active = value.some(function (v) {
       return v === nodeValue;
     });

package/cjs/Panel/AccordionButton.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
-var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
+var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _hooks = require("../internals/hooks");
 var _templateObject;
 var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
@@ -23,7 +23,7 @@ var AccordionButton = function AccordionButton(props) {
     children = props.children,
     disabled = props.disabled,
     _props$caretAs = props.caretAs,
-    caretAs = _props$caretAs === void 0 ? _AngleDown.default : _props$caretAs,
+    caretAs = _props$caretAs === void 0 ? _ArrowDownLine.default : _props$caretAs,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,

package/cjs/Rate/Rate.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _Star = _interopRequireDefault(require("@rsuite/icons/legacy/Star"));
+var _Star = _interopRequireDefault(require("@rsuite/icons/Star"));
 var _Character = _interopRequireDefault(require("./Character"));
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");

package/cjs/Tree/TreeNodeToggle.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
 var _ArrowRight = _interopRequireDefault(require("@rsuite/icons/ArrowRight"));
 var _ArrowLeft = _interopRequireDefault(require("@rsuite/icons/ArrowLeft"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
+var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _CustomProvider = require("../CustomProvider");

package/cjs/Uploader/UploadFileItem.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Attachment = _interopRequireDefault(require("@rsuite/icons/legacy/Attachment"));
+var _Attachment = _interopRequireDefault(require("@rsuite/icons/Attachment"));
 var _Reload = _interopRequireDefault(require("@rsuite/icons/Reload"));
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _propTypes2 = require("../internals/propTypes");

package/cjs/internals/Picker/PickerIndicator.js

@@ -44,7 +44,8 @@ var PickerIndicator = function PickerIndicator(_ref) {
     }
     return caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
       as: caretAs,
-      className: prefix('caret-icon')
+      className: prefix('caret-icon'),
+      "data-testid": "caret"
     });
   };
   var props = Component === _InputGroup.default.Addon ? {

package/cjs/internals/hooks/useToggleCaret.js

@@ -6,10 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useToggleCaret = useToggleCaret;
 var _react = require("react");
-var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
-var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _ArrowUpLine = _interopRequireDefault(require("@rsuite/icons/ArrowUpLine"));
+var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _CustomProvider = require("../../CustomProvider");
 function useToggleCaret(placement) {
   var _useCustom = (0, _CustomProvider.useCustom)(),
@@ -17,14 +17,14 @@ function useToggleCaret(placement) {
   return (0, _react.useMemo)(function () {
     switch (true) {
       case /^top/.test(placement):
-        return _AngleUp.default;
+        return _ArrowUpLine.default;
       case /^right/.test(placement):
-        return rtl ? _AngleLeft.default : _AngleRight.default;
+        return rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
       case /^left/.test(placement):
-        return rtl ? _AngleRight.default : _AngleLeft.default;
+        return rtl ? _ArrowRightLine.default : _ArrowLeftLine.default;
       case /^bottom/.test(placement):
       default:
-        return _AngleDown.default;
+        return _ArrowDownLine.default;
     }
   }, [placement, rtl]);
 }

package/dist/rsuite-no-reset-rtl.css

@@ -4002,6 +4002,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   left: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-checkbox {
   position: relative;
@@ -8881,6 +8882,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {
   height: 17px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-lg .rs-input-number-touchspin-up,
 .rs-input-group-lg .rs-input-number-touchspin-down {
@@ -8889,6 +8892,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-lg .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-lg .rs-input-number-touchspin-down > .rs-icon {
   height: 20px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-sm .rs-input-number-touchspin-up,
 .rs-input-group-sm .rs-input-number-touchspin-down {
@@ -8897,6 +8902,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-sm .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-sm .rs-input-number-touchspin-down > .rs-icon {
   height: 14px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-xs .rs-input-number-touchspin-up,
 .rs-input-group-xs .rs-input-number-touchspin-down {
@@ -8905,6 +8912,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-xs .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-xs .rs-input-number-touchspin-down > .rs-icon {
   height: 11px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {
@@ -17433,6 +17442,7 @@ kbd.rs-text {
   left: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }