rsuite 5.60.1 → 5.61.0

package/dist/rsuite-rtl.css

@@ -117,8 +117,9 @@
   --rs-text-inverse: var(--rs-gray-50);
   --rs-text-heading-inverse: var(--rs-gray-0);
   --rs-text-active: var(--rs-primary-700);
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
   --rs-text-error: var(--rs-color-red);
+  --rs-text-highlight-bg: #fff6c9;
   --rs-text-weight-thin: 100;
   --rs-text-weight-light: 300;
   --rs-text-weight-regular: 400;
@@ -145,7 +146,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);
@@ -272,6 +273,7 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
   --rs-inline-edit-hover-bg: var(--rs-gray-200);
+  --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);
@@ -290,7 +292,7 @@
   --rs-radio-tile-bg: var(--rs-gray-0);
   --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-100);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
   --rs-radio-tile-icon-size: 32px;
   --rs-rate-symbol: var(--rs-gray-600);
   --rs-rate-symbol-checked: var(--rs-blue-500);
@@ -299,12 +301,12 @@
   --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
   --rs-toggle-loader-rotor: var(--rs-gray-0);
   --rs-toggle-hover-bg: var(--rs-gray-400);
-  --rs-toggle-disabled-bg: var(--rs-gray-50);
+  --rs-toggle-disabled-bg: var(--rs-gray-200);
   --rs-toggle-disabled-thumb: #fff;
   --rs-toggle-checked-bg: var(--rs-primary-500);
   --rs-toggle-checked-thumb: #fff;
   --rs-toggle-checked-hover-bg: var(--rs-primary-600);
-  --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-200);
   --rs-toggle-checked-disabled-thumb: #fff;
   --rs-slider-bar: var(--rs-gray-100);
   --rs-slider-hover-bar: var(--rs-gray-200);
@@ -360,6 +362,7 @@
   --rs-calendar-date-selected-text: #fff;
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
+  --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -502,7 +505,7 @@
   --rs-text-inverse: var(--rs-gray-800);
   --rs-text-heading-inverse: var(--rs-gray-900);
   --rs-text-active: var(--rs-primary-500);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-border-secondary: var(--rs-gray-700);
   --rs-bg-card: var(--rs-gray-800);
@@ -645,6 +648,7 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
   --rs-inline-edit-hover-bg: var(--rs-gray-500);
+  --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);
@@ -730,6 +734,7 @@
   --rs-calendar-date-selected-text: #fff;
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
@@ -865,7 +870,8 @@
   --rs-text-inverse: var(--rs-gray-800);
   --rs-text-heading-inverse: var(--rs-gray-900);
   --rs-text-active: var(--rs-primary-500);
-  --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-border-secondary: var(--rs-gray-700);
   --rs-bg-card: var(--rs-gray-800);
@@ -888,7 +894,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);
@@ -1013,6 +1020,7 @@
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
   --rs-inline-edit-hover-bg: transparent;
+  --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);
@@ -1103,6 +1111,7 @@
   --rs-calendar-date-selected-text: var(--rs-gray-900);
   --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-high-contrast {
@@ -1323,7 +1332,7 @@ h5 small,
 h6 small {
   font-weight: normal;
   line-height: 1;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 h1 {
@@ -2143,14 +2152,14 @@ tbody.rs-anim-collapse.rs-anim-in {
 .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 {
@@ -2198,7 +2207,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .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;
@@ -2228,7 +2237,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .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;
@@ -2259,7 +2268,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .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;
@@ -2301,7 +2310,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .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);
@@ -3310,7 +3319,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-theme-high-contrast .rs-calendar-header-error:disabled,
 .rs-theme-high-contrast .rs-calendar-header-error.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-theme-dark .rs-calendar-header-error {
   --rs-btn-subtle-hover-bg: var(--rs-red-600);
@@ -3410,7 +3419,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
@@ -3621,7 +3630,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   background-color: var(--rs-state-hover-bg);
 }
 .rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   background: none;
   text-decoration: line-through;
@@ -3751,7 +3760,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   outline-offset: 2px;
 }
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   background: none;
   cursor: not-allowed;
@@ -4055,11 +4064,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   background: none;
   cursor: not-allowed;
 }
-.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-cascade-search-view-col {
   display: inline-block;
 }
@@ -4069,10 +4073,8 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-cascade-search-view-col:last-child::after {
   display: none;
 }
-.rs-cascade-search-view-match {
-  color: #3498ff;
-  color: var(--rs-primary-500);
-  font-weight: bold;
+.rs-cascade-tree .rs-highlight-mark {
+  padding: 0;
 }
 .rs-cascade-tree-items {
   padding: 6px 0;
@@ -4204,7 +4206,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: not-allowed;
 }
 .rs-checkbox-disabled > .rs-checkbox-checker > label {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-checkbox-inline {
@@ -4361,10 +4363,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
 .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
-  opacity: 0.3;
-}
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
   opacity: 0.5;
 }
 .rs-checkbox-red .rs-checkbox-control::before {
@@ -4535,37 +4533,100 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-check-menu-items.rs-picker-check-menu-grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 26px;
 }
+.rs-tree-node-toggle {
+  cursor: pointer;
+  width: 24px;
+  padding: 4px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-tree-node-toggle > .rs-tree-node-toggle-icon {
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.rs-tree-node-toggle > .rs-tree-node-custom-icon,
+.rs-tree-node-toggle > .rs-tree-node-loading-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+}
+.rs-tree-node-toggle-placeholder {
+  width: 24px;
+  height: 24px;
+}
+[dir='rtl'] .rs-tree-node-toggle {
+  right: 0;
+  padding-right: inherit;
+}
+.rs-tree-indent-line {
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+  border-right: 1px solid var(--rs-tree-indent-line-color);
+  position: absolute;
+  width: 1px;
+  top: -10px;
+  right: 12px;
+  bottom: -4px;
+}
 .rs-check-tree {
-  max-height: 360px;
   height: 100%;
-  overflow-y: auto;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
-.rs-check-tree.rs-check-tree-virtualized {
-  overflow: hidden;
-}
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker > label {
   text-align: right;
   position: relative;
   margin: 0;
-  padding: 1px 42px 1px 0;
-}
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
-  right: 20px;
+  padding: 2px 38px 2px 2px;
 }
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-check-tree-node-label-content {
-  padding: 6px 8px;
+.rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker .rs-checkbox-label {
+  padding: 6px;
   width: auto;
 }
-.rs-check-tree .rs-check-tree-node-label:focus-visible .rs-check-tree-node-label-content {
+.rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-label:focus-visible .rs-check-tree-node-label-content {
+.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
   outline-offset: 2px;
 }
+.rs-check-tree .rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
+  padding-right: 2px;
+}
+.rs-check-tree .rs-search-box {
+  padding: 6px;
+}
+.rs-check-tree .rs-check-tree-empty {
+  padding: 6px 12px;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-check-tree-view {
+  max-height: 360px;
+  overflow-y: auto;
+}
+.rs-check-tree.rs-tree-virtualized .rs-check-tree-view {
+  overflow: hidden;
+}
+.rs-check-tree .rs-highlight-mark {
+  padding: 0;
+}
 .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
   padding-right: 32px;
 }
@@ -4576,10 +4637,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 0;
 }
+.rs-check-tree-group {
+  padding-right: 26px;
+}
 .rs-check-tree-node {
   position: relative;
-  font-size: 14px;
-  line-height: 22px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .rs-check-tree-node .rs-check-item {
   display: inline-block;
@@ -4589,17 +4657,20 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item-focus {
   background-color: transparent !important;
 }
-.rs-check-tree-node .rs-check-item:hover .rs-check-tree-node-label-content,
-.rs-check-tree-node .rs-check-item:focus .rs-check-tree-node-label-content,
-.rs-check-tree-node .rs-check-item-focus .rs-check-tree-node-label-content {
+.rs-check-tree-node .rs-check-item:hover .rs-checkbox-label,
+.rs-check-tree-node .rs-check-item:focus .rs-checkbox-label,
+.rs-check-tree-node .rs-check-item-focus .rs-checkbox-label {
   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);
   border-radius: 6px;
 }
-.rs-picker-popup .rs-check-tree-node .rs-check-item {
-  display: block;
+.rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
+  cursor: not-allowed;
+  color: #8e8e93;
+  color: var(--rs-text-disabled);
+  background: none;
 }
 .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
   color: #575757;
@@ -4610,75 +4681,20 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
   font-weight: bold;
 }
-.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
-  padding-right: 22px;
-}
-.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label::before {
-  width: 14px;
-  margin-right: 0;
-  right: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper {
-  display: inline-block;
-  position: absolute;
-  cursor: pointer;
-  z-index: 1;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expand-icon {
-  display: inline-block;
-  padding: 8px 0;
-  padding-left: 8px;
-  height: 36px;
-  font-size: 16px;
-  line-height: 22px;
-  -webkit-transform:  rotate(90deg) translateX(-13px) translateY(-15px) ;
-          transform:  rotate(90deg) translateX(-13px) translateY(-15px) ;
-  -webkit-transform-origin: 1.5px 14px;
-          transform-origin: 1.5px 14px;
-  margin-top: 6px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.rs-check-tree-open > .rs-check-tree-node .rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expand-icon {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-right: 0;
-  margin-top: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-expanded {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-right: 0;
-  margin-top: 0;
-}
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-custom-icon,
-.rs-check-tree-node-expand-icon-wrapper > .rs-check-tree-node-loading-icon {
-  width: 14px;
-  height: 36px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-size: 14px;
-}
 .rs-check-tree-node-children > .rs-check-tree-group {
   position: relative;
   display: none;
 }
-.rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-group {
+.rs-check-tree-node-expanded.rs-check-tree-node-children > .rs-check-tree-group {
   display: block;
 }
-.rs-check-tree-indent-line {
-  height: 100%;
-  width: 1px;
-  position: absolute;
-  top: 0;
-  margin-right: -13px;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
+.rs-check-tree-node > .rs-check-tree-node-content .rs-checkbox-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  display: inline-block;
+  vertical-align: top;
 }
 .rs-picker-popup {
   display: -webkit-box;
@@ -4692,20 +4708,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-popup.rs-check-tree-menu {
   padding-top: 12px;
 }
-.rs-check-tree {
-  padding-left: 12px;
-}
-.rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-label-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  display: inline-block;
-  vertical-align: top;
+.rs-picker-popup .rs-check-item {
+  display: block;
 }
-[dir='rtl'] .rs-check-tree-node-expand-icon-wrapper {
-  right: 0;
-  padding-right: inherit;
+.rs-picker-popup .rs-check-tree-view {
+  padding: 2px 4px;
 }
 .rs-container {
   display: -webkit-box;
@@ -4751,6 +4758,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-date .rs-input-group-addon {
   color: #8e8e93;
   color: var(--rs-text-secondary);
+  cursor: pointer;
 }
 .rs-picker-date .rs-input-group-addon .rs-btn-close {
   padding: 0;
@@ -4891,6 +4899,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-daterange .rs-input-group-addon {
   color: #8e8e93;
   color: var(--rs-text-secondary);
+  cursor: pointer;
 }
 .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
   padding: 0;
@@ -4971,6 +4980,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   right: 50%;
 }
 .rs-picker-daterange-calendar-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
   height: 274px;
   min-width: 492px;
 }
@@ -5505,13 +5519,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-item-disabled {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-dropdown-item-disabled:hover,
@@ -8314,7 +8328,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-theme-high-contrast .rs-btn-icon-with-text:disabled,
 .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-icon-with-text.rs-btn-primary > .rs-icon {
   background-color: #2589f5;
@@ -8337,7 +8351,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary:disabled,
 .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-icon-circle {
   border-radius: 50% !important;
@@ -8404,7 +8418,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 {
@@ -8607,7 +8621,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;
@@ -8654,16 +8668,16 @@ textarea.rs-input-sm {
   right: inherit;
   left: 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 {
@@ -10370,7 +10384,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-nav-item.rs-nav-item-disabled {
   cursor: not-allowed;
   pointer-events: none;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-nav-item.rs-nav-item-active {
@@ -11228,14 +11242,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-pagination-btn:disabled,
 .rs-pagination-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-pagination-btn:disabled,
 .rs-theme-high-contrast .rs-pagination-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-pagination-btn {
@@ -11266,7 +11280,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-theme-high-contrast .rs-pagination-btn:disabled,
 .rs-theme-high-contrast .rs-pagination-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-ghost.rs-pagination-btn {
   padding: 4px 9px;
@@ -11361,7 +11375,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active {
   color: var(--rs-pagination-item-current-text);
@@ -11437,7 +11451,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-panel-btn[disabled] {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   background-color: var(--rs-btn-subtle-disabled-bg);
 }
@@ -11642,9 +11656,8 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-placeholder);
 }
 .rs-placeholder-active.rs-placeholder-graph,
-.rs-placeholder-active .rs-placeholder-paragraph-graph-image,
-.rs-placeholder-active .rs-placeholder-grid-col > p,
-.rs-placeholder-active .rs-placeholder-paragraph-rows > p {
+.rs-placeholder-active .rs-placeholder-paragraph-graph,
+.rs-placeholder-active .rs-placeholder-row {
   background: linear-gradient(45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
   background: linear-gradient(45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
   background-size: 400% 100% !important;
@@ -12242,7 +12255,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   cursor: not-allowed;
 }
 .rs-radio-disabled > .rs-radio-checker > label {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 .rs-radio-inline {
@@ -12358,9 +12371,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   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 {
@@ -12609,11 +12619,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   opacity: 1;
 }
 .rs-radio-tile-checked.rs-radio-tile-disabled {
-  border-color: #cce9ff;
+  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: #cce9ff;
+  background-color: #a6d7ff;
   background-color: var(--rs-radio-tile-checked-disabled-color);
 }
 .rs-radio-tile-checked,
@@ -12623,7 +12633,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-radio-tile-disabled,
 .rs-radio-tile-disabled .rs-radio-tile-content {
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -13449,12 +13459,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   left: 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;
@@ -13709,7 +13719,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .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;
 }
@@ -14852,7 +14867,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   transition: none;
 }
 .rs-toggle-disabled .rs-toggle-presentation {
-  background-color: #f7f7fa;
+  background-color: #e5e5ea;
   background-color: var(--rs-toggle-disabled-bg);
   color: #fff;
   color: var(--rs-toggle-disabled-thumb);
@@ -14875,7 +14890,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-toggle-checked-hover-bg);
 }
 .rs-toggle-disabled.rs-toggle-checked .rs-toggle-presentation {
-  background-color: #cce9ff;
+  background-color: #a6d7ff;
   background-color: var(--rs-toggle-checked-disabled-bg);
   color: #fff;
   color: var(--rs-toggle-checked-disabled-thumb);
@@ -14884,7 +14899,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   display: none;
 }
 .rs-toggle-inner {
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -webkit-transition: margin 0.15s ease-out;
   transition: margin 0.15s ease-out;
 }
@@ -15323,16 +15343,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   bottom: 4px;
 }
 .rs-tree {
-  max-height: 360px;
   height: 100%;
-  overflow-y: auto;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
-.rs-tree.rs-tree-virtualized {
-  overflow: hidden;
-}
 .rs-tree-drag-preview {
   position: absolute;
   top: 0;
@@ -15348,44 +15363,66 @@ textarea.rs-inline-edit-sm .rs-plaintext {
           box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
   z-index: -1;
 }
+.rs-tree .rs-search-box {
+  padding: 6px;
+}
+.rs-tree .rs-tree-empty {
+  padding: 6px 12px;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-tree-view {
+  max-height: 360px;
+  overflow-y: auto;
+}
+.rs-tree.rs-tree-virtualized .rs-tree-view {
+  overflow: hidden;
+}
+.rs-tree .rs-highlight-mark {
+  padding: 0;
+}
+.rs-tree-group {
+  padding-right: 18px;
+}
 .rs-tree-node {
   position: relative;
   font-size: 0;
   text-align: right;
   margin: 0 0 4px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.rs-tree-node-label {
-  position: relative;
-  margin: 0;
-  padding: 1px 16px 1px 1px;
-  display: inline-block;
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 22px;
-}
-.rs-tree-node-label:focus-visible .rs-tree-node-label-content {
+.rs-tree-node:focus-visible .rs-tree-node-label {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-theme-high-contrast .rs-tree-node-label:focus-visible .rs-tree-node-label-content {
+.rs-theme-high-contrast .rs-tree-node:focus-visible .rs-tree-node-label {
   outline-offset: 2px;
 }
-.rs-tree-node-label-content {
-  padding: 6px 8px;
-  display: inline-block;
+.rs-tree-node-label {
+  position: relative;
+  margin: 1px;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 22px;
+  padding: 6px;
   border-radius: 6px;
 }
-.rs-tree-node-label-content:hover,
-.rs-tree-node-label-content:focus,
-.rs-tree-node-label-content.rs-tree-node-label-content-focus {
+.rs-tree-node-label:hover,
+.rs-tree-node-label:focus,
+.rs-tree-node-label.rs-tree-node-label-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-tree-node-label-content:hover,
-.rs-theme-high-contrast .rs-tree-node-label-content:focus,
-.rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
+.rs-theme-high-contrast .rs-tree-node-label:hover,
+.rs-theme-high-contrast .rs-tree-node-label:focus,
+.rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -15394,12 +15431,24 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
   outline-offset: 2px;
 }
-.rs-tree-node-active .rs-tree-node-label-content {
+.rs-tree-node-label::after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 0;
+  right: -8px;
+  border-right: 6px solid #1675e0;
+  border-right: 6px solid var(--rs-text-link);
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  display: none;
+}
+.rs-tree-node-active .rs-tree-node-label {
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-text-link);
@@ -15414,150 +15463,70 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   outline: 1px dashed #3498ff;
   outline: 1px dashed var(--rs-primary-500);
 }
-.rs-tree-node-drag-over-top.rs-tree-node-label-content {
+.rs-tree-node-drag-over-top.rs-tree-node-label {
   border-top: 2px solid #1675e0 !important;
   border-top: 2px solid var(--rs-text-link) !important;
+  border-radius: 0;
 }
-.rs-tree-node-drag-over-top.rs-tree-node-label-content::after {
-  content: '';
-  position: absolute;
-  top: -2px;
-  right: 12px;
-  width: 0;
-  height: 0;
-  border-right: 6px solid #1675e0;
-  border-right: 6px solid var(--rs-text-link);
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
+.rs-tree-node-drag-over-top.rs-tree-node-label::after {
+  display: block;
+  top: -4px;
 }
-.rs-tree-node-drag-over-bottom.rs-tree-node-label-content {
+.rs-tree-node-drag-over-bottom.rs-tree-node-label {
   border-bottom: 2px solid #1675e0 !important;
   border-bottom: 2px solid var(--rs-text-link) !important;
+  border-radius: 0;
 }
-.rs-tree-node-drag-over-bottom.rs-tree-node-label-content::after {
-  content: '';
-  position: absolute;
-  bottom: -2px;
-  right: 12px;
-  width: 0;
-  height: 0;
-  border-right: 6px solid #1675e0;
-  border-right: 6px solid var(--rs-text-link);
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
+.rs-tree-node-drag-over-bottom.rs-tree-node-label::after {
+  display: block;
+  bottom: -4px;
 }
-.rs-tree-node-drag-disabled.rs-tree-node-label-content {
+.rs-tree-node-drag-disabled.rs-tree-node-label {
   cursor: not-allowed;
 }
-.rs-tree-node-disabled {
+.rs-tree-node-disabled .rs-tree-node-label {
+  background: none;
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   cursor: not-allowed;
 }
-.rs-tree-node-disabled > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-tree-node-disabled > .rs-tree-node-label {
   cursor: not-allowed;
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
 }
-.rs-tree-node-disabled > .rs-tree-node-label > .rs-tree-node-label-content,
-.rs-tree-node-disabled > .rs-tree-node-label > .rs-tree-node-label-content:hover {
+.rs-tree-node-disabled > .rs-tree-node-label,
+.rs-tree-node-disabled > .rs-tree-node-label:hover {
   background-color: transparent;
 }
-.rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content,
-.rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content:hover {
+.rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label,
+.rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label:hover {
   color: #a6d7ff;
   color: var(--rs-listbox-option-disabled-selected-text);
 }
-.rs-tree-node:not(.rs-tree-node-disabled):focus > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-tree-node:not(.rs-tree-node-disabled):focus > .rs-tree-node-label {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
 }
-.rs-tree-node:not(.rs-tree-node-disabled) > .rs-tree-node-label:focus > .rs-tree-node-label-content {
+.rs-tree-node:not(.rs-tree-node-disabled) > .rs-tree-node-label:focus {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
 }
-.rs-tree-node-expand-icon-wrapper {
-  display: inline-block;
-  position: absolute;
-  cursor: pointer;
-  z-index: 1;
-}
-.rs-tree-node-expand-icon-wrapper > .rs-tree-node-expand-icon {
-  display: inline-block;
-  padding: 8px 0;
-  padding-left: 8px;
-  height: 36px;
-  font-size: 16px;
-  line-height: 22px;
-  -webkit-transform:  rotate(90deg) translateX(-13px) translateY(-15px) ;
-          transform:  rotate(90deg) translateX(-13px) translateY(-15px) ;
-  -webkit-transform-origin: 1.5px 14px;
-          transform-origin: 1.5px 14px;
-  margin-top: 6px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.rs-tree-open > .rs-tree-node .rs-tree-node-expand-icon-wrapper > .rs-tree-node-expand-icon {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-right: 0;
-  margin-top: 0;
-}
-.rs-tree-node-expand-icon-wrapper > .rs-tree-node-expanded {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  margin-right: 0;
-  margin-top: 0;
-}
-.rs-tree-node-expand-icon-wrapper > .rs-tree-node-custom-icon,
-.rs-tree-node-expand-icon-wrapper > .rs-tree-node-loading-icon {
-  width: 14px;
-  height: 36px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-size: 14px;
-}
 .rs-tree-node-children > .rs-tree-group {
   position: relative;
   display: none;
 }
-.rs-tree-open.rs-tree-node-children > .rs-tree-group {
+.rs-tree-node-expanded.rs-tree-node-children > .rs-tree-group {
   display: block;
 }
-.rs-tree-indent-line {
-  height: 100%;
-  width: 1px;
-  position: absolute;
-  top: 0;
-  margin-right: -13px;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-}
-.rs-picker-popup .rs-tree {
-  padding-left: 12px;
-}
 .rs-picker-popup .rs-tree.rs-tree-virtualized {
   padding: 0;
 }
 .rs-picker-popup .rs-tree-node {
   margin: 0;
 }
-.rs-picker-popup .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  display: block;
-  line-height: 20px;
-}
-[dir='rtl'] .rs-tree-node-expand-icon-wrapper {
-  right: 0;
-  padding-right: inherit;
+.rs-picker-popup .rs-tree-view {
+  padding: 2px 4px;
 }
 .rs-uploader-trigger input[type='file'] {
   position: absolute !important;
@@ -15843,14 +15812,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
 .rs-uploader-picture .rs-uploader-trigger-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-uploader-picture .rs-uploader-trigger-btn:disabled,
 .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-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-uploader-picture .rs-uploader-trigger-btn {
@@ -15881,7 +15850,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
 .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
   color: #575757 !important;
@@ -16323,7 +16292,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
           transform: scale(1);
 }
 .rs-rate-disabled {
-  opacity: 0.3;
+  opacity: 0.5;
   outline: none;
 }
 .rs-rate-disabled .rs-rate-character {
@@ -16659,6 +16628,13 @@ kbd.rs-text {
 .rs-heading-group {
   margin-bottom: 1rem;
 }
+.rs-highlight-mark {
+  background-color: #fff6c9;
+  background-color: var(--rs-text-highlight-bg);
+  padding: 0 0.2em;
+  font-weight: bolder;
+  border-radius: 4px;
+}
 .rs-ripple {
   position: absolute;
   display: block;
@@ -16724,7 +16700,16 @@ kbd.rs-text {
   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;
@@ -16905,14 +16890,14 @@ kbd.rs-text {
 .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 {
@@ -16995,7 +16980,7 @@ kbd.rs-text {
 }
 .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;
@@ -17480,6 +17465,9 @@ kbd.rs-text {
 .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,
@@ -17494,6 +17482,10 @@ kbd.rs-text {
   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;
 }
@@ -17561,6 +17553,13 @@ kbd.rs-text {
 .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 26px;
 }
+.rs-picker-menu-group {
+  background-color: #fff;
+  background-color: var(--rs-listbox-option-group-bg);
+  position: sticky;
+  top: -1px;
+  z-index: 1;
+}
 .rs-search-box {
   position: relative;
 }