rsuite 5.42.0 → 5.43.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+# [5.43.0](https://github.com/rsuite/rsuite/compare/5.42.0...5.43.0) (2023-11-03)
+
+### Bug Fixes
+
+- **AutoComplete:** fix AutoComplete plaintext mode not working ([#3436](https://github.com/rsuite/rsuite/issues/3436)) ([72b79e7](https://github.com/rsuite/rsuite/commit/72b79e7b6dfb90ec23bb81b1145db125f8b827cd))
+- **Drawer:** change Drawer title font-size to 18px ([#3430](https://github.com/rsuite/rsuite/issues/3430)) ([3eff439](https://github.com/rsuite/rsuite/commit/3eff439a0fa28e5349e306b6b2ded8eb9e847f95))
+
+### Features
+
+- **CSS:** use CSS custom properties instead of less variables ([#3428](https://github.com/rsuite/rsuite/issues/3428)) ([f6474e4](https://github.com/rsuite/rsuite/commit/f6474e490036cd8faf228332e2b7bd6b85902671))
+
 # [5.42.0](https://github.com/rsuite/rsuite/compare/v5.41.0...v5.42.0) (2023-10-29)
 
 ### Bug Fixes

package/Placeholder/styles/index.less

@@ -111,7 +111,7 @@
         var(--rs-placeholder) 63%
       );
       background-size: 400% 100% !important;
-      animation: placeholder-active 3s ease infinite;
+      animation: placeholder-active 1.5s ease infinite;
     }
   }
 

package/cjs/AutoComplete/AutoComplete.js

@@ -16,6 +16,7 @@ var _utils = require("../utils");
 var _utils2 = require("../Animation/utils");
 var _Picker = require("../Picker");
 var _utils3 = require("./utils");
+var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 /**
  * TODO: Remove unnecessary .rs-auto-complete element
  * TODO: role=combobox and aria-autocomplete on input element
@@ -43,6 +44,7 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     menuClassName = props.menuClassName,
     id = props.id,
     readOnly = props.readOnly,
+    plaintext = props.plaintext,
     renderMenu = props.renderMenu,
     renderMenuItem = props.renderMenuItem,
     onSelect = props.onSelect,
@@ -54,7 +56,7 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onFocus = props.onFocus,
     onBlur = props.onBlur,
     onMenuFocus = props.onMenuFocus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "plaintext", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"]);
   var datalist = (0, _utils3.transformData)(data);
   var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
@@ -185,6 +187,12 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       autoWidth: menuAutoWidth
     }, renderMenu ? renderMenu(menu) : menu);
   };
+  if (plaintext) {
+    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
+      ref: ref,
+      localeKey: "unfilled"
+    }, typeof value === 'undefined' ? defaultValue : value);
+  }
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     ref: triggerRef,
     placement: placement,