rsuite 5.49.0 → 5.51.0

package/dist/rsuite.css

@@ -4360,7 +4360,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item {
   display: inline-block;
 }
-.rs-picker-menu .rs-check-tree-node .rs-check-item {
+.rs-picker-popup .rs-check-tree-node .rs-check-item {
   display: block;
 }
 .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
@@ -4427,11 +4427,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
           align-items: center;
   font-size: 14px;
 }
-.rs-check-tree-node-children > .rs-check-tree-children {
+.rs-check-tree-node-children > .rs-check-tree-group {
   position: relative;
   display: none;
 }
-.rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
+.rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-group {
   display: block;
 }
 .rs-check-tree-indent-line {
@@ -4442,7 +4442,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   margin-left: -13px;
   border-left: 1px solid rgba(0, 0, 0, 0.1);
 }
-.rs-picker-menu {
+.rs-picker-popup {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4451,16 +4451,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.rs-picker-menu.rs-check-tree-menu {
+.rs-picker-popup.rs-check-tree-menu {
   padding-top: 12px;
 }
-.rs-picker-menu.rs-check-tree-menu .rs-picker-search-bar {
+.rs-picker-popup.rs-check-tree-menu .rs-picker-search-bar {
   padding-top: 0;
 }
-.rs-picker-menu .rs-check-tree {
+.rs-picker-popup .rs-check-tree {
   padding: 0 12px 12px 0;
 }
-.rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
+.rs-picker-popup .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -4537,60 +4537,60 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-date-predefined .rs-btn {
   display: block;
 }
-.rs-picker-menu .rs-picker-toolbar {
+.rs-picker-popup .rs-picker-toolbar {
   max-width: 100%;
 }
-.rs-picker-menu .rs-picker-toolbar-ranges {
+.rs-picker-popup .rs-picker-toolbar-ranges {
   max-width: 400px;
 }
-.rs-picker-menu .rs-calendar {
+.rs-picker-popup .rs-calendar {
   min-width: 264px;
   display: block;
   margin: 0 auto;
 }
-.rs-picker-menu .rs-calendar-show-week-numbers {
+.rs-picker-popup .rs-calendar-show-week-numbers {
   min-width: 278px;
 }
-.rs-picker-menu .rs-calendar-show-week-numbers .rs-calendar-body {
+.rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body {
   padding-left: 12px;
   padding-right: 12px;
 }
-.rs-picker-menu .rs-calendar-header {
+.rs-picker-popup .rs-calendar-header {
   width: 100%;
 }
-.rs-picker-menu .rs-calendar-body {
+.rs-picker-popup .rs-calendar-body {
   padding-left: 15px;
   padding-right: 15px;
 }
-.rs-picker-menu .rs-calendar-table {
+.rs-picker-popup .rs-calendar-table {
   width: unset;
 }
-.rs-picker-menu .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
+.rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-picker-menu .rs-calendar-table-cell:focus-visible {
+.rs-picker-popup .rs-calendar-table-cell:focus-visible {
   outline: none;
 }
-.rs-picker-menu .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
-.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content,
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
   width: 30px;
   height: 30px;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
   background-color: rgba(204, 233, 255, 0.5);
   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-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
@@ -4600,36 +4600,36 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
   outline-offset: 2px;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
+.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
   background-color: #1675e0;
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
+.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
   height: 24px;
   padding-top: 0;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
   padding-left: 0;
   padding-right: 0;
   display: inline-block;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
   background-color: rgba(204, 233, 255, 0.5);
   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-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
@@ -4639,29 +4639,38 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
   outline-offset: 2px;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
   background-color: #1675e0;
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
+.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
+.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
   height: 227px;
 }
-.rs-picker-menu .rs-calendar .rs-calendar-time-dropdown-column > ul {
+.rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
   height: 214px;
   padding-bottom: 184px;
 }
-.rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
-.rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
-  top: 7px;
+.rs-picker-daterange .rs-input-group-addon {
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-picker-daterange .rs-input-group-addon .rs-btn-close {
+  padding: 0;
+}
+.rs-picker-daterange.rs-picker-subtle .rs-input-group {
+  border-color: transparent;
+}
+.rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
+  padding-right: 0;
 }
 .rs-picker-daterange-menu .rs-calendar {
   display: inline-block;
@@ -8242,10 +8251,6 @@ textarea.rs-input-sm {
 .rs-input-group > .rs-input,
 .rs-input-group > .rs-auto-complete {
   position: relative;
-  z-index: 2;
-}
-.rs-input-group > .rs-input:focus {
-  z-index: 3;
 }
 .rs-input-group input.rs-input ~ .rs-input-group-addon,
 .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon {
@@ -8269,7 +8274,6 @@ textarea.rs-input-sm {
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn,
 .rs-input-group.rs-input-group-inside .rs-input-group-addon {
-  z-index: 4;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
           flex: 0 0 auto;
@@ -8383,7 +8387,7 @@ textarea.rs-input-group-lg > .rs-input {
   height: auto;
 }
 .rs-input-group-lg.rs-input-group-inside > .rs-input {
-  padding-right: 46px;
+  padding-right: 0;
 }
 .rs-input-group-lg.rs-input-group > .rs-input {
   height: 40px;
@@ -8414,7 +8418,7 @@ textarea.rs-input-group-md > .rs-input {
   height: auto;
 }
 .rs-input-group-md.rs-input-group-inside > .rs-input {
-  padding-right: 36px;
+  padding-right: 0;
 }
 .rs-input-group-md.rs-input-group > .rs-input {
   height: 34px;
@@ -8445,7 +8449,7 @@ textarea.rs-input-group-sm > .rs-input {
   height: auto;
 }
 .rs-input-group-sm.rs-input-group-inside > .rs-input {
-  padding-right: 30px;
+  padding-right: 0;
 }
 .rs-input-group-sm.rs-input-group > .rs-input {
   height: 28px;
@@ -8476,7 +8480,7 @@ textarea.rs-input-group-xs > .rs-input {
   height: auto;
 }
 .rs-input-group-xs.rs-input-group-inside > .rs-input {
-  padding-right: 26px;
+  padding-right: 0;
 }
 .rs-input-group-xs.rs-input-group > .rs-input {
   height: 22px;
@@ -8707,11 +8711,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-btn > .rs-btn + .rs-btn {
   margin-left: -1px;
 }
-.rs-input-group-btn > .rs-btn:hover,
-.rs-input-group-btn > .rs-btn:focus,
-.rs-input-group-btn > .rs-btn:active {
-  z-index: 2;
-}
 .rs-input-group-btn:first-child > .rs-btn,
 .rs-input-group-btn:first-child > .rs-btn-group {
   margin-right: -1px;
@@ -8719,7 +8718,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-input-group-btn:last-child > .rs-btn,
 .rs-input-group-btn:last-child > .rs-btn-group {
-  z-index: 2;
   margin-left: -1px;
 }
 .rs-input-number {
@@ -8858,20 +8856,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-input .rs-picker-toggle.rs-btn-xs {
   height: 22px;
 }
-.rs-picker-tag-wrapper {
+.rs-picker-textbox {
   margin-right: 32px;
   min-height: 34px;
 }
-.rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
+.rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
   min-height: 40px;
 }
-.rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
+.rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
   min-height: 28px;
 }
-.rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
+.rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
   min-height: 22px;
 }
-.rs-picker-cleanable .rs-picker-tag-wrapper {
+.rs-picker-cleanable .rs-picker-textbox {
   margin-right: 44px;
 }
 .rs-picker-search {
@@ -11389,32 +11387,32 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
   padding-right: 32px;
 }
-.rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 8px;
   right: 12px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
   padding: 7px 12px;
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
   padding-bottom: 5px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
   padding-left: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -11427,17 +11425,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 8px;
   right: 12px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11455,35 +11453,35 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
   padding-right: 36px;
 }
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 10px;
   right: 16px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
   padding: 8px 16px;
   font-size: 16px;
   line-height: 1.375;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
   padding-bottom: 6px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-tag {
   margin-top: 6px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
   padding-left: 16px;
   margin-top: 6px;
   font-size: 16px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox input {
   height: 20px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -11496,17 +11494,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
   padding-right: 42px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 10px;
   right: 16px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 9px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11556,35 +11554,35 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
   padding-right: 32px;
 }
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 8px;
   right: 12px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
   padding: 7px 12px;
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox {
   padding-bottom: 5px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
   padding-left: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -11597,17 +11595,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
   padding-right: 36px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 8px;
   right: 12px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11659,35 +11657,35 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
   padding-right: 30px;
 }
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 5px;
   right: 10px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
   padding: 4px 10px;
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
   padding-bottom: 2px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-tag {
   margin-top: 2px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
   padding-left: 10px;
   margin-top: 2px;
   font-size: 14px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -11700,17 +11698,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
   padding-right: 34px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 4px;
   right: 10px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 3px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11764,35 +11762,35 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
   padding-right: 28px;
 }
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 2px;
   right: 8px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
   padding: 1px 8px;
   font-size: 12px;
   line-height: 1.66666667;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
   padding-bottom: -1px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
   margin-top: -1px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
   padding-left: 8px;
   margin-top: -1px;
   font-size: 12px;
 }
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -11801,13 +11799,13 @@ textarea.rs-picker-search-input {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
+.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
   padding-bottom: 1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
   margin-top: 1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
   padding-top: 1px;
   padding-bottom: 1px;
 }
@@ -11815,17 +11813,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
   padding-right: 30px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 2px;
   right: 8px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 1px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11895,7 +11893,7 @@ textarea.rs-picker-search-input {
 .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
   padding-right: 44px;
 }
-.rs-picker-toggle-clean {
+.rs-picker-toggle-indicator .rs-picker-clean {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -11915,14 +11913,14 @@ textarea.rs-picker-search-input {
   transition: 0.2s color linear;
   cursor: pointer;
 }
-.rs-picker-toggle-clean.rs-btn-close {
+.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
   padding: 4px 0;
 }
-.rs-picker-date .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle-clean {
+.rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
   right: 38px;
 }
-.rs-picker-toggle-caret {
+.rs-picker-toggle-indicator .rs-picker-caret-icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -11938,7 +11936,21 @@ textarea.rs-picker-search-input {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-menu {
+.rs-picker-toggle-indicator .rs-picker-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: 2px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+  height: 20px;
+  font-size: 12px;
+}
+.rs-picker-popup {
   position: absolute;
   text-align: left;
   z-index: 7;
@@ -11960,25 +11972,25 @@ textarea.rs-picker-search-input {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.rs-theme-high-contrast .rs-picker-menu {
+.rs-theme-high-contrast .rs-picker-popup {
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
-.rs-modal-open .rs-picker-menu {
+.rs-modal-open .rs-picker-popup {
   z-index: 1055;
 }
-.rs-drawer-open .rs-picker-menu {
+.rs-drawer-open .rs-picker-popup {
   z-index: 1055;
 }
-.rs-picker-menu.rs-picker-select-menu,
-.rs-picker-menu.rs-picker-check-menu {
+.rs-picker-popup.rs-picker-select-menu,
+.rs-picker-popup.rs-picker-check-menu {
   padding-top: 6px;
 }
-.rs-picker-menu .rs-picker-search-bar {
+.rs-picker-popup .rs-picker-search-bar {
   position: relative;
   padding: 6px 12px 12px;
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
   display: block;
   width: 100%;
   color: #575757;
@@ -12000,53 +12012,53 @@ textarea.rs-picker-search-input {
   padding-right: 36px;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
+  .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
     height: 36px;
   }
 }
-textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
+textarea.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
   height: auto;
 }
-.rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
+.rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transition: none;
   transition: none;
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-moz-placeholder {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-moz-placeholder {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus,
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus,
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
   border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
   outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
-.rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
+.rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
   outline-offset: 2px;
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
   color: #c5c6c7;
   color: var(--rs-text-disabled);
 }
-.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
+.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
   position: absolute;
   width: 14px;
   color: #8e8e93;
@@ -12056,11 +12068,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   top: 14px;
   right: 24px;
 }
-.rs-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon,
-.rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
+.rs-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon,
+.rs-check-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
   top: 7px;
 }
-.rs-picker-menu.rs-picker-inline {
+.rs-picker-popup.rs-picker-inline {
   position: relative;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -15007,11 +15019,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-tag .rs-picker-search-input > input {
   padding: 0;
 }
-.rs-picker-tag .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-textbox {
   position: relative;
   z-index: 6;
   padding-bottom: 5px;
 }
+.rs-picker-tag-list {
+  display: contents;
+}
 .rs-plaintext .rs-tag {
   margin-left: 6px;
   margin-bottom: 6px;
@@ -15019,10 +15034,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-disabled-options .rs-picker-toggle {
   padding-right: 32px !important;
 }
-.rs-picker-disabled-options .rs-picker-tag-wrapper {
+.rs-picker-disabled-options .rs-picker-textbox {
   margin-right: 32px !important;
 }
-.rs-picker-disabled-options .rs-picker-toggle-clean {
+.rs-picker-disabled-options .rs-picker-clean {
   right: 10px !important;
 }
 .rs-timeline {
@@ -15973,11 +15988,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
           align-items: center;
   font-size: 14px;
 }
-.rs-tree-node-children > .rs-tree-children {
+.rs-tree-node-children > .rs-tree-group {
   position: relative;
   display: none;
 }
-.rs-tree-open.rs-tree-node-children > .rs-tree-children {
+.rs-tree-open.rs-tree-node-children > .rs-tree-group {
   display: block;
 }
 .rs-tree-indent-line {
@@ -15988,22 +16003,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: -13px;
   border-left: 1px solid rgba(0, 0, 0, 0.1);
 }
-.rs-picker-menu.rs-tree-menu {
+.rs-picker-popup.rs-tree-menu {
   padding-top: 12px;
 }
-.rs-picker-menu.rs-tree-menu .rs-picker-search-bar {
+.rs-picker-popup.rs-tree-menu .rs-picker-search-bar {
   padding-top: 0;
 }
-.rs-picker-menu .rs-tree {
+.rs-picker-popup .rs-tree {
   padding: 0 12px 12px 0;
 }
-.rs-picker-menu .rs-tree.rs-tree-virtualized {
+.rs-picker-popup .rs-tree.rs-tree-virtualized {
   padding: 0;
 }
-.rs-picker-menu .rs-tree-node {
+.rs-picker-popup .rs-tree-node {
   margin: 0;
 }
-.rs-picker-menu .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-picker-popup .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;