rsuite 5.2.4 → 5.3.0

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;
@@ -15038,11 +14910,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;