rsuite 5.55.1 → 5.57.0

package/dist/rsuite-no-reset-rtl.css

@@ -3654,19 +3654,12 @@ tbody.rs-anim-collapse.rs-anim-in {
             transform: translateY(-50%);
   }
 }
-.rs-picker-cascader-menu-items > div::before,
-.rs-picker-cascader-menu-items > div::after {
-  content: ' ';
-  display: table;
-}
-.rs-picker-cascader-menu-items > div::after {
-  clear: both;
-}
-.rs-picker-cascader-search-panel {
+.rs-cascade-search-view-panel {
   max-height: 300px;
+  margin-top: 6px;
   overflow: auto;
 }
-.rs-picker-cascader-row {
+.rs-cascade-search-view-row {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -3678,13 +3671,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: none;
   width: 100%;
 }
-.rs-picker-cascader-row:hover {
+.rs-cascade-search-view-row:hover {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3693,16 +3686,16 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3711,40 +3704,52 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row:disabled,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled {
+.rs-cascade-search-view-row:disabled,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-row:disabled .rs-picker-cascader-search-match,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled .rs-picker-cascader-search-match {
+.rs-cascade-search-view-row:disabled .rs-cascade-search-view-match,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled .rs-cascade-search-view-match {
   opacity: 0.7;
   font-weight: normal;
 }
-.rs-picker-cascader-col {
+.rs-cascade-search-view-col {
   display: inline-block;
 }
-.rs-picker-cascader-col::after {
+.rs-cascade-search-view-col::after {
   content: '\00a0/\00a0';
 }
-.rs-picker-cascader-col:last-child::after {
+.rs-cascade-search-view-col:last-child::after {
   display: none;
 }
-.rs-picker-cascader-search-match {
+.rs-cascade-search-view-match {
   color: #3498ff;
   color: var(--rs-primary-500);
   font-weight: bold;
 }
-.rs-picker-cascader-menu-column {
-  float: right;
+.rs-cascade-tree-items {
+  padding: 6px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-cascade-tree-items ul,
+.rs-cascade-tree-items li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+}
+.rs-cascade-tree-column {
   overflow-y: auto;
 }
-.rs-picker-cascader-menu-column-loading {
+.rs-cascade-tree-column-loading {
   padding: 4px;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3756,17 +3761,10 @@ tbody.rs-anim-collapse.rs-anim-in {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.rs-picker-cascader-menu-column-loading .rs-icon {
+.rs-cascade-tree-column-loading .rs-icon {
   margin: 4px;
 }
-.rs-picker-cascader-menu-items ul,
-.rs-picker-cascader-menu-items li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: 14px;
-}
-.rs-picker-cascader-menu-item {
+.rs-cascade-tree-item {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -3781,22 +3779,20 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding: 8px 12px 8px 28px;
   word-break: break-word;
 }
-.rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
+.rs-cascade-tree-items-has-children .rs-cascade-tree-item {
   padding-left: 32px;
 }
-.rs-picker-cascader-menu-item:hover,
-.rs-picker-cascader-menu-item:focus,
-.rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-cascade-tree-item:hover,
+.rs-cascade-tree-item:focus,
+.rs-cascade-tree-item.rs-cascade-tree-item-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3805,34 +3801,33 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-cascade-tree-item.rs-cascade-tree-item-active {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-listbox-option-selected-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-active {
   text-decoration: underline;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
+.rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
   color: #575757;
   color: var(--rs-text-primary);
 }
-.rs-picker-cascader-menu-item:disabled,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-disabled {
+.rs-cascade-tree-item:disabled,
+.rs-cascade-tree-item.rs-cascade-tree-item-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-menu-caret {
+.rs-cascade-tree-caret {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3897,17 +3892,16 @@ tbody.rs-anim-collapse.rs-anim-in {
   line-height: 1;
   position: relative;
 }
-.rs-checkbox-wrapper::before,
-.rs-checkbox-wrapper::after,
-.rs-checkbox-wrapper .rs-checkbox-inner::before,
-.rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-control::before,
+.rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-control .rs-checkbox-inner::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   display: block;
 }
-.rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-control .rs-checkbox-inner::after {
   opacity: 0;
   -webkit-transform: rotate(45deg) scale(0);
           transform: rotate(45deg) scale(0);
@@ -3916,12 +3910,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
   transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
 }
-.rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after {
   -webkit-transition: none;
   transition: none;
 }
-.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::after,
-.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after,
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
   border: solid #fff;
   border: solid var(--rs-checkbox-icon);
   width: 6px;
@@ -3930,12 +3924,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-left: 5px;
   opacity: 1;
 }
-.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after {
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg) scale(1);
           transform: rotate(45deg) scale(1);
 }
-.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
   border-width: 0 0 2px;
   -webkit-transform: rotate(0deg) scale(1);
           transform: rotate(0deg) scale(1);
@@ -3944,7 +3938,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-left: 3px;
 }
 /* stylelint-disable-next-line */
-.rs-checkbox-wrapper {
+.rs-checkbox-control {
   position: absolute;
   width: 16px;
   height: 16px;
@@ -3952,18 +3946,22 @@ tbody.rs-anim-collapse.rs-anim-in {
   right: 10px;
   top: 10px;
 }
-.rs-checkbox-wrapper [type='checkbox'] {
-  width: 0;
-  height: 0;
+.rs-checkbox-control [type='checkbox'] {
+  position: absolute;
   opacity: 0;
+  z-index: 1;
+  top: -10px;
+  left: -10px;
+  bottom: -10px;
+  right: -10px;
 }
-.rs-checkbox-wrapper::before,
-.rs-checkbox-wrapper .rs-checkbox-inner::before,
-.rs-checkbox-wrapper .rs-checkbox-inner::after {
+.rs-checkbox-control::before,
+.rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-control .rs-checkbox-inner::after {
   width: 16px;
   height: 16px;
 }
-.rs-checkbox-wrapper::before {
+.rs-checkbox-control::before {
   border: 1px solid #3498ff;
   border: 1px solid var(--rs-checkbox-checked-bg);
   background-color: transparent;
@@ -3977,23 +3975,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   transition: transform 0.2s linear, opacity 0.2s linear;
   transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
 }
-.rs-theme-high-contrast .rs-checkbox-wrapper::before {
+.rs-theme-high-contrast .rs-checkbox-control::before {
   -webkit-transition: none;
   transition: none;
 }
-.rs-checkbox-checked .rs-checkbox-wrapper::before {
+.rs-checkbox-checked .rs-checkbox-control::before {
   -webkit-transform: scale(1.5);
           transform: scale(1.5);
   opacity: 0;
   visibility: visible;
 }
-.rs-checkbox-wrapper::after {
-  top: -10px;
-  left: -10px;
-  bottom: -10px;
-  right: -10px;
-}
-.rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-checkbox-control .rs-checkbox-inner::before {
   border: 1px solid #d9d9d9;
   border: 1px solid var(--rs-checkbox-border);
   background-color: transparent;
@@ -4003,35 +3995,140 @@ tbody.rs-anim-collapse.rs-anim-in {
   transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
   transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
 }
-.rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before {
   -webkit-transition: none;
   transition: none;
 }
-label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
+label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-color: #3498ff;
   border-color: var(--rs-checkbox-checked-bg);
 }
-.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before {
   border-color: #f7f7fa;
   border-color: var(--rs-checkbox-disabled-bg);
   background-color: #f7f7fa;
   background-color: var(--rs-checkbox-disabled-bg);
 }
-.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
-.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
   border-color: #3498ff;
   border-color: var(--rs-checkbox-checked-bg);
   background-color: #3498ff;
   background-color: var(--rs-checkbox-checked-bg);
 }
-.rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
-.rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
   opacity: 0.3;
 }
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
+.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
+.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
   opacity: 0.5;
 }
+.rs-checkbox-red .rs-checkbox-control::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-checkbox-red label:hover .rs-checkbox-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-checkbox-red.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-red.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+  background-color: #f44336;
+  background-color: var(--rs-red-500);
+}
+.rs-checkbox-orange .rs-checkbox-control::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-checkbox-orange label:hover .rs-checkbox-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-checkbox-orange.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-orange.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+  background-color: #fa8900;
+  background-color: var(--rs-orange-500);
+}
+.rs-checkbox-yellow .rs-checkbox-control::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-checkbox-yellow label:hover .rs-checkbox-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-checkbox-yellow.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-yellow.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+  background-color: #ffb300;
+  background-color: var(--rs-yellow-500);
+}
+.rs-checkbox-green .rs-checkbox-control::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-checkbox-green label:hover .rs-checkbox-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-checkbox-green.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-green.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+  background-color: #4caf50;
+  background-color: var(--rs-green-500);
+}
+.rs-checkbox-cyan .rs-checkbox-control::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-checkbox-cyan label:hover .rs-checkbox-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-checkbox-cyan.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-cyan.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+  background-color: #00bcd4;
+  background-color: var(--rs-cyan-500);
+}
+.rs-checkbox-blue .rs-checkbox-control::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-checkbox-blue label:hover .rs-checkbox-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-checkbox-blue.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-blue.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+  background-color: #2196f3;
+  background-color: var(--rs-blue-500);
+}
+.rs-checkbox-violet .rs-checkbox-control::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-checkbox-violet label:hover .rs-checkbox-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-checkbox-violet.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-violet.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+  background-color: #673ab7;
+  background-color: var(--rs-violet-500);
+}
 .rs-checkbox-group {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -4092,7 +4189,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-check-menu-items.rs-picker-check-menu-grouped .rs-check-item .rs-checkbox-checker > label {
   padding-right: 52px;
 }
-.rs-picker-check-menu-items.rs-picker-check-menu-grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
+.rs-picker-check-menu-items.rs-picker-check-menu-grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 26px;
 }
 .rs-check-tree {
@@ -4112,7 +4209,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   margin: 0;
   padding: 1px 42px 1px 0;
 }
-.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
+.rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 20px;
 }
 .rs-check-tree .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker .rs-check-tree-node-label-content {
@@ -4133,7 +4230,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   width: 28px;
   margin-right: -34px;
 }
-.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 0;
 }
 .rs-check-tree-node {
@@ -9744,24 +9841,32 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   height: 50px;
   overflow: scroll;
 }
-.rs-picker-cascader-menu .rs-check-item .rs-checkbox-checker > label {
+.rs-cascade-tree-items .rs-check-item .rs-checkbox-checker > label {
   padding-left: 26px;
 }
-.rs-picker-cascader-menu .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
-.rs-picker-cascader-menu .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
+.rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
   font-weight: bold;
 }
-.rs-picker-cascader-menu-column.rs-picker-cascader-menu-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
+.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
   padding-right: 12px;
 }
-.rs-picker-multi-cascader-menu .rs-picker-cascader-col {
+.rs-cascade-tree-multi .rs-cascade-search-view-row {
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-col {
   padding: 0;
 }
-.rs-picker-multi-cascader-menu .rs-picker-cascader-row {
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-row {
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
 }
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-col {
+  padding: 0;
+}
 .rs-nav {
   position: relative;
   outline: 0;
@@ -11710,7 +11815,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   line-height: 1;
   position: relative;
 }
-.rs-radio-wrapper {
+.rs-radio-control {
   position: absolute;
   width: 16px;
   height: 16px;
@@ -11718,30 +11823,31 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   right: 10px;
   top: 10px;
 }
-.rs-radio-wrapper [type='radio'] {
+.rs-radio-control [type='radio'] {
   opacity: 0;
   position: absolute;
   z-index: 1;
-  width: 16px;
-  height: 16px;
   cursor: pointer;
+  top: -10px;
+  left: -10px;
+  bottom: -10px;
+  right: -10px;
 }
-.rs-radio-wrapper::before,
-.rs-radio-wrapper::after,
-.rs-radio-wrapper .rs-radio-inner::before,
-.rs-radio-wrapper .rs-radio-inner::after {
+.rs-radio-control::before,
+.rs-radio-control .rs-radio-inner::before,
+.rs-radio-control .rs-radio-inner::after {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   display: block;
 }
-.rs-radio-wrapper::before,
-.rs-radio-wrapper .rs-radio-inner::before {
+.rs-radio-control::before,
+.rs-radio-control .rs-radio-inner::before {
   width: 16px;
   height: 16px;
 }
-.rs-radio-wrapper::before {
+.rs-radio-control::before {
   border: 1px solid #3498ff;
   border: 1px solid var(--rs-radio-checked-bg);
   background-color: transparent;
@@ -11755,22 +11861,16 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   transition: transform 0.2s linear, opacity 0.2s linear;
   transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
 }
-.rs-theme-high-contrast .rs-radio-wrapper::before {
+.rs-theme-high-contrast .rs-radio-control::before {
   -webkit-transition: none;
   transition: none;
 }
-.rs-radio-checked .rs-radio-wrapper::before {
+.rs-radio-checked .rs-radio-control::before {
   -webkit-transform: scale(1.5);
           transform: scale(1.5);
   opacity: 0;
   visibility: visible;
 }
-.rs-radio-wrapper::after {
-  top: -10px;
-  left: -10px;
-  bottom: -10px;
-  right: -10px;
-}
 .rs-radio-inner::before {
   border: 1px solid #d9d9d9;
   border: 1px solid var(--rs-radio-border);
@@ -11832,6 +11932,104 @@ textarea.rs-inline-edit-sm .rs-plaintext {
           transform: scale(1);
   opacity: 1;
 }
+.rs-radio-red .rs-radio-control::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-radio-red label:hover .rs-radio-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-radio-red.rs-radio-checked .rs-radio-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+  background-color: #f44336;
+  background-color: var(--rs-red-500);
+}
+.rs-radio-orange .rs-radio-control::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-radio-orange label:hover .rs-radio-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-radio-orange.rs-radio-checked .rs-radio-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+  background-color: #fa8900;
+  background-color: var(--rs-orange-500);
+}
+.rs-radio-yellow .rs-radio-control::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-radio-yellow label:hover .rs-radio-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-radio-yellow.rs-radio-checked .rs-radio-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+  background-color: #ffb300;
+  background-color: var(--rs-yellow-500);
+}
+.rs-radio-green .rs-radio-control::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-radio-green label:hover .rs-radio-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-radio-green.rs-radio-checked .rs-radio-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+  background-color: #4caf50;
+  background-color: var(--rs-green-500);
+}
+.rs-radio-cyan .rs-radio-control::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-radio-cyan label:hover .rs-radio-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-radio-cyan.rs-radio-checked .rs-radio-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+  background-color: #00bcd4;
+  background-color: var(--rs-cyan-500);
+}
+.rs-radio-blue .rs-radio-control::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-radio-blue label:hover .rs-radio-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-radio-blue.rs-radio-checked .rs-radio-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+  background-color: #2196f3;
+  background-color: var(--rs-blue-500);
+}
+.rs-radio-violet .rs-radio-control::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-radio-violet label:hover .rs-radio-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-radio-violet.rs-radio-checked .rs-radio-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+  background-color: #673ab7;
+  background-color: var(--rs-violet-500);
+}
 .rs-radio-group {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11874,7 +12072,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding: 0;
   min-height: auto;
 }
-.rs-radio-group-picker .rs-radio-wrapper {
+.rs-radio-group-picker .rs-radio-control {
   display: none;
 }
 .rs-radio-group-picker .rs-radio-checker > label {
@@ -13722,7 +13920,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-tag-group {
   margin: -10px -10px 0 0;
 }
-.rs-tag-group >  {
+.rs-tag-group > .rs-tag {
   margin-top: 10px;
   margin-right: 10px;
 }
@@ -16779,11 +16977,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker > label {
   padding-right: 52px;
 }
-.rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
+.rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 12px;
 }
-.grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper,
-.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
+.grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control,
+.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   right: 26px;
 }
 .rs-search-box {