rsuite 5.2.4 → 5.4.2

package/dist/rsuite.css

@@ -1644,6 +1644,7 @@ tbody.rs-anim-collapse.rs-anim-in {
           align-items: center;
   border-radius: 4px;
   overflow: hidden;
+  position: relative;
   width: 40px;
   height: 40px;
   font-size: 18px;
@@ -1660,9 +1661,6 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-avatar > .rs-icon {
   vertical-align: middle;
 }
-.rs-avatar-image {
-  position: relative;
-}
 .rs-avatar-image::before {
   content: attr(alt);
   position: absolute;
@@ -1723,6 +1721,27 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 20px;
   line-height: 20px;
 }
+.rs-avatar-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+.rs-avatar-group-stack .rs-avatar {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  margin-right: -10px;
+  -webkit-transition: margin 0.15s;
+  transition: margin 0.15s;
+}
+.rs-avatar-group-stack .rs-avatar:last-child {
+  margin-right: 0;
+}
+.rs-avatar-group-stack .rs-avatar:hover {
+  margin-right: 0;
+}
 .rs-badge-wrapper {
   position: relative;
 }
@@ -2750,162 +2769,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-btn-group-lg .rs-btn {
-  font-size: 16px;
-  line-height: 22px;
-  padding: 10px 16px;
-}
-.rs-btn-ghost.rs-btn-group-lg .rs-btn {
-  padding: 9px 15px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn {
-  padding: 11px 11px;
-  line-height: 20px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn > .rs-icon {
-  font-size: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn {
-  line-height: 22px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn > .rs-icon {
-  padding: 11px 11px;
-  width: 42px;
-  height: 42px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left {
-  padding: 10px 16px 10px 58px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right {
-  padding: 10px 58px 10px 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-md .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-}
-.rs-btn-ghost.rs-btn-group-md .rs-btn {
-  padding: 7px 11px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn {
-  padding: 10px 10px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right {
-  padding: 8px 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-sm .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 5px 10px;
-}
-.rs-btn-ghost.rs-btn-group-sm .rs-btn {
-  padding: 4px 9px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn {
-  padding: 7px 7px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn > .rs-icon {
-  padding: 7px 7px;
-  width: 30px;
-  height: 30px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left {
-  padding: 5px 10px 5px 40px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right {
-  padding: 5px 40px 5px 10px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-xs .rs-btn {
-  font-size: 12px;
-  line-height: 20px;
-  padding: 2px 8px;
-}
-.rs-btn-ghost.rs-btn-group-xs .rs-btn {
-  padding: 1px 7px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn {
-  padding: 6px 6px;
-  line-height: 12px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn > .rs-icon {
-  font-size: 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn > .rs-icon {
-  padding: 6px 6px;
-  width: 24px;
-  height: 24px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left {
-  padding: 2px 8px 2px 32px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right {
-  padding: 2px 32px 2px 8px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
 .rs-btn-toolbar {
   line-height: 0;
 }
@@ -4363,11 +4226,20 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   font-size: 14px;
 }
 .rs-check-tree-node-children > .rs-check-tree-children {
+  position: relative;
   display: none;
 }
 .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
   display: block;
 }
+.rs-check-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-left: -13px;
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -4991,7 +4863,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   outline: none;
   cursor: pointer;
 }
-.rs-dropdown-toggle.rs-dropdown-no-caret {
+.rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
   padding-right: 12px;
 }
 .rs-dropdown-menu {
@@ -8803,6 +8675,24 @@ textarea.rs-picker-search-input {
 .rs-theme-high-contrast .rs-message-error {
   border: 1px solid var(--rs-message-error-border);
 }
+.rs-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1049;
+  background-color: rgba(39, 44, 54, 0.3);
+  background-color: var(--rs-bg-backdrop);
+}
+.rs-modal-backdrop.rs-anim-fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s ease-in;
+  transition: opacity 0.3s ease-in;
+}
+.rs-modal-backdrop.rs-anim-in {
+  opacity: 1;
+}
 .rs-modal-open {
   overflow: hidden;
 }
@@ -8811,9 +8701,9 @@ textarea.rs-picker-search-input {
   overflow: auto;
   z-index: 1050;
   top: 0;
-  bottom: 0;
-  right: 0;
   left: 0;
+  width: 100%;
+  height: 100%;
 }
 .rs-modal {
   display: none;
@@ -8857,23 +8747,6 @@ textarea.rs-picker-search-input {
           box-shadow: var(--rs-modal-shadow);
   padding: 20px;
 }
-.rs-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(39, 44, 54, 0.3);
-  background-color: var(--rs-bg-backdrop);
-}
-.rs-modal-backdrop.rs-anim-fade {
-  opacity: 0;
-  -webkit-transition: opacity 0.3s ease-in;
-  transition: opacity 0.3s ease-in;
-}
-.rs-modal-backdrop.rs-anim-in {
-  opacity: 1;
-}
 .rs-modal-header {
   padding-right: 20px;
 }
@@ -9265,6 +9138,16 @@ textarea.rs-picker-search-input {
   background-color: transparent;
   position: relative;
   overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-navbar-item > .rs-icon {
+  font-size: 16px;
+  margin-right: 5px;
 }
 .rs-navbar-brand,
 .rs-navbar-item,
@@ -9307,6 +9190,9 @@ textarea.rs-picker-search-input {
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   margin: 0 !important;
 }
+.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+  text-decoration: underline;
+}
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   padding-right: 36px;
 }
@@ -9321,8 +9207,16 @@ textarea.rs-picker-search-input {
   top: 18px;
   right: 16px;
 }
-.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+.rs-navbar .rs-dropdown-item:hover {
+  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-navbar .rs-dropdown-item:hover {
   text-decoration: underline;
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-navbar-default {
   background-color: #f7f7fa;
@@ -11988,6 +11882,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-radio-wrapper [type='radio'] {
   opacity: 0;
+  position: absolute;
+  z-index: 1;
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
 }
 .rs-radio-wrapper::before,
 .rs-radio-wrapper::after,
@@ -12849,6 +12748,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item,
 .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle,
 .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
+  white-space: nowrap;
   text-overflow: clip;
 }
 .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-toggle-caret {
@@ -12897,8 +12797,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -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),
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -12906,20 +12804,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: #575757;
   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,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
@@ -13034,6 +12926,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: var(--rs-sidenav-subtle-hover-text);
 }
 .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active,
 .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
   color: #1675e0;
   color: var(--rs-sidenav-subtle-selected-text);
@@ -13046,8 +12939,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: #f7f7fa;
   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),
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -13055,14 +12946,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: #8e8e93;
   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,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
@@ -14851,22 +14738,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
-.rs-tree-drag-node-mover {
-  position: absolute;
-  top: -1000px;
-  color: #575757;
-  color: var(--rs-text-primary);
-  background-color: #fff;
-  background-color: var(--rs-bg-overlay);
-  display: inline-block;
-  margin: 0;
-  padding: 8px 12px;
-  border-radius: 6px;
-  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
-  z-index: 1060;
-  cursor: move;
-}
 .rs-tree.rs-tree-virtualized {
   overflow: hidden;
   /* stylelint-disable-next-line */
@@ -15038,11 +14909,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 14px;
 }
 .rs-tree-node-children > .rs-tree-children {
+  position: relative;
   display: none;
 }
 .rs-tree-open.rs-tree-node-children > .rs-tree-children {
   display: block;
 }
+.rs-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-left: -13px;
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -16272,5 +16152,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-btn-close .rs-icon {
   vertical-align: bottom;
 }
+.rs-stack {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
 
 /*# sourceMappingURL=index.css.map */