rsuite 5.56.0 → 5.58.0

package/MultiCascadeTree/styles/index.less

@@ -0,0 +1,37 @@
+@import '../../styles/common.less';
+@import '../../Cascader/styles/index.less';
+@import '../../internals/Picker/styles/index.less';
+@import '../../Checkbox/styles/index.less';
+
+// MultiCascadeTree
+// ----------------------
+
+.rs-cascade-tree {
+  &-items .rs-check-item .rs-checkbox-checker > label {
+    padding-right: 26px; // 12px + 8px + 6px
+  }
+
+  &-items .rs-check-item.rs-check-item-focus,
+  &-items .rs-check-item.rs-checkbox-checked {
+    .rs-checkbox-checker > label {
+      font-weight: bold;
+    }
+  }
+
+  &-column&-column-uncheckable {
+    .rs-check-item .rs-checkbox-checker > label {
+      padding-left: @picker-item-content-padding-horizontal;
+    }
+  }
+}
+.rs-cascade-tree-multi {
+  .rs-cascade-search-view-row {
+    padding-left: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .rs-cascade-search-view-col {
+    padding: 0;
+  }
+}

package/MultiCascader/styles/index.css

@@ -351,19 +351,12 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.rs-picker-cascader-menu-items > div::before,
-.rs-picker-cascader-menu-items > div::after {
-  content: ' ';
-  display: table;
-}
-.rs-picker-cascader-menu-items > div::after {
-  clear: both;
-}
-.rs-picker-cascader-search-panel {
+.rs-cascade-search-view-panel {
   max-height: 300px;
+  margin-top: 6px;
   overflow: auto;
 }
-.rs-picker-cascader-row {
+.rs-cascade-search-view-row {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -375,13 +368,13 @@
   text-decoration: none;
   width: 100%;
 }
-.rs-picker-cascader-row:hover {
+.rs-cascade-search-view-row:hover {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -390,16 +383,16 @@
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -408,40 +401,52 @@
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row:disabled,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled {
+.rs-cascade-search-view-row:disabled,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-row:disabled .rs-picker-cascader-search-match,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled .rs-picker-cascader-search-match {
+.rs-cascade-search-view-row:disabled .rs-cascade-search-view-match,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled .rs-cascade-search-view-match {
   opacity: 0.7;
   font-weight: normal;
 }
-.rs-picker-cascader-col {
+.rs-cascade-search-view-col {
   display: inline-block;
 }
-.rs-picker-cascader-col::after {
+.rs-cascade-search-view-col::after {
   content: '\00a0/\00a0';
 }
-.rs-picker-cascader-col:last-child::after {
+.rs-cascade-search-view-col:last-child::after {
   display: none;
 }
-.rs-picker-cascader-search-match {
+.rs-cascade-search-view-match {
   color: #3498ff;
   color: var(--rs-primary-500);
   font-weight: bold;
 }
-.rs-picker-cascader-menu-column {
-  float: left;
+.rs-cascade-tree-items {
+  padding: 6px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-cascade-tree-items ul,
+.rs-cascade-tree-items li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+}
+.rs-cascade-tree-column {
   overflow-y: auto;
 }
-.rs-picker-cascader-menu-column-loading {
+.rs-cascade-tree-column-loading {
   padding: 4px;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -453,17 +458,10 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.rs-picker-cascader-menu-column-loading .rs-icon {
+.rs-cascade-tree-column-loading .rs-icon {
   margin: 4px;
 }
-.rs-picker-cascader-menu-items ul,
-.rs-picker-cascader-menu-items li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: 14px;
-}
-.rs-picker-cascader-menu-item {
+.rs-cascade-tree-item {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -478,22 +476,20 @@
   padding: 8px 28px 8px 12px;
   word-break: break-word;
 }
-.rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
+.rs-cascade-tree-items-has-children .rs-cascade-tree-item {
   padding-right: 32px;
 }
-.rs-picker-cascader-menu-item:hover,
-.rs-picker-cascader-menu-item:focus,
-.rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-cascade-tree-item:hover,
+.rs-cascade-tree-item:focus,
+.rs-cascade-tree-item.rs-cascade-tree-item-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -502,34 +498,33 @@
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-cascade-tree-item.rs-cascade-tree-item-active {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-listbox-option-selected-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-active {
   text-decoration: underline;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
+.rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
   color: #575757;
   color: var(--rs-text-primary);
 }
-.rs-picker-cascader-menu-item:disabled,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-disabled {
+.rs-cascade-tree-item:disabled,
+.rs-cascade-tree-item.rs-cascade-tree-item-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-menu-caret {
+.rs-cascade-tree-caret {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -543,6 +538,24 @@
   height: 20px;
   font-size: 12px;
 }
+.rs-cascade-tree-items .rs-check-item .rs-checkbox-checker > label {
+  padding-right: 26px;
+}
+.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
+.rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+  font-weight: bold;
+}
+.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
+  padding-left: 12px;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-row {
+  padding-left: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-col {
+  padding: 0;
+}
 .rs-btn {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -2715,31 +2728,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
-  padding-bottom: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-tag {
-  margin-top: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 12px;
-  margin-top: 5px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -2784,31 +2772,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 8px 16px;
-  font-size: 16px;
-  line-height: 1.375;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
-  padding-bottom: 6px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-tag {
-  margin-top: 6px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 16px;
-  margin-top: 6px;
-  font-size: 16px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox input {
-  height: 20px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-lg,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
   padding-right: 42px;
@@ -2885,31 +2848,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox {
-  padding-bottom: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-tag {
-  margin-top: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 12px;
-  margin-top: 5px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-md,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
   padding-right: 36px;
@@ -2988,31 +2926,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 4px 10px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
-  padding-bottom: 2px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-tag {
-  margin-top: 2px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 10px;
-  margin-top: 2px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-sm,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
   padding-right: 34px;
@@ -3038,8 +2951,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   font-size: 12px;
   line-height: 20px;
   padding: 2px 8px;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .rs-btn-ghost.rs-picker-toggle.rs-btn-xs {
   padding: 1px 7px;
@@ -3093,41 +3004,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 1px 8px;
-  font-size: 12px;
-  line-height: 1.66666667;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
-  padding-bottom: -1px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
-  margin-top: -1px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 8px;
-  margin-top: -1px;
-  font-size: 12px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
-  padding-bottom: 1px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
-  margin-top: 1px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-xs,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
   padding-right: 30px;
@@ -3684,23 +3560,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   background-color: #673ab7;
   background-color: var(--rs-violet-500);
 }
-.rs-picker-cascader-menu .rs-check-item .rs-checkbox-checker > label {
-  padding-right: 26px;
-}
-.rs-picker-cascader-menu .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
-.rs-picker-cascader-menu .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
-  font-weight: bold;
-}
-.rs-picker-cascader-menu-column.rs-picker-cascader-menu-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
-  padding-left: 12px;
-}
-.rs-picker-multi-cascader-menu .rs-picker-cascader-col {
-  padding: 0;
-}
-.rs-picker-multi-cascader-menu .rs-picker-cascader-row {
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-row {
   padding-left: 0;
   padding-top: 0;
   padding-bottom: 0;
 }
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-col {
+  padding: 0;
+}
 
 /*# sourceMappingURL=index.css.map */

package/MultiCascader/styles/index.less

@@ -1,36 +1,16 @@
-@import '../../styles/common';
-@import '../../Cascader/styles/index';
-@import '../../internals/Picker/styles/index';
-@import '../../Checkbox/styles/index';
+@import '../../styles/common.less';
+@import '../../MultiCascadeTree/styles/index.less';
+@import '../../internals/Picker/styles/index.less';
+@import '../../Checkbox/styles/index.less';
 
-// MultiCascader
-// ----------------------
-
-.rs-picker-cascader {
-  &-menu .rs-check-item .rs-checkbox-checker > label {
-    padding-right: 26px; // 12px + 8px + 6px
-  }
-
-  &-menu .rs-check-item.rs-check-item-focus,
-  &-menu .rs-check-item.rs-checkbox-checked {
-    .rs-checkbox-checker > label {
-      font-weight: bold;
-    }
+.rs-picker-popup-multi-cascader {
+  .rs-cascade-search-view-row {
+    padding-left: 0;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
-  &-menu-column&-menu-column-uncheckable {
-    .rs-check-item .rs-checkbox-checker > label {
-      padding-left: @picker-item-content-padding-horizontal;
-    }
+  .rs-cascade-search-view-col {
+    padding: 0;
   }
 }
-
-.rs-picker-multi-cascader-menu .rs-picker-cascader-col {
-  padding: 0;
-}
-
-.rs-picker-multi-cascader-menu .rs-picker-cascader-row {
-  padding-left: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}

package/Nav/styles/index.css

@@ -1182,12 +1182,6 @@
   display: inline-block;
   vertical-align: middle;
 }
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-icon {
-  margin-right: 6px;
-}
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-caret {
-  margin-left: 4px;
-}
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn {
   cursor: not-allowed !important;
   -webkit-box-shadow: none;
@@ -1251,6 +1245,13 @@
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 6px;
 }
 .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
   padding-right: 12px;
@@ -1291,7 +1292,14 @@
   display: none;
 }
 .rs-dropdown-item {
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  gap: 6px;
   padding: 8px 12px;
   clear: both;
   font-weight: normal;
@@ -1307,10 +1315,19 @@
 .rs-dropdown-item:active {
   text-decoration: none;
 }
+.rs-dropdown-item-content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.rs-dropdown-item .rs-dropdown-item-shortcut {
+  -webkit-margin-start: 20px;
+          margin-inline-start: 20px;
+  border: none;
+}
 .rs-dropdown-item > .rs-icon {
   width: 14px;
   text-align: center;
-  margin-right: 6px;
 }
 .rs-dropdown-item.rs-dropdown-item-active {
   outline: 0;
@@ -1324,6 +1341,12 @@
   background-color: #f2faff;
   background-color: var(--rs-dropdown-item-bg-active);
 }
+.rs-dropdown-item.rs-dropdown-item-active .rs-text,
+.rs-dropdown-item.rs-dropdown-item-active:hover .rs-text,
+.rs-dropdown-item.rs-dropdown-item-active:focus .rs-text {
+  color: #1675e0;
+  color: var(--rs-dropdown-item-text-active);
+}
 .rs-dropdown-item:focus-visible,
 .rs-dropdown-item.rs-dropdown-item-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
@@ -1346,6 +1369,10 @@
   cursor: not-allowed;
   pointer-events: none;
 }
+.rs-dropdown-item-disabled .rs-text {
+  color: #c5c6c7;
+  color: var(--rs-text-disabled);
+}
 .rs-dropdown-item-disabled:hover,
 .rs-dropdown-item-disabled:focus {
   text-decoration: none;