rsuite 5.0.0-beta.7 → 5.0.2

package/dist/rsuite.css

@@ -224,6 +224,20 @@
   --rs-navbar-subtle-selected-text: #1675e0;
   --rs-navbar-subtle-hover-bg: #f7f7fa;
   --rs-navbar-subtle-hover-text: #575757;
+  --rs-sidenav-default-bg: #f7f7fa;
+  --rs-sidenav-default-text: #575757;
+  --rs-sidenav-default-selected-text: #1675e0;
+  --rs-sidenav-default-hover-bg: #e5e5ea;
+  --rs-sidenav-default-hover-text: #575757;
+  --rs-sidenav-inverse-bg: #3498ff;
+  --rs-sidenav-inverse-text: #fff;
+  --rs-sidenav-inverse-selected-bg: #1675e0;
+  --rs-sidenav-inverse-hover-bg: #2589f5;
+  --rs-sidenav-subtle-bg: #fff;
+  --rs-sidenav-subtle-text: #8e8e93;
+  --rs-sidenav-subtle-selected-text: #1675e0;
+  --rs-sidenav-subtle-hover-bg: #f7f7fa;
+  --rs-sidenav-subtle-hover-text: #575757;
   --rs-input-bg: #fff;
   --rs-input-focus-border: #3498ff;
   --rs-input-disabled-bg: #f7f7fa;
@@ -525,6 +539,20 @@
   --rs-navbar-subtle-selected-text: #34c3ff;
   --rs-navbar-subtle-hover-bg: #292d33;
   --rs-navbar-subtle-hover-text: #e9ebf0;
+  --rs-sidenav-default-bg: #1a1d24;
+  --rs-sidenav-default-text: #a4a9b3;
+  --rs-sidenav-default-selected-text: #34c3ff;
+  --rs-sidenav-default-hover-bg: #292d33;
+  --rs-sidenav-default-hover-text: #e9ebf0;
+  --rs-sidenav-inverse-bg: #169de0;
+  --rs-sidenav-inverse-text: #fff;
+  --rs-sidenav-inverse-selected-bg: #59d0ff;
+  --rs-sidenav-inverse-hover-bg: #25b3f5;
+  --rs-sidenav-subtle-bg: transparent;
+  --rs-sidenav-subtle-text: #a4a9b3;
+  --rs-sidenav-subtle-selected-text: #34c3ff;
+  --rs-sidenav-subtle-hover-bg: #292d33;
+  --rs-sidenav-subtle-hover-text: #e9ebf0;
   --rs-input-bg: #1a1d24;
   --rs-input-focus-border: #34c3ff;
   --rs-input-disabled-bg: #292d33;
@@ -834,6 +862,21 @@
   --rs-navbar-subtle-selected-text: #ffff00;
   --rs-navbar-subtle-hover-bg: transparent;
   --rs-navbar-subtle-hover-text: #ffff00;
+  --rs-sidenav-default-bg: #1a1d24;
+  --rs-sidenav-default-text: #e9ebf0;
+  --rs-sidenav-default-selected-text: #ffff00;
+  --rs-sidenav-default-hover-bg: transparent;
+  --rs-sidenav-default-hover-text: #ffff00;
+  --rs-sidenav-inverse-bg: #1a1d24;
+  --rs-sidenav-inverse-text: #e9ebf0;
+  --rs-sidenav-inverse-selected-bg: transparent;
+  --rs-sidenav-inverse-selected-text: #ffff00;
+  --rs-sidenav-inverse-hover-bg: transparent;
+  --rs-sidenav-subtle-bg: #1a1d24;
+  --rs-sidenav-subtle-text: #e9ebf0;
+  --rs-sidenav-subtle-selected-text: #ffff00;
+  --rs-sidenav-subtle-hover-bg: transparent;
+  --rs-sidenav-subtle-hover-text: #ffff00;
   --rs-input-bg: #1a1d24;
   --rs-input-focus-border: #ffff00;
   --rs-input-disabled-bg: #292d33;
@@ -4389,16 +4432,19 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   max-width: 100%;
 }
 .rs-picker-menu .rs-calendar {
-  width: 246px;
+  min-width: 246px;
   display: block;
   margin: 0 auto;
 }
 .rs-picker-menu .rs-calendar-show-week-numbers {
-  width: 278px;
+  min-width: 278px;
 }
 .rs-picker-menu .rs-calendar-header {
   width: 100%;
 }
+.rs-picker-menu .rs-calendar-table {
+  width: unset;
+}
 .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
 .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
   width: 30px;
@@ -5900,7 +5946,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-grid-container-fluid::after {
   clear: both;
 }
-.col {
+.rs-col {
   float: left;
   position: relative;
   min-height: 1px;
@@ -12401,13 +12447,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-nav > .rs-sidenav-item,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
-.rs-sidenav-nav .rs-dropdown-item {
+.rs-sidenav-nav .rs-dropdown-item,
+.rs-sidenav-nav .rs-dropdown-item-toggle {
   padding: 15px 20px;
   -webkit-transition: color 0.3s linear, background-color 0.3s linear;
   transition: color 0.3s linear, background-color 0.3s linear;
   border-radius: 0;
   color: inherit;
 }
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
+  -webkit-transition: none;
+  transition: none;
+}
 .rs-sidenav-nav > .rs-sidenav-item,
 .rs-sidenav-nav > .rs-dropdown {
   margin: 0 !important;
@@ -12742,22 +12796,39 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-default {
   background-color: #f7f7fa;
-  background-color: var(--rs-navbar-default-bg);
+  background-color: var(--rs-sidenav-default-bg);
   color: #575757;
-  color: var(--rs-navbar-default-text);
+  color: var(--rs-sidenav-default-text);
+}
+.rs-sidenav-default .rs-sidenav-item,
+.rs-sidenav-default .rs-dropdown-toggle {
+  background-color: #f7f7fa;
+  background-color: var(--rs-sidenav-default-bg);
 }
-.rs-sidenav-default .rs-navbar-item:hover,
+.rs-sidenav-default .rs-sidenav-item:hover,
 .rs-sidenav-default .rs-dropdown .rs-dropdown-toggle:hover,
 .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
   background-color: #e5e5ea;
-  background-color: var(--rs-navbar-default-hover-bg);
+  background-color: var(--rs-sidenav-default-hover-bg);
   color: #575757;
-  color: var(--rs-navbar-default-hover-text);
+  color: var(--rs-sidenav-default-hover-text);
 }
-.rs-sidenav-default .rs-navbar-item.rs-navbar-item-active,
-.rs-sidenav-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
+.rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active,
+.rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
   color: #1675e0;
-  color: var(--rs-navbar-default-selected-text);
+  color: var(--rs-sidenav-default-selected-text);
+}
+.rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
+  background-color: rgba(204, 233, 255, 0.5);
+  background-color: var(--rs-menuitem-active-bg);
+  color: #1675e0;
+  color: var(--rs-menuitem-active-text);
+}
+.rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
+  text-decoration: underline;
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12766,7 +12837,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
   color: #575757;
-  color: var(--rs-navbar-default-text);
+  color: var(--rs-sidenav-default-text);
 }
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -12787,16 +12858,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
   background-color: #e5e5ea;
-  background-color: var(--rs-navbar-default-hover-bg);
+  background-color: var(--rs-sidenav-default-hover-bg);
   color: #575757;
-  color: var(--rs-navbar-default-hover-text);
+  color: var(--rs-sidenav-default-hover-text);
 }
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
   color: #1675e0;
-  color: var(--rs-navbar-default-selected-text);
+  color: var(--rs-sidenav-default-selected-text);
 }
 .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
 .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
@@ -12804,56 +12875,59 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
   text-decoration: underline;
 }
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
-.rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
+.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
+.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
+.rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
   color: #1675e0;
-  color: var(--rs-navbar-default-selected-text);
+  color: var(--rs-sidenav-default-selected-text);
 }
 .rs-sidenav-inverse {
   background-color: #3498ff;
-  background-color: var(--rs-navbar-inverse-bg);
+  background-color: var(--rs-sidenav-inverse-bg);
   color: #fff;
-  color: var(--rs-navbar-inverse-text);
+  color: var(--rs-sidenav-inverse-text);
+}
+.rs-sidenav-inverse .rs-sidenav-item,
+.rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle,
+.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
+  background-color: #3498ff;
+  background-color: var(--rs-sidenav-inverse-bg);
 }
-.rs-sidenav-inverse .rs-navbar-item:hover,
+.rs-sidenav-inverse .rs-sidenav-item:hover,
 .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-sidenav-inverse .rs-navbar-item:focus,
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus {
+.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
+.rs-sidenav-inverse .rs-sidenav-item:focus,
+.rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
+.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus {
   background-color: #2589f5;
-  background-color: var(--rs-navbar-inverse-hover-bg);
+  background-color: var(--rs-sidenav-inverse-hover-bg);
 }
-.rs-sidenav-inverse .rs-navbar-item.rs-navbar-item-active,
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-  background-color: #1675e0;
-  background-color: var(--rs-navbar-inverse-selected-bg);
+.rs-theme-high-contrast .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
+.rs-theme-high-contrast .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
+  color: var(--rs-sidenav-inverse-selected-text);
 }
-.rs-theme-high-contrast .rs-sidenav-inverse .rs-navbar-item.rs-navbar-item-active,
-.rs-theme-high-contrast .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-  color: var(--rs-navbar-inverse-selected-text);
-}
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
+.rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
 .rs-sidenav-inverse .rs-sidenav-item,
 .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle {
   color: #fff;
-  color: var(--rs-navbar-inverse-text);
+  color: var(--rs-sidenav-inverse-text);
 }
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
+.rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
 .rs-sidenav-inverse .rs-sidenav-item:hover,
 .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:focus,
+.rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:focus,
 .rs-sidenav-inverse .rs-sidenav-item:focus,
 .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle.rs-dropdown-item-focus,
+.rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle.rs-dropdown-item-focus,
 .rs-sidenav-inverse .rs-sidenav-item.rs-dropdown-item-focus,
 .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle.rs-dropdown-item-focus {
   color: #fff;
-  color: var(--rs-navbar-inverse-text);
+  color: var(--rs-sidenav-inverse-text);
 }
-.rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
-.rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active {
+.rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-active {
   background-color: #1675e0;
-  background-color: var(--rs-navbar-inverse-selected-bg);
+  background-color: var(--rs-sidenav-inverse-selected-bg);
 }
 .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12862,7 +12936,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
 .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
   color: #fff;
-  color: var(--rs-navbar-inverse-text);
+  color: var(--rs-sidenav-inverse-text);
 }
 .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
 .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -12883,32 +12957,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
 .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
   background-color: #2589f5;
-  background-color: var(--rs-navbar-inverse-hover-bg);
+  background-color: var(--rs-sidenav-inverse-hover-bg);
   color: #fff;
-  color: var(--rs-navbar-inverse-text);
-}
-.rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu),
-.rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu) {
-  background-color: #2589f5;
-  background-color: var(--rs-navbar-inverse-hover-bg);
+  color: var(--rs-sidenav-inverse-text);
 }
 .rs-sidenav-subtle {
   background-color: transparent;
   color: #8e8e93;
-  color: var(--rs-navbar-subtle-text);
+  color: var(--rs-sidenav-subtle-text);
 }
-.rs-sidenav-subtle .rs-navbar-item:hover,
+.rs-sidenav-subtle .rs-sidenav-item,
+.rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle {
+  background-color: transparent;
+}
+.rs-sidenav-subtle .rs-sidenav-item:hover,
 .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-sidenav-subtle .rs-navbar-item:focus,
+.rs-sidenav-subtle .rs-sidenav-item:focus,
 .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus {
   background-color: transparent;
   color: #575757;
-  color: var(--rs-navbar-subtle-hover-text);
+  color: var(--rs-sidenav-subtle-hover-text);
 }
-.rs-sidenav-subtle .rs-navbar-item.rs-navbar-item-active,
-.rs-sidenav-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
+.rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
   color: #1675e0;
-  color: var(--rs-navbar-subtle-selected-text);
+  color: var(--rs-sidenav-subtle-selected-text);
 }
 .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn {
   background-color: transparent;
@@ -12916,7 +12989,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:hover,
 .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:focus {
   background-color: #f7f7fa;
-  background-color: var(--rs-navbar-subtle-hover-bg);
+  background-color: var(--rs-sidenav-subtle-hover-bg);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12925,7 +12998,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
   color: #8e8e93;
-  color: var(--rs-navbar-subtle-text);
+  color: var(--rs-sidenav-subtle-text);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -12940,32 +13013,32 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
   background-color: #f7f7fa;
-  background-color: var(--rs-navbar-subtle-hover-bg);
+  background-color: var(--rs-sidenav-subtle-hover-bg);
   color: #575757;
-  color: var(--rs-navbar-subtle-hover-text);
+  color: var(--rs-sidenav-subtle-hover-text);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
   color: #1675e0;
-  color: var(--rs-navbar-subtle-selected-text);
+  color: var(--rs-sidenav-subtle-selected-text);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
-.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle {
+.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
+.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
+.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
   color: #8e8e93;
-  color: var(--rs-navbar-subtle-text);
+  color: var(--rs-sidenav-subtle-text);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover {
+.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
+.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
+.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
   background-color: #f7f7fa;
-  background-color: var(--rs-navbar-subtle-hover-bg);
+  background-color: var(--rs-sidenav-subtle-hover-bg);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
-.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
+.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
+.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
+.rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
   color: #1675e0;
-  color: var(--rs-navbar-subtle-selected-text);
+  color: var(--rs-sidenav-subtle-selected-text);
 }
 @-webkit-keyframes sideNavFoldedText {
   0% {
@@ -13431,6 +13504,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
     visibility: hidden;
   }
 }
+.rs-table-row-rowspan + .rs-table-row {
+  border-top: 1px solid #f2f2f5;
+  border-top: 1px solid var(--rs-border-secondary);
+}
 .rs-table-row-expanded {
   position: absolute;
   height: 46px;
@@ -13629,6 +13706,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 16px;
   line-height: 1.66666667;
 }
+.rs-table-cell-rowspan {
+  border-bottom: 1px solid #f2f2f5 !important;
+  border-bottom: 1px solid var(--rs-border-secondary) !important;
+}
 .rs-table-cell-header-sortable .rs-table-cell-content {
   cursor: pointer;
 }
@@ -15285,6 +15366,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
        object-fit: cover;
   }
 }
+.rs-uploader-picture .rs-uploader-file-item-preview .rs-uploader-file-item-icon {
+  font-size: 22px;
+  margin: 22px;
+}
 .rs-uploader-picture .rs-uploader-file-item-status {
   position: absolute;
   top: 0;
@@ -15649,6 +15734,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
        object-fit: cover;
   }
 }
+.rs-uploader-picture-text .rs-uploader-file-item-preview .rs-uploader-file-item-icon {
+  font-size: 22px;
+  margin: 12px;
+}
 .rs-uploader-picture-text .rs-uploader-file-item-content {
   padding: 5px 12px;
 }