rsuite 5.4.4 → 5.6.0

package/cjs/utils/treeUtils.js

@@ -322,6 +322,7 @@ function createUpdateTreeDataFunction(params, _ref2) {
     var dragNode = params.dragNode,
         dropNode = params.dropNode,
         dropNodePosition = params.dropNodePosition;
+    var cloneDragNode = (0, _extends3.default)({}, dragNode);
     removeDragNode(data, params, {
       valueKey: valueKey,
       childrenKey: childrenKey
@@ -336,16 +337,16 @@ function createUpdateTreeDataFunction(params, _ref2) {
           if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER) {
             _item2[childrenKey] = (0, _isNil2.default)(_item2[childrenKey]) ? [] : _item2[childrenKey];
 
-            _item2[childrenKey].push(dragNode);
+            _item2[childrenKey].push(cloneDragNode);
 
             break;
           } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {
             // drag to top of node
-            items.splice(_index2, 0, dragNode);
+            items.splice(_index2, 0, cloneDragNode);
             break;
           } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {
             // drag to bottom of node
-            items.splice(_index2 + 1, 0, dragNode);
+            items.splice(_index2 + 1, 0, cloneDragNode);
             break;
           }
         }

package/cjs/utils/useElementResize.d.ts

@@ -5,4 +5,4 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget: Element | (() => Element), listener: ResizeObserverCallback): void;
+export default function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;

package/cjs/utils/useElementResize.js

@@ -19,8 +19,11 @@ function useElementResize(eventTarget, listener) {
   (0, _react.useEffect)(function () {
     if (!resizeObserver.current) {
       var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-      resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
-      resizeObserver.current.observe(target);
+
+      if (target) {
+        resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
+        resizeObserver.current.observe(target);
+      }
     }
 
     return function () {

package/dist/rsuite-rtl.css

@@ -3529,6 +3529,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
@@ -4154,58 +4156,58 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
   outline: none;
 }
-.rs-check-tree-node {
-  position: relative;
-  font-size: 14px;
-  line-height: 22px;
-}
-.rs-check-tree-node-label .rs-check-item {
-  display: inline-block;
-}
-.rs-picker-menu .rs-check-tree-node-label .rs-check-item {
-  display: block;
-}
-.rs-check-tree-node-label:focus .rs-check-item .rs-checkbox-checker > label {
-  color: #575757;
-  color: var(--rs-text-primary);
-  background-color: #f2faff;
-  background-color: var(--rs-state-hover-bg);
-}
-.rs-check-tree-node-label .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
-  font-weight: bold;
-}
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree .rs-check-item .rs-checkbox-checker > label {
   text-align: right;
   position: relative;
   margin: 0;
   padding: 8px 12px;
-  padding-right: 58px;
+  padding-right: 50px;
 }
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree .rs-check-item .rs-checkbox-checker > label::before {
   content: '';
   position: absolute;
   width: 46px;
   height: 100%;
   top: 0;
-  margin-right: -58px;
+  margin-right: -52px;
 }
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
+.rs-check-tree .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
   right: 20px;
 }
-.rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
-  padding-right: 34px;
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
+  padding-right: 32px;
 }
-.rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label::before {
   width: 28px;
-  margin-right: -36px;
+  margin-right: -34px;
 }
-.rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
   right: 0;
 }
-.rs-check-tree-node-all-uncheckable > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree-node {
+  position: relative;
+  font-size: 14px;
+  line-height: 22px;
+}
+.rs-check-tree-node .rs-check-item {
+  display: inline-block;
+}
+.rs-picker-menu .rs-check-tree-node .rs-check-item {
+  display: block;
+}
+.rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
+  color: #575757;
+  color: var(--rs-text-primary);
+  background-color: #f2faff;
+  background-color: var(--rs-state-hover-bg);
+}
+.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-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label::before {
   width: 14px;
   margin-right: 0;
   right: 0;
@@ -8753,18 +8755,23 @@ textarea.rs-picker-search-input {
 }
 .rs-modal-lg {
   width: 968px;
+  max-width: calc(100% - 10px);
 }
 .rs-modal-md {
   width: 800px;
+  max-width: calc(100% - 10px);
 }
 .rs-modal-sm {
   width: 600px;
+  max-width: calc(100% - 10px);
 }
 .rs-modal-xs {
   width: 400px;
+  max-width: calc(100% - 10px);
 }
 .rs-modal-full {
   width: calc(100% - 120px);
+  max-width: calc(100% - 10px);
 }
 .rs-modal-shake .rs-modal-dialog {
   -webkit-animation: 0.3s linear shakeHead;
@@ -10399,18 +10406,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
   padding-bottom: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-right: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -10480,18 +10487,18 @@ textarea.rs-picker-search-input {
   font-size: 16px;
   line-height: 1.375;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
   padding-bottom: 6px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 6px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-right: 16px;
   margin-top: 6px;
   font-size: 16px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
   height: 20px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -10593,18 +10600,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
   padding-bottom: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-right: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -10708,18 +10715,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
   padding-bottom: 2px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 2px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-right: 10px;
   margin-top: 2px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -10825,18 +10832,18 @@ textarea.rs-picker-search-input {
   font-size: 12px;
   line-height: 1.66666667;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
   padding-bottom: -1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: -1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-right: 8px;
   margin-top: -1px;
   font-size: 12px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -12498,37 +12505,55 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-nav > .rs-dropdown {
   margin: 0 !important;
 }
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
-  border: none;
-}
-.rs-sidenav-nav .rs-dropdown-item-toggle {
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
   display: block;
   width: 100%;
   text-align: start;
   background: none;
+  padding-left: 40px;
+  position: relative;
+}
+.rs-sidenav-collapse-in .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
+  padding-right: 56px;
 }
-.rs-sidenav-nav .rs-dropdown-item-toggle:focus {
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus {
   outline: 0;
 }
-.rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   z-index: 1;
 }
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
   outline-offset: 2px;
 }
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
   outline-offset: 2px;
 }
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
+  position: absolute;
+  left: 20px;
+  top: 11px;
+  width: auto;
+  height: 20px;
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-expand .rs-dropdown-item-toggle-icon {
+  -webkit-transform: rotate(-270deg);
+          transform: rotate(-270deg);
+}
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
+  border: none;
+}
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
@@ -12576,14 +12601,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   width: 100%;
   white-space: normal;
 }
-.rs-sidenav-nav > .rs-sidenav-item:focus,
-.rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-sidenav-nav > .rs-sidenav-item:focus-visible,
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
 }
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline-offset: 2px;
 }
 .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
@@ -12737,11 +12762,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transform: rotate(-180deg);
           transform: rotate(-180deg);
 }
-.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item.rs-dropdown-item-expand > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
-  -webkit-transform: rotate(-270deg);
-          transform: rotate(-270deg);
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu {
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-menu {
   display: block;
   position: static;
   float: none;
@@ -12753,26 +12774,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: transparent;
   border-radius: 0;
 }
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu {
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu {
   padding: 0;
 }
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
-  display: block;
-  padding-left: 40px;
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu {
-  display: block;
-  position: static;
-  float: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-animation-name: none;
-          animation-name: none;
-  padding: 0;
-  background-color: transparent;
-  border-radius: 0;
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu:hover {
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu:hover {
   background-color: transparent;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12791,20 +12796,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu.rs-dropdown-menu-collapse-in > .rs-dropdown-menu.rs-dropdown-menu-collapse-in {
   display: block;
 }
-.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  padding-right: 56px;
-  padding-left: 40px;
-  position: relative;
-}
-.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
-  position: absolute;
-  left: 20px;
-  top: 11px;
-  width: auto;
-  height: 20px;
-  -webkit-transform: rotate(-90deg);
-          transform: rotate(-90deg);
-}
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-menu-icon {
   padding-top: 11px;
   padding-bottom: 11px;
@@ -12839,24 +12830,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   height: 50px;
   padding-right: 56px;
 }
-.rs-sidenav-collapse-out .rs-sidenav-item:focus,
-.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
+.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline-offset: 2px;
 }
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
   outline-offset: 2px;
 }
 .rs-sidenav-collapse-out .rs-dropdown-item {
@@ -14884,7 +14875,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   text-align: right;
   margin: 0 0 4px 0;
 }
-.rs-tree-node > .rs-tree-node-label {
+.rs-tree-node-label {
   position: relative;
   margin: 0;
   padding-right: 16px;
@@ -14893,23 +14884,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 14px;
   line-height: 22px;
 }
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-tree-node-label-content {
   padding: 6px 8px 6px 12px;
   display: inline-block;
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;
 }
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
+.rs-tree-node-label-content:hover,
+.rs-tree-node-label-content:focus,
+.rs-tree-node-label-content.rs-tree-node-label-content-focus {
   background-color: rgba(204, 233, 255, 0.5);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
+.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 {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -14918,12 +14909,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
+.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 {
   outline-offset: 2px;
 }
-.rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-tree-node-active .rs-tree-node-label-content {
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-text-link);