rsuite 5.49.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 (233) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/Cascader/styles/index.less +4 -4
  3. package/CheckTreePicker/styles/index.less +3 -3
  4. package/DatePicker/styles/index.less +1 -1
  5. package/DateRangePicker/styles/index.less +15 -5
  6. package/Dropdown/styles/index.less +5 -4
  7. package/Dropdown/styles/mixin.less +0 -11
  8. package/Form/styles/mixin.less +1 -2
  9. package/InputGroup/styles/index.less +0 -14
  10. package/InputPicker/styles/index.less +1 -1
  11. package/Picker/styles/index.less +33 -26
  12. package/Picker/styles/mixin.less +20 -16
  13. package/README.md +4 -4
  14. package/TagInput/styles/index.less +2 -2
  15. package/TagPicker/styles/index.less +5 -1
  16. package/TreePicker/styles/index.less +2 -2
  17. package/cjs/@types/common.d.ts +8 -0
  18. package/cjs/AutoComplete/AutoComplete.js +39 -37
  19. package/cjs/AutoComplete/Combobox.d.ts +8 -0
  20. package/cjs/AutoComplete/Combobox.js +31 -0
  21. package/cjs/Calendar/Calendar.d.ts +5 -1
  22. package/cjs/Calendar/CalendarContainer.d.ts +5 -1
  23. package/cjs/Calendar/CalendarContainer.js +35 -37
  24. package/cjs/Cascader/Cascader.js +58 -59
  25. package/cjs/Cascader/DropdownMenu.d.ts +3 -20
  26. package/cjs/Cascader/DropdownMenu.js +48 -48
  27. package/cjs/Cascader/TreeView.d.ts +24 -0
  28. package/cjs/Cascader/TreeView.js +174 -0
  29. package/cjs/CheckPicker/CheckPicker.d.ts +2 -2
  30. package/cjs/CheckPicker/CheckPicker.js +42 -44
  31. package/cjs/CheckTreePicker/CheckTreeNode.d.ts +2 -2
  32. package/cjs/CheckTreePicker/CheckTreeNode.js +31 -59
  33. package/cjs/CheckTreePicker/CheckTreePicker.js +81 -84
  34. package/cjs/DatePicker/DatePicker.d.ts +5 -1
  35. package/cjs/DatePicker/DatePicker.js +7 -10
  36. package/cjs/DatePicker/Toolbar.js +2 -1
  37. package/cjs/DateRangeInput/DateRangeInput.js +2 -2
  38. package/cjs/DateRangePicker/Calendar.js +24 -23
  39. package/cjs/DateRangePicker/DateRangePicker.d.ts +18 -4
  40. package/cjs/DateRangePicker/DateRangePicker.js +239 -202
  41. package/cjs/DateRangePicker/types.d.ts +11 -3
  42. package/cjs/DateRangePicker/utils.d.ts +2 -1
  43. package/cjs/DateRangePicker/utils.js +7 -5
  44. package/cjs/Form/Form.d.ts +14 -0
  45. package/cjs/Form/Form.js +39 -30
  46. package/cjs/Form/FormContext.d.ts +1 -0
  47. package/cjs/FormControl/FormControl.d.ts +11 -1
  48. package/cjs/FormControl/FormControl.js +40 -17
  49. package/cjs/FormGroup/FormGroup.js +2 -1
  50. package/cjs/InputPicker/InputPicker.js +108 -92
  51. package/cjs/InputPicker/InputSearch.js +3 -15
  52. package/cjs/InputPicker/TagList.d.ts +3 -0
  53. package/cjs/InputPicker/TagList.js +29 -0
  54. package/cjs/InputPicker/TextBox.d.ts +18 -0
  55. package/cjs/InputPicker/TextBox.js +48 -0
  56. package/cjs/MultiCascader/MultiCascader.js +53 -52
  57. package/cjs/MultiCascader/{DropdownMenu.d.ts → TreeView.d.ts} +3 -3
  58. package/cjs/MultiCascader/{DropdownMenu.js → TreeView.js} +77 -74
  59. package/{esm/Picker/DropdownMenuCheckItem.d.ts → cjs/Picker/ListCheckItem.d.ts} +3 -3
  60. package/cjs/Picker/{DropdownMenuCheckItem.js → ListCheckItem.js} +14 -30
  61. package/cjs/Picker/{DropdownMenuItem.d.ts → ListItem.d.ts} +4 -4
  62. package/cjs/Picker/{DropdownMenuItem.js → ListItem.js} +15 -24
  63. package/cjs/Picker/ListItemGroup.d.ts +6 -0
  64. package/cjs/Picker/{DropdownMenuGroup.js → ListItemGroup.js} +3 -9
  65. package/cjs/Picker/Listbox.d.ts +35 -0
  66. package/cjs/Picker/{DropdownMenu.js → Listbox.js} +49 -64
  67. package/cjs/{DatePicker → Picker}/PickerIndicator.d.ts +1 -1
  68. package/cjs/{DatePicker → Picker}/PickerIndicator.js +2 -1
  69. package/cjs/{DatePicker → Picker}/PickerLabel.d.ts +1 -1
  70. package/cjs/Picker/{PickerOverlay.d.ts → PickerPopup.d.ts} +3 -3
  71. package/cjs/Picker/{PickerOverlay.js → PickerPopup.js} +9 -7
  72. package/cjs/Picker/PickerToggle.d.ts +17 -22
  73. package/cjs/Picker/PickerToggle.js +63 -181
  74. package/cjs/Picker/PickerToggleTrigger.d.ts +15 -0
  75. package/cjs/Picker/PickerToggleTrigger.js +21 -5
  76. package/cjs/Picker/SearchBar.js +7 -9
  77. package/cjs/Picker/TreeView.d.ts +7 -0
  78. package/cjs/Picker/TreeView.js +31 -0
  79. package/cjs/Picker/hooks/index.d.ts +6 -0
  80. package/cjs/Picker/hooks/index.js +18 -0
  81. package/cjs/Picker/hooks/useCombobox.d.ts +7 -0
  82. package/cjs/Picker/hooks/useCombobox.js +22 -0
  83. package/cjs/Picker/hooks/useFocusItemValue.d.ts +30 -0
  84. package/cjs/Picker/hooks/useFocusItemValue.js +246 -0
  85. package/cjs/Picker/hooks/usePickerClassName.d.ts +21 -0
  86. package/cjs/Picker/hooks/usePickerClassName.js +39 -0
  87. package/cjs/Picker/{usePickerRef.d.ts → hooks/usePickerRef.d.ts} +5 -3
  88. package/cjs/Picker/{usePickerRef.js → hooks/usePickerRef.js} +13 -7
  89. package/cjs/Picker/hooks/useSearch.d.ts +18 -0
  90. package/cjs/Picker/hooks/useSearch.js +57 -0
  91. package/cjs/Picker/hooks/useToggleKeyDownEvent.d.ts +25 -0
  92. package/cjs/Picker/hooks/useToggleKeyDownEvent.js +101 -0
  93. package/cjs/Picker/index.d.ts +9 -5
  94. package/cjs/Picker/index.js +32 -16
  95. package/cjs/Picker/propTypes.d.ts +0 -6
  96. package/cjs/Picker/propTypes.js +0 -5
  97. package/cjs/Picker/utils.d.ts +2 -100
  98. package/cjs/Picker/utils.js +1 -473
  99. package/cjs/SelectPicker/SelectPicker.d.ts +2 -2
  100. package/cjs/SelectPicker/SelectPicker.js +47 -50
  101. package/cjs/TagInput/index.js +4 -0
  102. package/cjs/TreePicker/TreeNode.d.ts +2 -2
  103. package/cjs/TreePicker/TreeNode.js +22 -56
  104. package/cjs/TreePicker/TreePicker.js +91 -95
  105. package/cjs/utils/constants.d.ts +2 -1
  106. package/cjs/utils/constants.js +1 -0
  107. package/cjs/utils/dateUtils.d.ts +0 -1
  108. package/cjs/utils/dateUtils.js +0 -6
  109. package/cjs/utils/getStringLength.d.ts +2 -0
  110. package/cjs/utils/getStringLength.js +18 -0
  111. package/cjs/utils/index.d.ts +1 -0
  112. package/cjs/utils/index.js +4 -1
  113. package/dist/rsuite-no-reset-rtl.css +201 -186
  114. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  115. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  116. package/dist/rsuite-no-reset.css +201 -186
  117. package/dist/rsuite-no-reset.min.css +1 -1
  118. package/dist/rsuite-no-reset.min.css.map +1 -1
  119. package/dist/rsuite-rtl.css +201 -186
  120. package/dist/rsuite-rtl.min.css +1 -1
  121. package/dist/rsuite-rtl.min.css.map +1 -1
  122. package/dist/rsuite.css +201 -186
  123. package/dist/rsuite.js +235 -104
  124. package/dist/rsuite.js.map +1 -1
  125. package/dist/rsuite.min.css +1 -1
  126. package/dist/rsuite.min.css.map +1 -1
  127. package/dist/rsuite.min.js +1 -1
  128. package/dist/rsuite.min.js.map +1 -1
  129. package/esm/@types/common.d.ts +8 -0
  130. package/esm/AutoComplete/AutoComplete.js +42 -40
  131. package/esm/AutoComplete/Combobox.d.ts +8 -0
  132. package/esm/AutoComplete/Combobox.js +25 -0
  133. package/esm/Calendar/Calendar.d.ts +5 -1
  134. package/esm/Calendar/CalendarContainer.d.ts +5 -1
  135. package/esm/Calendar/CalendarContainer.js +37 -39
  136. package/esm/Cascader/Cascader.js +61 -62
  137. package/esm/Cascader/DropdownMenu.d.ts +3 -20
  138. package/esm/Cascader/DropdownMenu.js +50 -49
  139. package/esm/Cascader/TreeView.d.ts +24 -0
  140. package/esm/Cascader/TreeView.js +167 -0
  141. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  142. package/esm/CheckPicker/CheckPicker.js +45 -47
  143. package/esm/CheckTreePicker/CheckTreeNode.d.ts +2 -2
  144. package/esm/CheckTreePicker/CheckTreeNode.js +33 -61
  145. package/esm/CheckTreePicker/CheckTreePicker.js +84 -87
  146. package/esm/DatePicker/DatePicker.d.ts +5 -1
  147. package/esm/DatePicker/DatePicker.js +5 -8
  148. package/esm/DatePicker/Toolbar.js +2 -1
  149. package/esm/DateRangeInput/DateRangeInput.js +2 -2
  150. package/esm/DateRangePicker/Calendar.js +25 -23
  151. package/esm/DateRangePicker/DateRangePicker.d.ts +18 -4
  152. package/esm/DateRangePicker/DateRangePicker.js +241 -204
  153. package/esm/DateRangePicker/types.d.ts +11 -3
  154. package/esm/DateRangePicker/utils.d.ts +2 -1
  155. package/esm/DateRangePicker/utils.js +7 -5
  156. package/esm/Form/Form.d.ts +14 -0
  157. package/esm/Form/Form.js +41 -32
  158. package/esm/Form/FormContext.d.ts +1 -0
  159. package/esm/FormControl/FormControl.d.ts +11 -1
  160. package/esm/FormControl/FormControl.js +41 -18
  161. package/esm/FormGroup/FormGroup.js +3 -2
  162. package/esm/InputPicker/InputPicker.js +110 -94
  163. package/esm/InputPicker/InputSearch.js +4 -15
  164. package/esm/InputPicker/TagList.d.ts +3 -0
  165. package/esm/InputPicker/TagList.js +23 -0
  166. package/esm/InputPicker/TextBox.d.ts +18 -0
  167. package/esm/InputPicker/TextBox.js +42 -0
  168. package/esm/MultiCascader/MultiCascader.js +56 -55
  169. package/esm/MultiCascader/{DropdownMenu.d.ts → TreeView.d.ts} +3 -3
  170. package/esm/MultiCascader/{DropdownMenu.js → TreeView.js} +79 -75
  171. package/{cjs/Picker/DropdownMenuCheckItem.d.ts → esm/Picker/ListCheckItem.d.ts} +3 -3
  172. package/esm/Picker/{DropdownMenuCheckItem.js → ListCheckItem.js} +15 -30
  173. package/esm/Picker/{DropdownMenuItem.d.ts → ListItem.d.ts} +4 -4
  174. package/esm/Picker/{DropdownMenuItem.js → ListItem.js} +16 -24
  175. package/esm/Picker/ListItemGroup.d.ts +6 -0
  176. package/esm/Picker/{DropdownMenuGroup.js → ListItemGroup.js} +3 -9
  177. package/esm/Picker/Listbox.d.ts +35 -0
  178. package/esm/Picker/{DropdownMenu.js → Listbox.js} +50 -64
  179. package/esm/{DatePicker → Picker}/PickerIndicator.d.ts +1 -1
  180. package/esm/{DatePicker → Picker}/PickerIndicator.js +2 -1
  181. package/esm/{DatePicker → Picker}/PickerLabel.d.ts +1 -1
  182. package/esm/Picker/{PickerOverlay.d.ts → PickerPopup.d.ts} +3 -3
  183. package/esm/Picker/{PickerOverlay.js → PickerPopup.js} +10 -8
  184. package/esm/Picker/PickerToggle.d.ts +17 -22
  185. package/esm/Picker/PickerToggle.js +65 -183
  186. package/esm/Picker/PickerToggleTrigger.d.ts +15 -0
  187. package/esm/Picker/PickerToggleTrigger.js +20 -5
  188. package/esm/Picker/SearchBar.js +8 -9
  189. package/esm/Picker/TreeView.d.ts +7 -0
  190. package/esm/Picker/TreeView.js +25 -0
  191. package/esm/Picker/hooks/index.d.ts +6 -0
  192. package/esm/Picker/hooks/index.js +7 -0
  193. package/esm/Picker/hooks/useCombobox.d.ts +7 -0
  194. package/esm/Picker/hooks/useCombobox.js +17 -0
  195. package/esm/Picker/hooks/useFocusItemValue.d.ts +30 -0
  196. package/esm/Picker/hooks/useFocusItemValue.js +240 -0
  197. package/esm/Picker/hooks/usePickerClassName.d.ts +21 -0
  198. package/esm/Picker/hooks/usePickerClassName.js +33 -0
  199. package/esm/Picker/{usePickerRef.d.ts → hooks/usePickerRef.d.ts} +5 -3
  200. package/esm/Picker/{usePickerRef.js → hooks/usePickerRef.js} +13 -8
  201. package/esm/Picker/hooks/useSearch.d.ts +18 -0
  202. package/esm/Picker/hooks/useSearch.js +51 -0
  203. package/esm/Picker/hooks/useToggleKeyDownEvent.d.ts +25 -0
  204. package/esm/Picker/hooks/useToggleKeyDownEvent.js +96 -0
  205. package/esm/Picker/index.d.ts +9 -5
  206. package/esm/Picker/index.js +9 -5
  207. package/esm/Picker/propTypes.d.ts +0 -6
  208. package/esm/Picker/propTypes.js +0 -5
  209. package/esm/Picker/utils.d.ts +2 -100
  210. package/esm/Picker/utils.js +2 -467
  211. package/esm/SelectPicker/SelectPicker.d.ts +2 -2
  212. package/esm/SelectPicker/SelectPicker.js +50 -53
  213. package/esm/TagInput/index.js +4 -0
  214. package/esm/TreePicker/TreeNode.d.ts +2 -2
  215. package/esm/TreePicker/TreeNode.js +24 -58
  216. package/esm/TreePicker/TreePicker.js +94 -98
  217. package/esm/utils/constants.d.ts +2 -1
  218. package/esm/utils/constants.js +1 -0
  219. package/esm/utils/dateUtils.d.ts +0 -1
  220. package/esm/utils/dateUtils.js +0 -5
  221. package/esm/utils/getStringLength.d.ts +2 -0
  222. package/esm/utils/getStringLength.js +13 -0
  223. package/esm/utils/index.d.ts +1 -0
  224. package/esm/utils/index.js +1 -0
  225. package/package.json +1 -1
  226. package/styles/mixins/combobox.less +10 -0
  227. package/styles/variables.less +1 -3
  228. package/cjs/Picker/DropdownMenu.d.ts +0 -59
  229. package/cjs/Picker/DropdownMenuGroup.d.ts +0 -6
  230. package/esm/Picker/DropdownMenu.d.ts +0 -59
  231. package/esm/Picker/DropdownMenuGroup.d.ts +0 -6
  232. /package/cjs/{DatePicker → Picker}/PickerLabel.js +0 -0
  233. /package/esm/{DatePicker → Picker}/PickerLabel.js +0 -0
@@ -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,29 +4369,38 @@ 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
  }
4392
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4393
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4394
- top: 7px;
4392
+ .rs-picker-daterange .rs-input-group-addon {
4393
+ color: #8e8e93;
4394
+ color: var(--rs-text-secondary);
4395
+ }
4396
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4397
+ padding: 0;
4398
+ }
4399
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4400
+ border-color: transparent;
4401
+ }
4402
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4403
+ padding-left: 0;
4395
4404
  }
4396
4405
  .rs-picker-daterange-menu .rs-calendar {
4397
4406
  display: inline-block;
@@ -7970,10 +7979,6 @@ textarea.rs-input-sm {
7970
7979
  .rs-input-group > .rs-input,
7971
7980
  .rs-input-group > .rs-auto-complete {
7972
7981
  position: relative;
7973
- z-index: 2;
7974
- }
7975
- .rs-input-group > .rs-input:focus {
7976
- z-index: 3;
7977
7982
  }
7978
7983
  .rs-input-group input.rs-input ~ .rs-input-group-addon,
7979
7984
  .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon {
@@ -7997,7 +8002,6 @@ textarea.rs-input-sm {
7997
8002
  }
7998
8003
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
7999
8004
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
8000
- z-index: 4;
8001
8005
  -webkit-box-flex: 0;
8002
8006
  -ms-flex: 0 0 auto;
8003
8007
  flex: 0 0 auto;
@@ -8111,7 +8115,7 @@ textarea.rs-input-group-lg > .rs-input {
8111
8115
  height: auto;
8112
8116
  }
8113
8117
  .rs-input-group-lg.rs-input-group-inside > .rs-input {
8114
- padding-left: 46px;
8118
+ padding-left: 0;
8115
8119
  }
8116
8120
  .rs-input-group-lg.rs-input-group > .rs-input {
8117
8121
  height: 40px;
@@ -8142,7 +8146,7 @@ textarea.rs-input-group-md > .rs-input {
8142
8146
  height: auto;
8143
8147
  }
8144
8148
  .rs-input-group-md.rs-input-group-inside > .rs-input {
8145
- padding-left: 36px;
8149
+ padding-left: 0;
8146
8150
  }
8147
8151
  .rs-input-group-md.rs-input-group > .rs-input {
8148
8152
  height: 34px;
@@ -8173,7 +8177,7 @@ textarea.rs-input-group-sm > .rs-input {
8173
8177
  height: auto;
8174
8178
  }
8175
8179
  .rs-input-group-sm.rs-input-group-inside > .rs-input {
8176
- padding-left: 30px;
8180
+ padding-left: 0;
8177
8181
  }
8178
8182
  .rs-input-group-sm.rs-input-group > .rs-input {
8179
8183
  height: 28px;
@@ -8204,7 +8208,7 @@ textarea.rs-input-group-xs > .rs-input {
8204
8208
  height: auto;
8205
8209
  }
8206
8210
  .rs-input-group-xs.rs-input-group-inside > .rs-input {
8207
- padding-left: 26px;
8211
+ padding-left: 0;
8208
8212
  }
8209
8213
  .rs-input-group-xs.rs-input-group > .rs-input {
8210
8214
  height: 22px;
@@ -8435,11 +8439,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8435
8439
  .rs-input-group-btn > .rs-btn + .rs-btn {
8436
8440
  margin-right: -1px;
8437
8441
  }
8438
- .rs-input-group-btn > .rs-btn:hover,
8439
- .rs-input-group-btn > .rs-btn:focus,
8440
- .rs-input-group-btn > .rs-btn:active {
8441
- z-index: 2;
8442
- }
8443
8442
  .rs-input-group-btn:first-child > .rs-btn,
8444
8443
  .rs-input-group-btn:first-child > .rs-btn-group {
8445
8444
  margin-left: -1px;
@@ -8447,7 +8446,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8447
8446
  }
8448
8447
  .rs-input-group-btn:last-child > .rs-btn,
8449
8448
  .rs-input-group-btn:last-child > .rs-btn-group {
8450
- z-index: 2;
8451
8449
  margin-right: -1px;
8452
8450
  }
8453
8451
  .rs-input-number {
@@ -8586,20 +8584,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8586
8584
  .rs-picker-input .rs-picker-toggle.rs-btn-xs {
8587
8585
  height: 22px;
8588
8586
  }
8589
- .rs-picker-tag-wrapper {
8587
+ .rs-picker-textbox {
8590
8588
  margin-left: 32px;
8591
8589
  min-height: 34px;
8592
8590
  }
8593
- .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
8591
+ .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
8594
8592
  min-height: 40px;
8595
8593
  }
8596
- .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
8594
+ .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
8597
8595
  min-height: 28px;
8598
8596
  }
8599
- .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
8597
+ .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
8600
8598
  min-height: 22px;
8601
8599
  }
8602
- .rs-picker-cleanable .rs-picker-tag-wrapper {
8600
+ .rs-picker-cleanable .rs-picker-textbox {
8603
8601
  margin-left: 44px;
8604
8602
  }
8605
8603
  .rs-picker-search {
@@ -11113,32 +11111,32 @@ textarea.rs-picker-search-input {
11113
11111
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11114
11112
  padding-left: 32px;
11115
11113
  }
11116
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11117
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11114
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11115
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11118
11116
  top: 8px;
11119
11117
  left: 12px;
11120
11118
  }
11121
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11122
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11119
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11120
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11123
11121
  top: 7px;
11124
11122
  }
11125
- .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 {
11126
11124
  padding: 7px 12px;
11127
11125
  font-size: 14px;
11128
11126
  line-height: 1.42857143;
11129
11127
  }
11130
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
11128
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
11131
11129
  padding-bottom: 5px;
11132
11130
  }
11133
- .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 {
11134
11132
  margin-top: 5px;
11135
11133
  }
11136
- .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 {
11137
11135
  padding-right: 12px;
11138
11136
  margin-top: 5px;
11139
11137
  font-size: 14px;
11140
11138
  }
11141
- .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 {
11142
11140
  height: 18px;
11143
11141
  }
11144
11142
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -11151,17 +11149,17 @@ textarea.rs-picker-search-input {
11151
11149
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11152
11150
  padding-left: 36px;
11153
11151
  }
11154
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11155
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11156
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11157
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11152
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11153
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11154
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11155
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11158
11156
  top: 8px;
11159
11157
  left: 12px;
11160
11158
  }
11161
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11162
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11163
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11164
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11159
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11160
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11161
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11162
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11165
11163
  top: 7px;
11166
11164
  }
11167
11165
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11179,35 +11177,35 @@ textarea.rs-picker-search-input {
11179
11177
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11180
11178
  padding-left: 36px;
11181
11179
  }
11182
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11183
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11180
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11181
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11184
11182
  top: 10px;
11185
11183
  left: 16px;
11186
11184
  }
11187
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11188
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11185
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11186
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11189
11187
  top: 9px;
11190
11188
  }
11191
11189
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11192
11190
  padding-right: 15px;
11193
11191
  }
11194
- .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 {
11195
11193
  padding: 8px 16px;
11196
11194
  font-size: 16px;
11197
11195
  line-height: 1.375;
11198
11196
  }
11199
- .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 {
11200
11198
  padding-bottom: 6px;
11201
11199
  }
11202
- .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 {
11203
11201
  margin-top: 6px;
11204
11202
  }
11205
- .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 {
11206
11204
  padding-right: 16px;
11207
11205
  margin-top: 6px;
11208
11206
  font-size: 16px;
11209
11207
  }
11210
- .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 {
11211
11209
  height: 20px;
11212
11210
  }
11213
11211
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -11220,17 +11218,17 @@ textarea.rs-picker-search-input {
11220
11218
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11221
11219
  padding-left: 42px;
11222
11220
  }
11223
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11224
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11225
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11226
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11221
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11222
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11223
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11224
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11227
11225
  top: 10px;
11228
11226
  left: 16px;
11229
11227
  }
11230
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11231
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11232
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11233
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11228
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11229
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11230
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11231
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11234
11232
  top: 9px;
11235
11233
  }
11236
11234
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11280,35 +11278,35 @@ textarea.rs-picker-search-input {
11280
11278
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11281
11279
  padding-left: 32px;
11282
11280
  }
11283
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11284
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11281
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11282
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11285
11283
  top: 8px;
11286
11284
  left: 12px;
11287
11285
  }
11288
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11289
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11286
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11287
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11290
11288
  top: 7px;
11291
11289
  }
11292
11290
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11293
11291
  padding-right: 11px;
11294
11292
  }
11295
- .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 {
11296
11294
  padding: 7px 12px;
11297
11295
  font-size: 14px;
11298
11296
  line-height: 1.42857143;
11299
11297
  }
11300
- .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 {
11301
11299
  padding-bottom: 5px;
11302
11300
  }
11303
- .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 {
11304
11302
  margin-top: 5px;
11305
11303
  }
11306
- .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 {
11307
11305
  padding-right: 12px;
11308
11306
  margin-top: 5px;
11309
11307
  font-size: 14px;
11310
11308
  }
11311
- .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 {
11312
11310
  height: 18px;
11313
11311
  }
11314
11312
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -11321,17 +11319,17 @@ textarea.rs-picker-search-input {
11321
11319
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11322
11320
  padding-left: 36px;
11323
11321
  }
11324
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11325
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11326
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11327
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11322
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11323
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11324
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11325
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11328
11326
  top: 8px;
11329
11327
  left: 12px;
11330
11328
  }
11331
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11332
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11333
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11334
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11329
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11330
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11331
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11332
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11335
11333
  top: 7px;
11336
11334
  }
11337
11335
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11383,35 +11381,35 @@ textarea.rs-picker-search-input {
11383
11381
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11384
11382
  padding-left: 30px;
11385
11383
  }
11386
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11387
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11384
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11385
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11388
11386
  top: 5px;
11389
11387
  left: 10px;
11390
11388
  }
11391
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11392
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11389
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11390
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11393
11391
  top: 4px;
11394
11392
  }
11395
11393
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11396
11394
  padding-right: 9px;
11397
11395
  }
11398
- .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 {
11399
11397
  padding: 4px 10px;
11400
11398
  font-size: 14px;
11401
11399
  line-height: 1.42857143;
11402
11400
  }
11403
- .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 {
11404
11402
  padding-bottom: 2px;
11405
11403
  }
11406
- .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 {
11407
11405
  margin-top: 2px;
11408
11406
  }
11409
- .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 {
11410
11408
  padding-right: 10px;
11411
11409
  margin-top: 2px;
11412
11410
  font-size: 14px;
11413
11411
  }
11414
- .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 {
11415
11413
  height: 18px;
11416
11414
  }
11417
11415
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -11424,17 +11422,17 @@ textarea.rs-picker-search-input {
11424
11422
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11425
11423
  padding-left: 34px;
11426
11424
  }
11427
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11428
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11429
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11430
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11425
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11426
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11427
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11428
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11431
11429
  top: 4px;
11432
11430
  left: 10px;
11433
11431
  }
11434
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11435
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11436
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11437
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11432
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11433
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11434
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11435
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11438
11436
  top: 3px;
11439
11437
  }
11440
11438
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11488,35 +11486,35 @@ textarea.rs-picker-search-input {
11488
11486
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11489
11487
  padding-left: 28px;
11490
11488
  }
11491
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11492
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11489
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11490
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11493
11491
  top: 2px;
11494
11492
  left: 8px;
11495
11493
  }
11496
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11497
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11494
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11495
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11498
11496
  top: 1px;
11499
11497
  }
11500
11498
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11501
11499
  padding-right: 7px;
11502
11500
  }
11503
- .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 {
11504
11502
  padding: 1px 8px;
11505
11503
  font-size: 12px;
11506
11504
  line-height: 1.66666667;
11507
11505
  }
11508
- .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 {
11509
11507
  padding-bottom: -1px;
11510
11508
  }
11511
- .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 {
11512
11510
  margin-top: -1px;
11513
11511
  }
11514
- .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 {
11515
11513
  padding-right: 8px;
11516
11514
  margin-top: -1px;
11517
11515
  font-size: 12px;
11518
11516
  }
11519
- .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 {
11520
11518
  height: 18px;
11521
11519
  }
11522
11520
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -11525,13 +11523,13 @@ textarea.rs-picker-search-input {
11525
11523
  -webkit-box-shadow: none;
11526
11524
  box-shadow: none;
11527
11525
  }
11528
- .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 {
11529
11527
  padding-bottom: 1px;
11530
11528
  }
11531
- .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 {
11532
11530
  margin-top: 1px;
11533
11531
  }
11534
- .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 {
11535
11533
  padding-top: 1px;
11536
11534
  padding-bottom: 1px;
11537
11535
  }
@@ -11539,17 +11537,17 @@ textarea.rs-picker-search-input {
11539
11537
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11540
11538
  padding-left: 30px;
11541
11539
  }
11542
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11543
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11544
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11545
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11540
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11541
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11542
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11543
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11546
11544
  top: 2px;
11547
11545
  left: 8px;
11548
11546
  }
11549
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11550
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11551
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11552
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11547
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11548
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11549
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11550
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11553
11551
  top: 1px;
11554
11552
  }
11555
11553
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11619,7 +11617,7 @@ textarea.rs-picker-search-input {
11619
11617
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11620
11618
  padding-left: 44px;
11621
11619
  }
11622
- .rs-picker-toggle-clean {
11620
+ .rs-picker-toggle-indicator .rs-picker-clean {
11623
11621
  display: -webkit-box;
11624
11622
  display: -ms-flexbox;
11625
11623
  display: flex;
@@ -11639,14 +11637,14 @@ textarea.rs-picker-search-input {
11639
11637
  transition: 0.2s color linear;
11640
11638
  cursor: pointer;
11641
11639
  }
11642
- .rs-picker-toggle-clean.rs-btn-close {
11640
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11643
11641
  padding: 4px 0;
11644
11642
  }
11645
- .rs-picker-date .rs-picker-toggle-clean,
11646
- .rs-picker-daterange .rs-picker-toggle-clean {
11643
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11644
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11647
11645
  left: 38px;
11648
11646
  }
11649
- .rs-picker-toggle-caret {
11647
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11650
11648
  display: -webkit-box;
11651
11649
  display: -ms-flexbox;
11652
11650
  display: flex;
@@ -11662,7 +11660,21 @@ textarea.rs-picker-search-input {
11662
11660
  color: #8e8e93;
11663
11661
  color: var(--rs-text-secondary);
11664
11662
  }
11665
- .rs-picker-menu {
11663
+ .rs-picker-toggle-indicator .rs-picker-loader {
11664
+ display: -webkit-box;
11665
+ display: -ms-flexbox;
11666
+ display: flex;
11667
+ -webkit-box-align: center;
11668
+ -ms-flex-align: center;
11669
+ align-items: center;
11670
+ margin-right: 2px;
11671
+ position: absolute;
11672
+ top: 8px;
11673
+ left: 12px;
11674
+ height: 20px;
11675
+ font-size: 12px;
11676
+ }
11677
+ .rs-picker-popup {
11666
11678
  position: absolute;
11667
11679
  text-align: right;
11668
11680
  z-index: 7;
@@ -11684,25 +11696,25 @@ textarea.rs-picker-search-input {
11684
11696
  -ms-flex-direction: column;
11685
11697
  flex-direction: column;
11686
11698
  }
11687
- .rs-theme-high-contrast .rs-picker-menu {
11699
+ .rs-theme-high-contrast .rs-picker-popup {
11688
11700
  border: 1px solid #e5e5ea;
11689
11701
  border: 1px solid var(--rs-border-primary);
11690
11702
  }
11691
- .rs-modal-open .rs-picker-menu {
11703
+ .rs-modal-open .rs-picker-popup {
11692
11704
  z-index: 1055;
11693
11705
  }
11694
- .rs-drawer-open .rs-picker-menu {
11706
+ .rs-drawer-open .rs-picker-popup {
11695
11707
  z-index: 1055;
11696
11708
  }
11697
- .rs-picker-menu.rs-picker-select-menu,
11698
- .rs-picker-menu.rs-picker-check-menu {
11709
+ .rs-picker-popup.rs-picker-select-menu,
11710
+ .rs-picker-popup.rs-picker-check-menu {
11699
11711
  padding-top: 6px;
11700
11712
  }
11701
- .rs-picker-menu .rs-picker-search-bar {
11713
+ .rs-picker-popup .rs-picker-search-bar {
11702
11714
  position: relative;
11703
11715
  padding: 6px 12px 12px;
11704
11716
  }
11705
- .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 {
11706
11718
  display: block;
11707
11719
  width: 100%;
11708
11720
  color: #575757;
@@ -11724,53 +11736,53 @@ textarea.rs-picker-search-input {
11724
11736
  padding-left: 36px;
11725
11737
  }
11726
11738
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11727
- .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 {
11728
11740
  height: 36px;
11729
11741
  }
11730
11742
  }
11731
- 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 {
11732
11744
  height: auto;
11733
11745
  }
11734
- .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 {
11735
11747
  -webkit-transition: none;
11736
11748
  transition: none;
11737
11749
  }
11738
- .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 {
11739
11751
  color: #8e8e93;
11740
11752
  color: var(--rs-text-secondary);
11741
11753
  }
11742
- .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 {
11743
11755
  color: #8e8e93;
11744
11756
  color: var(--rs-text-secondary);
11745
11757
  }
11746
- .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 {
11747
11759
  color: #8e8e93;
11748
11760
  color: var(--rs-text-secondary);
11749
11761
  }
11750
- .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 {
11751
11763
  color: #8e8e93;
11752
11764
  color: var(--rs-text-secondary);
11753
11765
  }
11754
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus,
11755
- .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) {
11756
11768
  border-color: #3498ff;
11757
11769
  border-color: var(--rs-input-focus-border);
11758
11770
  }
11759
- .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 {
11760
11772
  outline: 3px solid rgba(52, 152, 255, 0.25);
11761
11773
  outline: 3px solid rgb(from #3498ff r g b / 25%);
11762
11774
  outline: 3px solid var(--rs-color-focus-ring);
11763
11775
  }
11764
- .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 {
11765
11777
  outline-offset: 2px;
11766
11778
  }
11767
- .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 {
11768
11780
  background-color: #f7f7fa;
11769
11781
  background-color: var(--rs-input-disabled-bg);
11770
11782
  color: #c5c6c7;
11771
11783
  color: var(--rs-text-disabled);
11772
11784
  }
11773
- .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 {
11774
11786
  position: absolute;
11775
11787
  width: 14px;
11776
11788
  color: #8e8e93;
@@ -11780,11 +11792,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11780
11792
  top: 14px;
11781
11793
  left: 24px;
11782
11794
  }
11783
- .rs-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon,
11784
- .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 {
11785
11797
  top: 7px;
11786
11798
  }
11787
- .rs-picker-menu.rs-picker-inline {
11799
+ .rs-picker-popup.rs-picker-inline {
11788
11800
  position: relative;
11789
11801
  -webkit-box-shadow: none;
11790
11802
  box-shadow: none;
@@ -14727,11 +14739,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14727
14739
  .rs-picker-tag .rs-picker-search-input > input {
14728
14740
  padding: 0;
14729
14741
  }
14730
- .rs-picker-tag .rs-picker-tag-wrapper {
14742
+ .rs-picker-tag .rs-picker-textbox {
14731
14743
  position: relative;
14732
14744
  z-index: 6;
14733
14745
  padding-bottom: 5px;
14734
14746
  }
14747
+ .rs-picker-tag-list {
14748
+ display: contents;
14749
+ }
14735
14750
  .rs-plaintext .rs-tag {
14736
14751
  margin-right: 6px;
14737
14752
  margin-bottom: 6px;
@@ -14739,10 +14754,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14739
14754
  .rs-picker-disabled-options .rs-picker-toggle {
14740
14755
  padding-left: 32px !important;
14741
14756
  }
14742
- .rs-picker-disabled-options .rs-picker-tag-wrapper {
14757
+ .rs-picker-disabled-options .rs-picker-textbox {
14743
14758
  margin-left: 32px !important;
14744
14759
  }
14745
- .rs-picker-disabled-options .rs-picker-toggle-clean {
14760
+ .rs-picker-disabled-options .rs-picker-clean {
14746
14761
  left: 10px !important;
14747
14762
  }
14748
14763
  .rs-timeline {
@@ -15689,11 +15704,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15689
15704
  align-items: center;
15690
15705
  font-size: 14px;
15691
15706
  }
15692
- .rs-tree-node-children > .rs-tree-children {
15707
+ .rs-tree-node-children > .rs-tree-group {
15693
15708
  position: relative;
15694
15709
  display: none;
15695
15710
  }
15696
- .rs-tree-open.rs-tree-node-children > .rs-tree-children {
15711
+ .rs-tree-open.rs-tree-node-children > .rs-tree-group {
15697
15712
  display: block;
15698
15713
  }
15699
15714
  .rs-tree-indent-line {
@@ -15704,22 +15719,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15704
15719
  margin-right: -13px;
15705
15720
  border-right: 1px solid rgba(0, 0, 0, 0.1);
15706
15721
  }
15707
- .rs-picker-menu.rs-tree-menu {
15722
+ .rs-picker-popup.rs-tree-menu {
15708
15723
  padding-top: 12px;
15709
15724
  }
15710
- .rs-picker-menu.rs-tree-menu .rs-picker-search-bar {
15725
+ .rs-picker-popup.rs-tree-menu .rs-picker-search-bar {
15711
15726
  padding-top: 0;
15712
15727
  }
15713
- .rs-picker-menu .rs-tree {
15728
+ .rs-picker-popup .rs-tree {
15714
15729
  padding: 0 0 12px 12px;
15715
15730
  }
15716
- .rs-picker-menu .rs-tree.rs-tree-virtualized {
15731
+ .rs-picker-popup .rs-tree.rs-tree-virtualized {
15717
15732
  padding: 0;
15718
15733
  }
15719
- .rs-picker-menu .rs-tree-node {
15734
+ .rs-picker-popup .rs-tree-node {
15720
15735
  margin: 0;
15721
15736
  }
15722
- .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 {
15723
15738
  overflow: hidden;
15724
15739
  text-overflow: ellipsis;
15725
15740
  white-space: nowrap;