rsuite 5.60.1 → 5.61.0

package/README.md

@@ -9,18 +9,13 @@ English | [中文版][readm-cn]
 [![npm][npm-svg]][npm-home]
 [![GitHub Actions][actions-svg]][actions-home]
 [![npm bundle size][npm-bundle-size-img]][npm-bundle-size]
-[![rsuite.min.js][rsuite-min-js-img]][rsuite-min-js]
 [![codecov][codecov-img]][codecov]
 [![Discord][discord-svg]][discord-invite]
 [![Gitter][gitter-svg]][gitter]
 [![Gitter][gitter-cn-svg]][gitter-cn]
 [![Gitpod ready-to-code][gitpod-img]][gitpod]
 
-React Suite is a set of react component libraries for enterprise system products. It is a well-thought-out and developer-friendly UI framework.
-
-### UI Design
-
-React Suite Design Prototype and specification, click to [view][rsuite-design].
+React Suite is a set of React components. It is committed to providing high-quality and comprehensive React components to help developers quickly build web applications.
 
 ## Supported Platforms
 
@@ -34,33 +29,28 @@ React Suite supports the latest, stable releases of all major browsers and platf
 
 ### Server
 
-React Suite supports server side rendering. Support [Next.js](https://github.com/zeit/next.js) to build applications.
-
-## Supported development environment
-
-- Supports React 16 +
-- Supports [TypeScript](http://www.typescriptlang.org/)
-- Supports [Electron](https://electronjs.org/)
-- Supports [Reason](https://github.com/shurygindv/bs-rsuite-ui-react)
+React Suite supports server side rendering. Support [Next.js](https://github.com/vercel/next.js) to build applications.
 
 ## Installation
 
 React Suite is available as an [npm package][npm-home].
 
 ```bash
-npm i rsuite --save
-```
+# with npm
+npm install rsuite
 
-or if you prefer Yarn
-
-```bash
+# with Yarn
 yarn add rsuite
+
+# with pnpm
+pnpm add rsuite
+
+# with Bun
+bun add rsuite
 ```
 
 ## Usage
 
-Here's a simple example
-
 ```jsx
 import { Button } from 'rsuite';
 import 'rsuite/styles/index.less'; // or 'rsuite/dist/rsuite.min.css'
@@ -70,54 +60,28 @@ function App() {
 }
 ```
 
-[**Live preview on CodeSandbox**][live-preview-on-codesandbox]
-
-### Documentation
-
-You can go through [full documentation][rsuite-doc-guide] or start with following sections
-
-- [Quick start][rsuite-doc-guide]
-- [Less Customization][rsuite-doc-guide-themes]
-- [Internationalization][rsuite-doc-guide-intl]
-- [Right-to-left][rsuite-doc-guide-rtl]
-- [Components][rsuite-components-overview]
-
-<details>
-<summary>More examples</summary>
-
-- [Management system][demo-admin]
-- [Use modularized][demo-modular-import]
-- [Use CDN][demo-cdn]
-- [Internationalization][demo-intl-app]
-- [Themes][demo-multiple-themes]
-- [RTL - RTLCSS][demo-rtlcss]
-- [RTL - PostCSS-RTL][demo-postcss-rtl]
-- [Use in create-react-app][demo-create-react-app]
-- [Use in Electron][demo-electron]
-- [Use in Flow][demo-flow-app]
-- [Use in TypeScript][demo-typescript-app]
-- [Use in Next.js (App)][demo-nextjs-app]
-- [Use in Next.js (Pages)][demo-nextjs-pages]
-- [Use in UmiJS][demo-umi-app]
-- [Use in Snowpack][demo-snowpack]
-- [Use in Vite][demo-vite]
-</details>
-
-<a href="https://vercel.com?utm_source=rsuite&utm_campaign=oss" target="_blank">
-  <img src="https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg" alt="Vercel banner" />
-</a>
+More guides on how to get started are available [here](https://rsuitejs.com/guide/usage/).
+
+## Documentation
+
+It's the https://rsuitejs.com website for the latest version of React Suite. For older versions head over here
 
-## Previous major versions
+- [4.x documentation](https://v4.rsuitejs.com/)
+- [3.x documentation](https://v3.rsuitejs.com/)
 
 The previous major version 4.x will no longer receive new features,
 and it is recommended to upgrade to the latest 5.x releases.
 Bug fixes for 4.x are still being supported for a period of time,
 and security fixes are supported until 6.x is in progress.
 
-### Documentations for previous major versions
+## Framework Guides
 
-- [4.x documentation](https://v4.rsuitejs.com/)
-- [3.x documentation](https://v3.rsuitejs.com/)
+React Suite can be used in your favorite framework. We have prepared step-by-step guides for these frameworks:
+
+- [Next.js (App)](https://rsuitejs.com/guide/use-next-app/)
+- [Next.js (Page)](https://rsuitejs.com/guide/use-next-pages)
+- [Create React App](https://rsuitejs.com/guide/use-with-create-react-app/)
+- [Vite](https://rsuitejs.com/guide/use-vite/)
 
 ## Changelog
 
@@ -127,6 +91,32 @@ Detailed changes for each release are documented in the [release notes][release-
 
 Make sure you've read the [guidelines][contributing] before you start contributing.
 
+## Sponsoring services
+
+These great services help us to build and maintain the project.
+
+| Service                                         | Description                                                          |
+| ----------------------------------------------- | -------------------------------------------------------------------- |
+| [![GitHub][github-logo]][github]                | **Github** lets us host the Git repository and coordinate contributions. |
+| [![Vercel][vercel-logo]][vercel]                | **Vercel** provides the hosting for the documentation site.              |
+| [![CodeCov][codecov-logo]][codecov]             | **CodeCov** lets us monitor test coverage.                               |
+| [![Gitee][gitee-logo]][gitee]                   | **Gitee** grants us GVP - Gitee Most Valuable Open Source Project.       |
+| [![CodeSandbox][codesandbox-logo]][codesandbox] | **CodeSandbox** lets us provide live previews of the components.         |
+| [![Stackblitz][stackblitz-logo]][stackblitz]    | **Stackblitz** lets us provide live previews of the components.          |
+
+[github]: https://github.com/
+[github-logo]: https://avatars.githubusercontent.com/u/9919?s=32&v=4
+[vercel]: https://vercel.com/
+[vercel-logo]: https://avatars.githubusercontent.com/u/14985020?s=32&v=4
+[codecov]: https://about.codecov.io/
+[codecov-logo]: https://avatars.githubusercontent.com/u/8226205?s=32&v=4
+[gitee]: https://gitee.com/
+[gitee-logo]: https://gitee.com/static/images/logo-en.svg
+[codesandbox]: https://codesandbox.io/
+[codesandbox-logo]: https://avatars.githubusercontent.com/u/32880324?s=32&v=4
+[stackblitz]: https://stackblitz.com/
+[stackblitz-logo]: https://avatars.githubusercontent.com/u/28635252?s=32&v=4
+
 ## Supporting React Suite
 
 If you like React Suite, you can show your support by either
@@ -138,61 +128,34 @@ If you like React Suite, you can show your support by either
 This project exists thanks to all the people who contribute.
 
 <a href="https://github.com/rsuite/rsuite/graphs/contributors" target="_blank">
-  <img src="https://contrib.rocks/image?repo=rsuite/rsuite" />
+  <img src="https://contrib.rocks/image?repo=rsuite/rsuite&max=600" />
 </a>
 
 [![opencollective-now][opencollective-svg]][opencollective-home]
 
 ## License
 
-React Suite is [MIT licensed][license]. Copyright (c) 2016-present, HYPERS.
+React Suite is [MIT licensed][license].
 
 [readm-cn]: https://github.com/rsuite/rsuite/blob/main/README_zh.md
 [npm-svg]: https://img.shields.io/npm/v/rsuite
 [npm-home]: https://www.npmjs.com/package/rsuite
 [npm-bundle-size-img]: https://badgen.net/bundlephobia/minzip/rsuite?icon=npm
 [npm-bundle-size]: https://bundlephobia.com/package/rsuite
-[rsuite-min-js-img]: https://img.badgesize.io/https:/unpkg.com/rsuite/dist/rsuite.min.js?label=rsuite.min.js&compression=gzip
-[rsuite-min-js]: https://unpkg.com/browse/rsuite/dist/rsuite.min.js
 [actions-svg]: https://github.com/rsuite/rsuite/workflows/Node.js%20CI/badge.svg?branch=main
 [actions-home]: https://github.com/rsuite/rsuite/actions?query=branch%3Amain+workflow%3A%22Node.js+CI%22
 [discord-svg]: https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg
 [discord-invite]: https://discord.gg/R8mnjwh
-[rsuite-design]: https://rsuitejs.com/design/default
-[live-preview-on-codesandbox]: https://codesandbox.io/s/rsuite-template-5vq6zo2z5l
-[rsuite-doc-guide]: https://rsuitejs.com/en/guide/introduction
-[rsuite-doc-guide-themes]: https://rsuitejs.com/en/guide/customization-less
-[rsuite-doc-guide-intl]: https://rsuitejs.com/en/guide/intl
-[rsuite-doc-guide-rtl]: https://rsuitejs.com/en/guide/rtl
-[rsuite-components-overview]: https://rsuitejs.com/en/components/overview
 [release-notes]: https://github.com/rsuite/rsuite/releases
 [contributing]: https://github.com/rsuite/rsuite/blob/main/CONTRIBUTING.md
-[prettierrc]: https://github.com/rsuite/rsuite/wiki/.prettierrc
 [issues-11]: https://github.com/rsuite/rsuite/issues/11
 [opencollective-svg]: https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36
 [opencollective-home]: https://opencollective.com/rsuite
 [license]: https://github.com/rsuite/rsuite/blob/main/LICENSE
-[rsuite-sample]: https://sample.rsuitejs.com/
 [gitter]: https://gitter.im/rsuite/rsuite?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge
 [gitter-svg]: https://img.shields.io/gitter/room/rsuite/rsuite?label=chat-english
 [gitter-cn]: https://gitter.im/rsuite/rsuite-CN?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge
 [gitter-cn-svg]: https://img.shields.io/gitter/room/rsuite/rsuite?label=chat-chinese
-[demo-admin]: https://github.com/rsuite/rsuite-management-system
-[demo-modular-import]: https://github.com/rsuite/rsuite/tree/main/examples/with-babel-preset-rsuite
-[demo-cdn]: https://github.com/rsuite/rsuite/tree/main/examples/cdn
-[demo-create-react-app]: https://github.com/rsuite/rsuite/tree/main/examples/create-react-app
-[demo-electron]: https://github.com/rsuite/rsuite/tree/main/examples/with-electron
-[demo-intl-app]: https://github.com/rsuite/rsuite/tree/main/examples/custom-i18n
-[demo-multiple-themes]: https://github.com/rsuite/rsuite/tree/main/examples/custom-multiple-themes
-[demo-flow-app]: https://github.com/rsuite/rsuite/tree/main/examples/with-flow
-[demo-typescript-app]: https://github.com/rsuite/rsuite/tree/main/examples/with-typescript
-[demo-nextjs-app]: https://github.com/rsuite/rsuite/tree/main/examples/with-nextjs-app
-[demo-nextjs-pages]: https://github.com/rsuite/rsuite/tree/main/examples/with-nextjs-pages
-[demo-umi-app]: https://github.com/rsuite/rsuite/tree/main/examples/with-umi
-[demo-rtlcss]: https://github.com/rsuite/rsuite/tree/main/examples/with-rtlcss
-[demo-postcss-rtl]: https://github.com/rsuite/rsuite/tree/main/examples/with-postcss-rtl
-[demo-snowpack]: https://github.com/rsuite/rsuite/tree/main/examples/with-snowpack
-[demo-vite]: https://github.com/rsuite/rsuite/tree/main/examples/with-vite
 [codecov]: https://codecov.io/gh/rsuite/rsuite
 [codecov-img]: https://codecov.io/gh/rsuite/rsuite/branch/main/graph/badge.svg?token=HGeKd0BD3t
 [gitpod]: https://gitpod.io/#https://github.com/rsuite/rsuite

package/Radio/styles/index.css

@@ -6,6 +6,7 @@
   --rs-gray-300: #d9d9d9;
   --rs-gray-400: #c5c6c7;
   --rs-gray-500: #a6a6a6;
+  --rs-gray-600: #8e8e93;
   --rs-gray-800: #575757;
   --rs-gray-900: #272c36;
   --rs-primary-500: #3498ff;
@@ -16,7 +17,7 @@
   --rs-cyan-500: #00bcd4;
   --rs-blue-500: #2196f3;
   --rs-violet-500: #673ab7;
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: #fff;
@@ -37,6 +38,7 @@
   --rs-gray-300: #858b94;
   --rs-gray-400: #6a6f76;
   --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
   --rs-gray-900: #0f131a;
   --rs-primary-500: #34c3ff;
@@ -47,7 +49,7 @@
   --rs-cyan-500: #00bcd4;
   --rs-blue-500: #1499ef;
   --rs-violet-500: #673ab7;
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: var(--rs-gray-800);
@@ -67,6 +69,7 @@
   --rs-gray-300: #858b94;
   --rs-gray-400: #6a6f76;
   --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
   --rs-gray-900: #0f131a;
   --rs-primary-500: #ffff00;
@@ -77,7 +80,7 @@
   --rs-cyan-500: #00bcd4;
   --rs-blue-500: #1499ef;
   --rs-violet-500: #673ab7;
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-checkbox-checked-bg: var(--rs-primary-500);
   --rs-radio-marker: var(--rs-gray-800);
@@ -117,7 +120,7 @@
   cursor: not-allowed;
 }
 .rs-radio-disabled > .rs-radio-checker > label {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-radio-inline {
@@ -233,9 +236,6 @@
   background-color: var(--rs-radio-checked-bg);
 }
 .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
-  opacity: 0.3;
-}
-.rs-theme-high-contrast .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
   opacity: 0.5;
 }
 .rs-radio-inner::after {

package/Radio/styles/index.less

@@ -105,11 +105,7 @@
     }
 
     .rs-radio.rs-radio-disabled.rs-radio-checked & {
-      opacity: 0.3;
-
-      .high-contrast-mode({
-        opacity: 0.5;
-      });
+      opacity: 0.5;
     }
   }
 

package/RangeSlider/styles/index.css

@@ -358,12 +358,12 @@
   right: 0;
 }
 .rs-slider-disabled {
-  opacity: 0.3;
+  opacity: 0.5;
   cursor: not-allowed;
 }
 .rs-slider-disabled .rs-slider-bar,
 .rs-slider-disabled .rs-slider-handle::before {
-  cursor: not-allowed;
+  pointer-events: none;
 }
 .rs-slider-with-mark:not(.rs-slider-vertical) {
   margin-bottom: 29px;

package/Rate/styles/index.css

@@ -138,7 +138,7 @@
           transform: scale(1);
 }
 .rs-rate-disabled {
-  opacity: 0.3;
+  opacity: 0.5;
   outline: none;
 }
 .rs-rate-disabled .rs-rate-character {

package/Rate/styles/index.less

@@ -89,7 +89,7 @@
   }
 
   &-disabled {
-    opacity: 0.3;
+    opacity: 0.5;
     outline: none;
   }
 

package/SelectPicker/styles/index.css

@@ -47,7 +47,8 @@
   --rs-text-secondary: var(--rs-gray-600);
   --rs-text-heading: var(--rs-gray-900);
   --rs-text-inverse: var(--rs-gray-50);
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-text-highlight-bg: #fff6c9;
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-overlay: var(--rs-gray-0);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
@@ -60,7 +61,7 @@
   --rs-btn-default-active-bg: var(--rs-gray-300);
   --rs-btn-default-active-text: var(--rs-gray-900);
   --rs-btn-default-disabled-bg: var(--rs-gray-50);
-  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-default-disabled-text: var(--rs-gray-600);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-0);
   --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -89,6 +90,7 @@
   --rs-input-bg: var(--rs-gray-0);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
+  --rs-listbox-option-group-bg: var(--rs-gray-0);
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);
   --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -159,7 +161,7 @@
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-heading: var(--rs-gray-0);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-overlay: var(--rs-gray-700);
   --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
@@ -201,6 +203,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-700);
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -270,7 +273,8 @@
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-heading: var(--rs-gray-0);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-highlight-bg: var(--rs-primary-500);
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-overlay: var(--rs-gray-800);
   --rs-color-focus-ring: var(--rs-gray-0);
@@ -285,7 +289,8 @@
   --rs-btn-default-active-bg: transparent;
   --rs-btn-default-active-text: var(--rs-primary-200);
   --rs-btn-default-disabled-bg: transparent;
-  --rs-btn-default-disabled-text: var(--rs-primary-500);
+  --rs-btn-default-disabled-text: var(--rs-primary-900);
+  --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-900);
   --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -314,6 +319,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-800);
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -440,14 +446,14 @@
 .rs-btn:disabled,
 .rs-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
 }
 .rs-theme-high-contrast .rs-btn:disabled,
 .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   .rs-btn {
@@ -495,7 +501,7 @@
 }
 .rs-theme-high-contrast .rs-btn-primary:disabled,
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
   color: #575757;
@@ -525,7 +531,7 @@
 }
 .rs-theme-high-contrast .rs-btn-subtle:disabled,
 .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-link {
   color: #1675e0;
@@ -556,7 +562,7 @@
 }
 .rs-theme-high-contrast .rs-btn-link:disabled,
 .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-ghost {
   color: #1675e0;
@@ -598,7 +604,7 @@
 }
 .rs-theme-high-contrast .rs-btn-ghost:disabled,
 .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-500);
@@ -1579,7 +1585,7 @@ textarea.rs-input {
 .rs-input:disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 textarea.rs-input {
@@ -1780,7 +1786,7 @@ textarea.rs-input-sm {
 }
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
   font-size: 14px;
@@ -1827,16 +1833,16 @@ textarea.rs-input-sm {
   left: inherit;
   right: 1px;
 }
-.rs-input-group-disabled {
+.rs-input-group.rs-input-group-disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
-.rs-input-group-disabled .rs-input,
-.rs-input-group-disabled .rs-input-group-btn,
-.rs-input-group-disabled .rs-input-group-addon {
+.rs-input-group.rs-input-group-disabled .rs-input,
+.rs-input-group.rs-input-group-disabled .rs-input-group-btn,
+.rs-input-group.rs-input-group-disabled .rs-input-group-addon {
   color: inherit;
 }
 .rs-input-group-lg > .rs-input {
@@ -2188,6 +2194,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-btn:last-child > .rs-btn-group {
   margin-left: -1px;
 }
+.rs-highlight-mark {
+  background-color: #fff6c9;
+  background-color: var(--rs-text-highlight-bg);
+  padding: 0 0.2em;
+  font-weight: bolder;
+  border-radius: 4px;
+}
 .rs-picker-subtle .picker-subtle-toggle {
   position: relative;
   z-index: 5;
@@ -2219,7 +2232,16 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   display: block;
 }
 .rs-picker-disabled {
-  opacity: 0.3;
+  cursor: not-allowed;
+}
+.rs-picker-disabled .rs-picker-toggle-value,
+.rs-picker-disabled .rs-picker-toggle-indicator,
+.rs-picker-disabled .rs-picker-tag-list .rs-tag {
+  color: #8e8e93 !important;
+  color: var(--rs-text-disabled) !important;
+}
+.rs-picker-disabled .rs-picker-value-count {
+  opacity: 0.5;
 }
 .rs-picker-toggle .rs-picker-toggle-placeholder {
   color: #8e8e93;
@@ -2400,14 +2422,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-toggle:disabled,
 .rs-picker-toggle.rs-btn-disabled {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
 }
 .rs-theme-high-contrast .rs-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   .rs-picker-toggle {
@@ -2490,7 +2512,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-picker-subtle .rs-picker-toggle-active {
   background-color: #e5e5ea;
@@ -2975,6 +2997,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-popup .rs-search-box {
   padding: 6px 12px 6px;
 }
+.rs-picker-popup .rs-highlight .rs-highlight-mark {
+  padding: 0;
+}
 .rs-picker-default .rs-btn,
 .rs-picker-input .rs-btn,
 .rs-picker-default .rs-picker-toggle,
@@ -2989,6 +3014,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: #f7f7fa !important;
   background-color: var(--rs-input-disabled-bg) !important;
 }
+.rs-picker-default.rs-picker-disabled .rs-input-group,
+.rs-picker-input.rs-picker-disabled .rs-input-group {
+  pointer-events: none;
+}
 .rs-check-item {
   display: block;
 }
@@ -3056,6 +3085,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   left: 26px;
 }
+.rs-picker-menu-group {
+  background-color: #fff;
+  background-color: var(--rs-listbox-option-group-bg);
+  position: sticky;
+  top: -1px;
+  z-index: 1;
+}
 .rs-picker-select-menu-items {
   overflow-y: auto;
 }

package/Slider/styles/index.css

@@ -358,12 +358,12 @@
   right: 0;
 }
 .rs-slider-disabled {
-  opacity: 0.3;
+  opacity: 0.5;
   cursor: not-allowed;
 }
 .rs-slider-disabled .rs-slider-bar,
 .rs-slider-disabled .rs-slider-handle::before {
-  cursor: not-allowed;
+  pointer-events: none;
 }
 .rs-slider-with-mark:not(.rs-slider-vertical) {
   margin-bottom: 29px;

package/Slider/styles/index.less

@@ -18,12 +18,12 @@
   }
 
   &-disabled {
-    opacity: 0.3;
+    opacity: 0.5;
     cursor: not-allowed;
 
     .rs-slider-bar,
     .rs-slider-handle::before {
-      cursor: not-allowed;
+      pointer-events: none;
     }
   }
 

package/Steps/styles/index.css

@@ -123,7 +123,12 @@
 }
 .rs-steps-item-icon-wrapper > .rs-steps-item-icon {
   width: 100%;
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   text-align: center;
   position: relative;
 }

package/Steps/styles/index.less

@@ -61,7 +61,8 @@
   // Icon content
   > .rs-steps-item-icon {
     width: 100%;
-    display: block;
+    display: flex;
+    justify-content: center;
     text-align: center;
     position: relative;