rsuite 5.2.2 → 5.4.0

package/dist/rsuite-rtl.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-left: -10px;
+  -webkit-transition: margin 0.15s;
+  transition: margin 0.15s;
+}
+.rs-avatar-group-stack .rs-avatar:last-child {
+  margin-left: 0;
+}
+.rs-avatar-group-stack .rs-avatar:hover {
+  margin-left: 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 58px 10px 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right {
-  padding: 10px 16px 10px 58px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: 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 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: 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 40px 5px 10px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right {
-  padding: 5px 10px 5px 40px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: 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 32px 2px 8px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right {
-  padding: 2px 8px 2px 32px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
 .rs-btn-toolbar {
   line-height: 0;
 }
@@ -4359,11 +4222,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-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -9255,6 +9127,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-left: 5px;
 }
 .rs-navbar-brand,
 .rs-navbar-item,
@@ -11972,6 +11854,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,
@@ -13880,9 +13767,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: 1px solid #f2f2f5;
   border-left: 1px solid var(--rs-border-secondary);
 }
-.rs-table-column-group-cell-content {
-  display: table-cell;
-}
 .rs-table-cell-expand-wrapper {
   margin-left: 10px;
   display: inline-block;
@@ -14834,22 +14718,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 */
@@ -15021,11 +14889,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-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -16253,3 +16130,8 @@ 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;
+}