rsuite 5.50.0 → 5.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/CheckTreePicker/styles/index.less +3 -3
  3. package/DatePicker/styles/index.less +1 -1
  4. package/Form/styles/mixin.less +1 -2
  5. package/InputGroup/styles/index.less +0 -14
  6. package/InputPicker/styles/index.less +1 -1
  7. package/Picker/styles/index.less +2 -2
  8. package/Picker/styles/mixin.less +3 -3
  9. package/TagInput/styles/index.less +1 -1
  10. package/TagPicker/styles/index.less +5 -1
  11. package/TreePicker/styles/index.less +2 -2
  12. package/cjs/@types/common.d.ts +8 -0
  13. package/cjs/AutoComplete/AutoComplete.js +14 -11
  14. package/cjs/AutoComplete/Combobox.d.ts +8 -0
  15. package/cjs/AutoComplete/Combobox.js +31 -0
  16. package/cjs/Calendar/CalendarContainer.js +35 -37
  17. package/cjs/Cascader/Cascader.js +12 -11
  18. package/cjs/Cascader/DropdownMenu.d.ts +3 -20
  19. package/cjs/Cascader/DropdownMenu.js +48 -48
  20. package/cjs/Cascader/TreeView.d.ts +24 -0
  21. package/cjs/Cascader/TreeView.js +174 -0
  22. package/cjs/CheckPicker/CheckPicker.js +9 -8
  23. package/cjs/CheckTreePicker/CheckTreeNode.d.ts +2 -2
  24. package/cjs/CheckTreePicker/CheckTreeNode.js +31 -59
  25. package/cjs/CheckTreePicker/CheckTreePicker.js +20 -20
  26. package/cjs/DatePicker/DatePicker.js +5 -6
  27. package/cjs/DateRangePicker/DateRangePicker.js +3 -4
  28. package/cjs/Form/Form.d.ts +14 -0
  29. package/cjs/Form/Form.js +39 -30
  30. package/cjs/Form/FormContext.d.ts +1 -0
  31. package/cjs/FormControl/FormControl.js +40 -18
  32. package/cjs/FormGroup/FormGroup.js +2 -1
  33. package/cjs/InputPicker/InputPicker.js +46 -29
  34. package/cjs/InputPicker/InputSearch.js +3 -15
  35. package/cjs/InputPicker/TagList.d.ts +3 -0
  36. package/cjs/InputPicker/TagList.js +29 -0
  37. package/cjs/InputPicker/TextBox.d.ts +18 -0
  38. package/cjs/InputPicker/TextBox.js +48 -0
  39. package/cjs/MultiCascader/MultiCascader.js +13 -10
  40. package/cjs/MultiCascader/{DropdownMenu.d.ts → TreeView.d.ts} +3 -3
  41. package/cjs/MultiCascader/{DropdownMenu.js → TreeView.js} +77 -74
  42. package/{esm/Picker/DropdownMenuCheckItem.d.ts → cjs/Picker/ListCheckItem.d.ts} +3 -3
  43. package/cjs/Picker/{DropdownMenuCheckItem.js → ListCheckItem.js} +14 -30
  44. package/{esm/Picker/DropdownMenuItem.d.ts → cjs/Picker/ListItem.d.ts} +4 -4
  45. package/cjs/Picker/{DropdownMenuItem.js → ListItem.js} +15 -24
  46. package/cjs/Picker/ListItemGroup.d.ts +6 -0
  47. package/cjs/Picker/{DropdownMenuGroup.js → ListItemGroup.js} +3 -9
  48. package/cjs/Picker/Listbox.d.ts +35 -0
  49. package/cjs/Picker/{DropdownMenu.js → Listbox.js} +49 -64
  50. package/cjs/Picker/{PickerOverlay.d.ts → PickerPopup.d.ts} +3 -3
  51. package/cjs/Picker/{PickerOverlay.js → PickerPopup.js} +9 -7
  52. package/cjs/Picker/PickerToggle.d.ts +1 -1
  53. package/cjs/Picker/PickerToggle.js +16 -9
  54. package/cjs/Picker/PickerToggleTrigger.d.ts +15 -0
  55. package/cjs/Picker/PickerToggleTrigger.js +21 -5
  56. package/cjs/Picker/SearchBar.js +7 -9
  57. package/cjs/Picker/TreeView.d.ts +7 -0
  58. package/cjs/Picker/TreeView.js +31 -0
  59. package/cjs/Picker/hooks/index.d.ts +6 -0
  60. package/cjs/Picker/hooks/index.js +18 -0
  61. package/cjs/Picker/hooks/useCombobox.d.ts +7 -0
  62. package/cjs/Picker/hooks/useCombobox.js +22 -0
  63. package/cjs/Picker/hooks/useFocusItemValue.d.ts +30 -0
  64. package/cjs/Picker/hooks/useFocusItemValue.js +246 -0
  65. package/cjs/Picker/hooks/usePickerClassName.d.ts +21 -0
  66. package/cjs/Picker/hooks/usePickerClassName.js +39 -0
  67. package/cjs/Picker/{usePickerRef.d.ts → hooks/usePickerRef.d.ts} +2 -2
  68. package/cjs/Picker/{usePickerRef.js → hooks/usePickerRef.js} +1 -1
  69. package/cjs/Picker/hooks/useSearch.d.ts +18 -0
  70. package/cjs/Picker/hooks/useSearch.js +57 -0
  71. package/cjs/Picker/hooks/useToggleKeyDownEvent.d.ts +25 -0
  72. package/cjs/Picker/hooks/useToggleKeyDownEvent.js +101 -0
  73. package/cjs/Picker/index.d.ts +7 -6
  74. package/cjs/Picker/index.js +26 -19
  75. package/cjs/Picker/propTypes.d.ts +0 -6
  76. package/cjs/Picker/propTypes.js +0 -5
  77. package/cjs/Picker/utils.d.ts +2 -96
  78. package/cjs/Picker/utils.js +1 -406
  79. package/cjs/SelectPicker/SelectPicker.js +8 -8
  80. package/cjs/TagInput/index.js +4 -0
  81. package/cjs/TreePicker/TreeNode.d.ts +2 -2
  82. package/cjs/TreePicker/TreeNode.js +22 -56
  83. package/cjs/TreePicker/TreePicker.js +19 -20
  84. package/dist/rsuite-no-reset-rtl.css +109 -117
  85. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  86. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  87. package/dist/rsuite-no-reset.css +109 -117
  88. package/dist/rsuite-no-reset.min.css +1 -1
  89. package/dist/rsuite-no-reset.min.css.map +1 -1
  90. package/dist/rsuite-rtl.css +109 -117
  91. package/dist/rsuite-rtl.min.css +1 -1
  92. package/dist/rsuite-rtl.min.css.map +1 -1
  93. package/dist/rsuite.css +109 -117
  94. package/dist/rsuite.js +184 -74
  95. package/dist/rsuite.js.map +1 -1
  96. package/dist/rsuite.min.css +1 -1
  97. package/dist/rsuite.min.css.map +1 -1
  98. package/dist/rsuite.min.js +1 -1
  99. package/dist/rsuite.min.js.map +1 -1
  100. package/esm/@types/common.d.ts +8 -0
  101. package/esm/AutoComplete/AutoComplete.js +15 -12
  102. package/esm/AutoComplete/Combobox.d.ts +8 -0
  103. package/esm/AutoComplete/Combobox.js +25 -0
  104. package/esm/Calendar/CalendarContainer.js +37 -39
  105. package/esm/Cascader/Cascader.js +13 -12
  106. package/esm/Cascader/DropdownMenu.d.ts +3 -20
  107. package/esm/Cascader/DropdownMenu.js +50 -49
  108. package/esm/Cascader/TreeView.d.ts +24 -0
  109. package/esm/Cascader/TreeView.js +167 -0
  110. package/esm/CheckPicker/CheckPicker.js +10 -9
  111. package/esm/CheckTreePicker/CheckTreeNode.d.ts +2 -2
  112. package/esm/CheckTreePicker/CheckTreeNode.js +33 -61
  113. package/esm/CheckTreePicker/CheckTreePicker.js +21 -21
  114. package/esm/DatePicker/DatePicker.js +5 -6
  115. package/esm/DateRangePicker/DateRangePicker.js +3 -4
  116. package/esm/Form/Form.d.ts +14 -0
  117. package/esm/Form/Form.js +41 -32
  118. package/esm/Form/FormContext.d.ts +1 -0
  119. package/esm/FormControl/FormControl.js +39 -17
  120. package/esm/FormGroup/FormGroup.js +3 -2
  121. package/esm/InputPicker/InputPicker.js +47 -30
  122. package/esm/InputPicker/InputSearch.js +4 -15
  123. package/esm/InputPicker/TagList.d.ts +3 -0
  124. package/esm/InputPicker/TagList.js +23 -0
  125. package/esm/InputPicker/TextBox.d.ts +18 -0
  126. package/esm/InputPicker/TextBox.js +42 -0
  127. package/esm/MultiCascader/MultiCascader.js +14 -11
  128. package/esm/MultiCascader/{DropdownMenu.d.ts → TreeView.d.ts} +3 -3
  129. package/esm/MultiCascader/{DropdownMenu.js → TreeView.js} +79 -75
  130. package/{cjs/Picker/DropdownMenuCheckItem.d.ts → esm/Picker/ListCheckItem.d.ts} +3 -3
  131. package/esm/Picker/{DropdownMenuCheckItem.js → ListCheckItem.js} +15 -30
  132. package/{cjs/Picker/DropdownMenuItem.d.ts → esm/Picker/ListItem.d.ts} +4 -4
  133. package/esm/Picker/{DropdownMenuItem.js → ListItem.js} +16 -24
  134. package/esm/Picker/ListItemGroup.d.ts +6 -0
  135. package/esm/Picker/{DropdownMenuGroup.js → ListItemGroup.js} +3 -9
  136. package/esm/Picker/Listbox.d.ts +35 -0
  137. package/esm/Picker/{DropdownMenu.js → Listbox.js} +50 -64
  138. package/esm/Picker/{PickerOverlay.d.ts → PickerPopup.d.ts} +3 -3
  139. package/esm/Picker/{PickerOverlay.js → PickerPopup.js} +10 -8
  140. package/esm/Picker/PickerToggle.d.ts +1 -1
  141. package/esm/Picker/PickerToggle.js +16 -9
  142. package/esm/Picker/PickerToggleTrigger.d.ts +15 -0
  143. package/esm/Picker/PickerToggleTrigger.js +20 -5
  144. package/esm/Picker/SearchBar.js +8 -9
  145. package/esm/Picker/TreeView.d.ts +7 -0
  146. package/esm/Picker/TreeView.js +25 -0
  147. package/esm/Picker/hooks/index.d.ts +6 -0
  148. package/esm/Picker/hooks/index.js +7 -0
  149. package/esm/Picker/hooks/useCombobox.d.ts +7 -0
  150. package/esm/Picker/hooks/useCombobox.js +17 -0
  151. package/esm/Picker/hooks/useFocusItemValue.d.ts +30 -0
  152. package/esm/Picker/hooks/useFocusItemValue.js +240 -0
  153. package/esm/Picker/hooks/usePickerClassName.d.ts +21 -0
  154. package/esm/Picker/hooks/usePickerClassName.js +33 -0
  155. package/esm/Picker/{usePickerRef.d.ts → hooks/usePickerRef.d.ts} +2 -2
  156. package/esm/Picker/{usePickerRef.js → hooks/usePickerRef.js} +1 -1
  157. package/esm/Picker/hooks/useSearch.d.ts +18 -0
  158. package/esm/Picker/hooks/useSearch.js +51 -0
  159. package/esm/Picker/hooks/useToggleKeyDownEvent.d.ts +25 -0
  160. package/esm/Picker/hooks/useToggleKeyDownEvent.js +96 -0
  161. package/esm/Picker/index.d.ts +7 -6
  162. package/esm/Picker/index.js +7 -6
  163. package/esm/Picker/propTypes.d.ts +0 -6
  164. package/esm/Picker/propTypes.js +0 -5
  165. package/esm/Picker/utils.d.ts +2 -96
  166. package/esm/Picker/utils.js +2 -401
  167. package/esm/SelectPicker/SelectPicker.js +9 -9
  168. package/esm/TagInput/index.js +4 -0
  169. package/esm/TreePicker/TreeNode.d.ts +2 -2
  170. package/esm/TreePicker/TreeNode.js +24 -58
  171. package/esm/TreePicker/TreePicker.js +20 -21
  172. package/package.json +1 -1
  173. package/styles/variables.less +1 -3
  174. package/cjs/Picker/DropdownMenu.d.ts +0 -59
  175. package/cjs/Picker/DropdownMenuGroup.d.ts +0 -6
  176. package/esm/Picker/DropdownMenu.d.ts +0 -59
  177. package/esm/Picker/DropdownMenuGroup.d.ts +0 -6
@@ -4092,7 +4092,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4092
4092
  .rs-check-tree-node .rs-check-item {
4093
4093
  display: inline-block;
4094
4094
  }
4095
- .rs-picker-menu .rs-check-tree-node .rs-check-item {
4095
+ .rs-picker-popup .rs-check-tree-node .rs-check-item {
4096
4096
  display: block;
4097
4097
  }
4098
4098
  .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
@@ -4159,11 +4159,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4159
4159
  align-items: center;
4160
4160
  font-size: 14px;
4161
4161
  }
4162
- .rs-check-tree-node-children > .rs-check-tree-children {
4162
+ .rs-check-tree-node-children > .rs-check-tree-group {
4163
4163
  position: relative;
4164
4164
  display: none;
4165
4165
  }
4166
- .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
4166
+ .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-group {
4167
4167
  display: block;
4168
4168
  }
4169
4169
  .rs-check-tree-indent-line {
@@ -4174,7 +4174,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4174
4174
  margin-right: -13px;
4175
4175
  border-right: 1px solid rgba(0, 0, 0, 0.1);
4176
4176
  }
4177
- .rs-picker-menu {
4177
+ .rs-picker-popup {
4178
4178
  display: -webkit-box;
4179
4179
  display: -ms-flexbox;
4180
4180
  display: flex;
@@ -4183,16 +4183,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4183
4183
  -ms-flex-direction: column;
4184
4184
  flex-direction: column;
4185
4185
  }
4186
- .rs-picker-menu.rs-check-tree-menu {
4186
+ .rs-picker-popup.rs-check-tree-menu {
4187
4187
  padding-top: 12px;
4188
4188
  }
4189
- .rs-picker-menu.rs-check-tree-menu .rs-picker-search-bar {
4189
+ .rs-picker-popup.rs-check-tree-menu .rs-picker-search-bar {
4190
4190
  padding-top: 0;
4191
4191
  }
4192
- .rs-picker-menu .rs-check-tree {
4192
+ .rs-picker-popup .rs-check-tree {
4193
4193
  padding: 0 0 12px 12px;
4194
4194
  }
4195
- .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4195
+ .rs-picker-popup .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4196
4196
  overflow: hidden;
4197
4197
  text-overflow: ellipsis;
4198
4198
  white-space: nowrap;
@@ -4267,60 +4267,60 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4267
4267
  .rs-picker-date-predefined .rs-btn {
4268
4268
  display: block;
4269
4269
  }
4270
- .rs-picker-menu .rs-picker-toolbar {
4270
+ .rs-picker-popup .rs-picker-toolbar {
4271
4271
  max-width: 100%;
4272
4272
  }
4273
- .rs-picker-menu .rs-picker-toolbar-ranges {
4273
+ .rs-picker-popup .rs-picker-toolbar-ranges {
4274
4274
  max-width: 400px;
4275
4275
  }
4276
- .rs-picker-menu .rs-calendar {
4276
+ .rs-picker-popup .rs-calendar {
4277
4277
  min-width: 264px;
4278
4278
  display: block;
4279
4279
  margin: 0 auto;
4280
4280
  }
4281
- .rs-picker-menu .rs-calendar-show-week-numbers {
4281
+ .rs-picker-popup .rs-calendar-show-week-numbers {
4282
4282
  min-width: 278px;
4283
4283
  }
4284
- .rs-picker-menu .rs-calendar-show-week-numbers .rs-calendar-body {
4284
+ .rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body {
4285
4285
  padding-right: 12px;
4286
4286
  padding-left: 12px;
4287
4287
  }
4288
- .rs-picker-menu .rs-calendar-header {
4288
+ .rs-picker-popup .rs-calendar-header {
4289
4289
  width: 100%;
4290
4290
  }
4291
- .rs-picker-menu .rs-calendar-body {
4291
+ .rs-picker-popup .rs-calendar-body {
4292
4292
  padding-right: 15px;
4293
4293
  padding-left: 15px;
4294
4294
  }
4295
- .rs-picker-menu .rs-calendar-table {
4295
+ .rs-picker-popup .rs-calendar-table {
4296
4296
  width: unset;
4297
4297
  }
4298
- .rs-picker-menu .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
4298
+ .rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
4299
4299
  outline: 3px solid rgba(52, 152, 255, 0.25);
4300
4300
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4301
4301
  outline: 3px solid var(--rs-color-focus-ring);
4302
4302
  }
4303
- .rs-picker-menu .rs-calendar-table-cell:focus-visible {
4303
+ .rs-picker-popup .rs-calendar-table-cell:focus-visible {
4304
4304
  outline: none;
4305
4305
  }
4306
- .rs-picker-menu .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
4306
+ .rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
4307
4307
  outline: 3px solid rgba(52, 152, 255, 0.25);
4308
4308
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4309
4309
  outline: 3px solid var(--rs-color-focus-ring);
4310
4310
  }
4311
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
4312
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
4311
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content,
4312
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
4313
4313
  width: 30px;
4314
4314
  height: 30px;
4315
4315
  }
4316
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4316
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4317
4317
  background-color: rgba(204, 233, 255, 0.5);
4318
4318
  background-color: rgb(from #cce9ff r g b / 50%);
4319
4319
  background-color: var(--rs-listbox-option-hover-bg);
4320
4320
  color: #1675e0;
4321
4321
  color: var(--rs-listbox-option-hover-text);
4322
4322
  }
4323
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4323
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4324
4324
  outline: 3px solid rgba(52, 152, 255, 0.25);
4325
4325
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4326
4326
  outline: 3px solid var(--rs-color-focus-ring);
@@ -4330,36 +4330,36 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4330
4330
  color: var(--rs-listbox-option-hover-text);
4331
4331
  text-decoration: underline;
4332
4332
  }
4333
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4333
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4334
4334
  outline-offset: 2px;
4335
4335
  }
4336
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4336
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4337
4337
  background-color: #1675e0;
4338
4338
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4339
4339
  color: #fff;
4340
4340
  color: var(--rs-calendar-date-selected-text);
4341
4341
  }
4342
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4342
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4343
4343
  color: #fff;
4344
4344
  color: var(--rs-calendar-date-selected-text);
4345
4345
  }
4346
- .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4346
+ .rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4347
4347
  height: 24px;
4348
4348
  padding-top: 0;
4349
4349
  }
4350
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
4350
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
4351
4351
  padding-right: 0;
4352
4352
  padding-left: 0;
4353
4353
  display: inline-block;
4354
4354
  }
4355
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4355
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4356
4356
  background-color: rgba(204, 233, 255, 0.5);
4357
4357
  background-color: rgb(from #cce9ff r g b / 50%);
4358
4358
  background-color: var(--rs-listbox-option-hover-bg);
4359
4359
  color: #1675e0;
4360
4360
  color: var(--rs-listbox-option-hover-text);
4361
4361
  }
4362
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4362
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4363
4363
  outline: 3px solid rgba(52, 152, 255, 0.25);
4364
4364
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4365
4365
  outline: 3px solid var(--rs-color-focus-ring);
@@ -4369,23 +4369,23 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4369
4369
  color: var(--rs-listbox-option-hover-text);
4370
4370
  text-decoration: underline;
4371
4371
  }
4372
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4372
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4373
4373
  outline-offset: 2px;
4374
4374
  }
4375
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4375
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4376
4376
  background-color: #1675e0;
4377
4377
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4378
4378
  color: #fff;
4379
4379
  color: var(--rs-calendar-date-selected-text);
4380
4380
  }
4381
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4381
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4382
4382
  color: #fff;
4383
4383
  color: var(--rs-calendar-date-selected-text);
4384
4384
  }
4385
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4385
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
4386
4386
  height: 227px;
4387
4387
  }
4388
- .rs-picker-menu .rs-calendar .rs-calendar-time-dropdown-column > ul {
4388
+ .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
4389
4389
  height: 214px;
4390
4390
  padding-bottom: 184px;
4391
4391
  }
@@ -7979,10 +7979,6 @@ textarea.rs-input-sm {
7979
7979
  .rs-input-group > .rs-input,
7980
7980
  .rs-input-group > .rs-auto-complete {
7981
7981
  position: relative;
7982
- z-index: 2;
7983
- }
7984
- .rs-input-group > .rs-input:focus {
7985
- z-index: 3;
7986
7982
  }
7987
7983
  .rs-input-group input.rs-input ~ .rs-input-group-addon,
7988
7984
  .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon {
@@ -8006,7 +8002,6 @@ textarea.rs-input-sm {
8006
8002
  }
8007
8003
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
8008
8004
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
8009
- z-index: 4;
8010
8005
  -webkit-box-flex: 0;
8011
8006
  -ms-flex: 0 0 auto;
8012
8007
  flex: 0 0 auto;
@@ -8120,7 +8115,7 @@ textarea.rs-input-group-lg > .rs-input {
8120
8115
  height: auto;
8121
8116
  }
8122
8117
  .rs-input-group-lg.rs-input-group-inside > .rs-input {
8123
- padding-left: 46px;
8118
+ padding-left: 0;
8124
8119
  }
8125
8120
  .rs-input-group-lg.rs-input-group > .rs-input {
8126
8121
  height: 40px;
@@ -8151,7 +8146,7 @@ textarea.rs-input-group-md > .rs-input {
8151
8146
  height: auto;
8152
8147
  }
8153
8148
  .rs-input-group-md.rs-input-group-inside > .rs-input {
8154
- padding-left: 36px;
8149
+ padding-left: 0;
8155
8150
  }
8156
8151
  .rs-input-group-md.rs-input-group > .rs-input {
8157
8152
  height: 34px;
@@ -8182,7 +8177,7 @@ textarea.rs-input-group-sm > .rs-input {
8182
8177
  height: auto;
8183
8178
  }
8184
8179
  .rs-input-group-sm.rs-input-group-inside > .rs-input {
8185
- padding-left: 30px;
8180
+ padding-left: 0;
8186
8181
  }
8187
8182
  .rs-input-group-sm.rs-input-group > .rs-input {
8188
8183
  height: 28px;
@@ -8213,7 +8208,7 @@ textarea.rs-input-group-xs > .rs-input {
8213
8208
  height: auto;
8214
8209
  }
8215
8210
  .rs-input-group-xs.rs-input-group-inside > .rs-input {
8216
- padding-left: 26px;
8211
+ padding-left: 0;
8217
8212
  }
8218
8213
  .rs-input-group-xs.rs-input-group > .rs-input {
8219
8214
  height: 22px;
@@ -8444,11 +8439,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8444
8439
  .rs-input-group-btn > .rs-btn + .rs-btn {
8445
8440
  margin-right: -1px;
8446
8441
  }
8447
- .rs-input-group-btn > .rs-btn:hover,
8448
- .rs-input-group-btn > .rs-btn:focus,
8449
- .rs-input-group-btn > .rs-btn:active {
8450
- z-index: 2;
8451
- }
8452
8442
  .rs-input-group-btn:first-child > .rs-btn,
8453
8443
  .rs-input-group-btn:first-child > .rs-btn-group {
8454
8444
  margin-left: -1px;
@@ -8456,7 +8446,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8456
8446
  }
8457
8447
  .rs-input-group-btn:last-child > .rs-btn,
8458
8448
  .rs-input-group-btn:last-child > .rs-btn-group {
8459
- z-index: 2;
8460
8449
  margin-right: -1px;
8461
8450
  }
8462
8451
  .rs-input-number {
@@ -8595,20 +8584,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8595
8584
  .rs-picker-input .rs-picker-toggle.rs-btn-xs {
8596
8585
  height: 22px;
8597
8586
  }
8598
- .rs-picker-tag-wrapper {
8587
+ .rs-picker-textbox {
8599
8588
  margin-left: 32px;
8600
8589
  min-height: 34px;
8601
8590
  }
8602
- .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
8591
+ .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
8603
8592
  min-height: 40px;
8604
8593
  }
8605
- .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
8594
+ .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
8606
8595
  min-height: 28px;
8607
8596
  }
8608
- .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
8597
+ .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
8609
8598
  min-height: 22px;
8610
8599
  }
8611
- .rs-picker-cleanable .rs-picker-tag-wrapper {
8600
+ .rs-picker-cleanable .rs-picker-textbox {
8612
8601
  margin-left: 44px;
8613
8602
  }
8614
8603
  .rs-picker-search {
@@ -11131,23 +11120,23 @@ textarea.rs-picker-search-input {
11131
11120
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11132
11121
  top: 7px;
11133
11122
  }
11134
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11123
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
11135
11124
  padding: 7px 12px;
11136
11125
  font-size: 14px;
11137
11126
  line-height: 1.42857143;
11138
11127
  }
11139
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
11128
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
11140
11129
  padding-bottom: 5px;
11141
11130
  }
11142
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
11131
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-tag {
11143
11132
  margin-top: 5px;
11144
11133
  }
11145
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11134
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
11146
11135
  padding-right: 12px;
11147
11136
  margin-top: 5px;
11148
11137
  font-size: 14px;
11149
11138
  }
11150
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
11139
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox input {
11151
11140
  height: 18px;
11152
11141
  }
11153
11142
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -11200,23 +11189,23 @@ textarea.rs-picker-search-input {
11200
11189
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11201
11190
  padding-right: 15px;
11202
11191
  }
11203
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11192
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
11204
11193
  padding: 8px 16px;
11205
11194
  font-size: 16px;
11206
11195
  line-height: 1.375;
11207
11196
  }
11208
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
11197
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
11209
11198
  padding-bottom: 6px;
11210
11199
  }
11211
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
11200
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-tag {
11212
11201
  margin-top: 6px;
11213
11202
  }
11214
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11203
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
11215
11204
  padding-right: 16px;
11216
11205
  margin-top: 6px;
11217
11206
  font-size: 16px;
11218
11207
  }
11219
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
11208
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox input {
11220
11209
  height: 20px;
11221
11210
  }
11222
11211
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -11301,23 +11290,23 @@ textarea.rs-picker-search-input {
11301
11290
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11302
11291
  padding-right: 11px;
11303
11292
  }
11304
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11293
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
11305
11294
  padding: 7px 12px;
11306
11295
  font-size: 14px;
11307
11296
  line-height: 1.42857143;
11308
11297
  }
11309
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
11298
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox {
11310
11299
  padding-bottom: 5px;
11311
11300
  }
11312
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
11301
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-tag {
11313
11302
  margin-top: 5px;
11314
11303
  }
11315
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11304
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
11316
11305
  padding-right: 12px;
11317
11306
  margin-top: 5px;
11318
11307
  font-size: 14px;
11319
11308
  }
11320
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
11309
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox input {
11321
11310
  height: 18px;
11322
11311
  }
11323
11312
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -11404,23 +11393,23 @@ textarea.rs-picker-search-input {
11404
11393
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11405
11394
  padding-right: 9px;
11406
11395
  }
11407
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11396
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
11408
11397
  padding: 4px 10px;
11409
11398
  font-size: 14px;
11410
11399
  line-height: 1.42857143;
11411
11400
  }
11412
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
11401
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
11413
11402
  padding-bottom: 2px;
11414
11403
  }
11415
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
11404
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-tag {
11416
11405
  margin-top: 2px;
11417
11406
  }
11418
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11407
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
11419
11408
  padding-right: 10px;
11420
11409
  margin-top: 2px;
11421
11410
  font-size: 14px;
11422
11411
  }
11423
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
11412
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox input {
11424
11413
  height: 18px;
11425
11414
  }
11426
11415
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -11509,23 +11498,23 @@ textarea.rs-picker-search-input {
11509
11498
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11510
11499
  padding-right: 7px;
11511
11500
  }
11512
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11501
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11513
11502
  padding: 1px 8px;
11514
11503
  font-size: 12px;
11515
11504
  line-height: 1.66666667;
11516
11505
  }
11517
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
11506
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
11518
11507
  padding-bottom: -1px;
11519
11508
  }
11520
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
11509
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
11521
11510
  margin-top: -1px;
11522
11511
  }
11523
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11512
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11524
11513
  padding-right: 8px;
11525
11514
  margin-top: -1px;
11526
11515
  font-size: 12px;
11527
11516
  }
11528
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
11517
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox input {
11529
11518
  height: 18px;
11530
11519
  }
11531
11520
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -11534,13 +11523,13 @@ textarea.rs-picker-search-input {
11534
11523
  -webkit-box-shadow: none;
11535
11524
  box-shadow: none;
11536
11525
  }
11537
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
11526
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
11538
11527
  padding-bottom: 1px;
11539
11528
  }
11540
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
11529
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
11541
11530
  margin-top: 1px;
11542
11531
  }
11543
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11532
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11544
11533
  padding-top: 1px;
11545
11534
  padding-bottom: 1px;
11546
11535
  }
@@ -11685,7 +11674,7 @@ textarea.rs-picker-search-input {
11685
11674
  height: 20px;
11686
11675
  font-size: 12px;
11687
11676
  }
11688
- .rs-picker-menu {
11677
+ .rs-picker-popup {
11689
11678
  position: absolute;
11690
11679
  text-align: right;
11691
11680
  z-index: 7;
@@ -11707,25 +11696,25 @@ textarea.rs-picker-search-input {
11707
11696
  -ms-flex-direction: column;
11708
11697
  flex-direction: column;
11709
11698
  }
11710
- .rs-theme-high-contrast .rs-picker-menu {
11699
+ .rs-theme-high-contrast .rs-picker-popup {
11711
11700
  border: 1px solid #e5e5ea;
11712
11701
  border: 1px solid var(--rs-border-primary);
11713
11702
  }
11714
- .rs-modal-open .rs-picker-menu {
11703
+ .rs-modal-open .rs-picker-popup {
11715
11704
  z-index: 1055;
11716
11705
  }
11717
- .rs-drawer-open .rs-picker-menu {
11706
+ .rs-drawer-open .rs-picker-popup {
11718
11707
  z-index: 1055;
11719
11708
  }
11720
- .rs-picker-menu.rs-picker-select-menu,
11721
- .rs-picker-menu.rs-picker-check-menu {
11709
+ .rs-picker-popup.rs-picker-select-menu,
11710
+ .rs-picker-popup.rs-picker-check-menu {
11722
11711
  padding-top: 6px;
11723
11712
  }
11724
- .rs-picker-menu .rs-picker-search-bar {
11713
+ .rs-picker-popup .rs-picker-search-bar {
11725
11714
  position: relative;
11726
11715
  padding: 6px 12px 12px;
11727
11716
  }
11728
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11717
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11729
11718
  display: block;
11730
11719
  width: 100%;
11731
11720
  color: #575757;
@@ -11747,53 +11736,53 @@ textarea.rs-picker-search-input {
11747
11736
  padding-left: 36px;
11748
11737
  }
11749
11738
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11750
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11739
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11751
11740
  height: 36px;
11752
11741
  }
11753
11742
  }
11754
- textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11743
+ textarea.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11755
11744
  height: auto;
11756
11745
  }
11757
- .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11746
+ .rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11758
11747
  -webkit-transition: none;
11759
11748
  transition: none;
11760
11749
  }
11761
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
11750
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
11762
11751
  color: #8e8e93;
11763
11752
  color: var(--rs-text-secondary);
11764
11753
  }
11765
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-moz-placeholder {
11754
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-moz-placeholder {
11766
11755
  color: #8e8e93;
11767
11756
  color: var(--rs-text-secondary);
11768
11757
  }
11769
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
11758
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
11770
11759
  color: #8e8e93;
11771
11760
  color: var(--rs-text-secondary);
11772
11761
  }
11773
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
11762
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
11774
11763
  color: #8e8e93;
11775
11764
  color: var(--rs-text-secondary);
11776
11765
  }
11777
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus,
11778
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
11766
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus,
11767
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
11779
11768
  border-color: #3498ff;
11780
11769
  border-color: var(--rs-input-focus-border);
11781
11770
  }
11782
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11771
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11783
11772
  outline: 3px solid rgba(52, 152, 255, 0.25);
11784
11773
  outline: 3px solid rgb(from #3498ff r g b / 25%);
11785
11774
  outline: 3px solid var(--rs-color-focus-ring);
11786
11775
  }
11787
- .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11776
+ .rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11788
11777
  outline-offset: 2px;
11789
11778
  }
11790
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11779
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11791
11780
  background-color: #f7f7fa;
11792
11781
  background-color: var(--rs-input-disabled-bg);
11793
11782
  color: #c5c6c7;
11794
11783
  color: var(--rs-text-disabled);
11795
11784
  }
11796
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11785
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11797
11786
  position: absolute;
11798
11787
  width: 14px;
11799
11788
  color: #8e8e93;
@@ -11803,11 +11792,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11803
11792
  top: 14px;
11804
11793
  left: 24px;
11805
11794
  }
11806
- .rs-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon,
11807
- .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11795
+ .rs-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon,
11796
+ .rs-check-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11808
11797
  top: 7px;
11809
11798
  }
11810
- .rs-picker-menu.rs-picker-inline {
11799
+ .rs-picker-popup.rs-picker-inline {
11811
11800
  position: relative;
11812
11801
  -webkit-box-shadow: none;
11813
11802
  box-shadow: none;
@@ -14750,11 +14739,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14750
14739
  .rs-picker-tag .rs-picker-search-input > input {
14751
14740
  padding: 0;
14752
14741
  }
14753
- .rs-picker-tag .rs-picker-tag-wrapper {
14742
+ .rs-picker-tag .rs-picker-textbox {
14754
14743
  position: relative;
14755
14744
  z-index: 6;
14756
14745
  padding-bottom: 5px;
14757
14746
  }
14747
+ .rs-picker-tag-list {
14748
+ display: contents;
14749
+ }
14758
14750
  .rs-plaintext .rs-tag {
14759
14751
  margin-right: 6px;
14760
14752
  margin-bottom: 6px;
@@ -14762,7 +14754,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14762
14754
  .rs-picker-disabled-options .rs-picker-toggle {
14763
14755
  padding-left: 32px !important;
14764
14756
  }
14765
- .rs-picker-disabled-options .rs-picker-tag-wrapper {
14757
+ .rs-picker-disabled-options .rs-picker-textbox {
14766
14758
  margin-left: 32px !important;
14767
14759
  }
14768
14760
  .rs-picker-disabled-options .rs-picker-clean {
@@ -15712,11 +15704,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15712
15704
  align-items: center;
15713
15705
  font-size: 14px;
15714
15706
  }
15715
- .rs-tree-node-children > .rs-tree-children {
15707
+ .rs-tree-node-children > .rs-tree-group {
15716
15708
  position: relative;
15717
15709
  display: none;
15718
15710
  }
15719
- .rs-tree-open.rs-tree-node-children > .rs-tree-children {
15711
+ .rs-tree-open.rs-tree-node-children > .rs-tree-group {
15720
15712
  display: block;
15721
15713
  }
15722
15714
  .rs-tree-indent-line {
@@ -15727,22 +15719,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15727
15719
  margin-right: -13px;
15728
15720
  border-right: 1px solid rgba(0, 0, 0, 0.1);
15729
15721
  }
15730
- .rs-picker-menu.rs-tree-menu {
15722
+ .rs-picker-popup.rs-tree-menu {
15731
15723
  padding-top: 12px;
15732
15724
  }
15733
- .rs-picker-menu.rs-tree-menu .rs-picker-search-bar {
15725
+ .rs-picker-popup.rs-tree-menu .rs-picker-search-bar {
15734
15726
  padding-top: 0;
15735
15727
  }
15736
- .rs-picker-menu .rs-tree {
15728
+ .rs-picker-popup .rs-tree {
15737
15729
  padding: 0 0 12px 12px;
15738
15730
  }
15739
- .rs-picker-menu .rs-tree.rs-tree-virtualized {
15731
+ .rs-picker-popup .rs-tree.rs-tree-virtualized {
15740
15732
  padding: 0;
15741
15733
  }
15742
- .rs-picker-menu .rs-tree-node {
15734
+ .rs-picker-popup .rs-tree-node {
15743
15735
  margin: 0;
15744
15736
  }
15745
- .rs-picker-menu .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
15737
+ .rs-picker-popup .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
15746
15738
  overflow: hidden;
15747
15739
  text-overflow: ellipsis;
15748
15740
  white-space: nowrap;