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
@@ -4096,7 +4096,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4096
4096
  .rs-check-tree-node .rs-check-item {
4097
4097
  display: inline-block;
4098
4098
  }
4099
- .rs-picker-menu .rs-check-tree-node .rs-check-item {
4099
+ .rs-picker-popup .rs-check-tree-node .rs-check-item {
4100
4100
  display: block;
4101
4101
  }
4102
4102
  .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
@@ -4163,11 +4163,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4163
4163
  align-items: center;
4164
4164
  font-size: 14px;
4165
4165
  }
4166
- .rs-check-tree-node-children > .rs-check-tree-children {
4166
+ .rs-check-tree-node-children > .rs-check-tree-group {
4167
4167
  position: relative;
4168
4168
  display: none;
4169
4169
  }
4170
- .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
4170
+ .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-group {
4171
4171
  display: block;
4172
4172
  }
4173
4173
  .rs-check-tree-indent-line {
@@ -4178,7 +4178,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4178
4178
  margin-left: -13px;
4179
4179
  border-left: 1px solid rgba(0, 0, 0, 0.1);
4180
4180
  }
4181
- .rs-picker-menu {
4181
+ .rs-picker-popup {
4182
4182
  display: -webkit-box;
4183
4183
  display: -ms-flexbox;
4184
4184
  display: flex;
@@ -4187,16 +4187,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4187
4187
  -ms-flex-direction: column;
4188
4188
  flex-direction: column;
4189
4189
  }
4190
- .rs-picker-menu.rs-check-tree-menu {
4190
+ .rs-picker-popup.rs-check-tree-menu {
4191
4191
  padding-top: 12px;
4192
4192
  }
4193
- .rs-picker-menu.rs-check-tree-menu .rs-picker-search-bar {
4193
+ .rs-picker-popup.rs-check-tree-menu .rs-picker-search-bar {
4194
4194
  padding-top: 0;
4195
4195
  }
4196
- .rs-picker-menu .rs-check-tree {
4196
+ .rs-picker-popup .rs-check-tree {
4197
4197
  padding: 0 12px 12px 0;
4198
4198
  }
4199
- .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4199
+ .rs-picker-popup .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4200
4200
  overflow: hidden;
4201
4201
  text-overflow: ellipsis;
4202
4202
  white-space: nowrap;
@@ -4273,60 +4273,60 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4273
4273
  .rs-picker-date-predefined .rs-btn {
4274
4274
  display: block;
4275
4275
  }
4276
- .rs-picker-menu .rs-picker-toolbar {
4276
+ .rs-picker-popup .rs-picker-toolbar {
4277
4277
  max-width: 100%;
4278
4278
  }
4279
- .rs-picker-menu .rs-picker-toolbar-ranges {
4279
+ .rs-picker-popup .rs-picker-toolbar-ranges {
4280
4280
  max-width: 400px;
4281
4281
  }
4282
- .rs-picker-menu .rs-calendar {
4282
+ .rs-picker-popup .rs-calendar {
4283
4283
  min-width: 264px;
4284
4284
  display: block;
4285
4285
  margin: 0 auto;
4286
4286
  }
4287
- .rs-picker-menu .rs-calendar-show-week-numbers {
4287
+ .rs-picker-popup .rs-calendar-show-week-numbers {
4288
4288
  min-width: 278px;
4289
4289
  }
4290
- .rs-picker-menu .rs-calendar-show-week-numbers .rs-calendar-body {
4290
+ .rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body {
4291
4291
  padding-left: 12px;
4292
4292
  padding-right: 12px;
4293
4293
  }
4294
- .rs-picker-menu .rs-calendar-header {
4294
+ .rs-picker-popup .rs-calendar-header {
4295
4295
  width: 100%;
4296
4296
  }
4297
- .rs-picker-menu .rs-calendar-body {
4297
+ .rs-picker-popup .rs-calendar-body {
4298
4298
  padding-left: 15px;
4299
4299
  padding-right: 15px;
4300
4300
  }
4301
- .rs-picker-menu .rs-calendar-table {
4301
+ .rs-picker-popup .rs-calendar-table {
4302
4302
  width: unset;
4303
4303
  }
4304
- .rs-picker-menu .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
4304
+ .rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
4305
4305
  outline: 3px solid rgba(52, 152, 255, 0.25);
4306
4306
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4307
4307
  outline: 3px solid var(--rs-color-focus-ring);
4308
4308
  }
4309
- .rs-picker-menu .rs-calendar-table-cell:focus-visible {
4309
+ .rs-picker-popup .rs-calendar-table-cell:focus-visible {
4310
4310
  outline: none;
4311
4311
  }
4312
- .rs-picker-menu .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
4312
+ .rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
4313
4313
  outline: 3px solid rgba(52, 152, 255, 0.25);
4314
4314
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4315
4315
  outline: 3px solid var(--rs-color-focus-ring);
4316
4316
  }
4317
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
4318
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
4317
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content,
4318
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
4319
4319
  width: 30px;
4320
4320
  height: 30px;
4321
4321
  }
4322
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4322
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4323
4323
  background-color: rgba(204, 233, 255, 0.5);
4324
4324
  background-color: rgb(from #cce9ff r g b / 50%);
4325
4325
  background-color: var(--rs-listbox-option-hover-bg);
4326
4326
  color: #1675e0;
4327
4327
  color: var(--rs-listbox-option-hover-text);
4328
4328
  }
4329
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4329
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4330
4330
  outline: 3px solid rgba(52, 152, 255, 0.25);
4331
4331
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4332
4332
  outline: 3px solid var(--rs-color-focus-ring);
@@ -4336,36 +4336,36 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4336
4336
  color: var(--rs-listbox-option-hover-text);
4337
4337
  text-decoration: underline;
4338
4338
  }
4339
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4339
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4340
4340
  outline-offset: 2px;
4341
4341
  }
4342
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4342
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4343
4343
  background-color: #1675e0;
4344
4344
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4345
4345
  color: #fff;
4346
4346
  color: var(--rs-calendar-date-selected-text);
4347
4347
  }
4348
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4348
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4349
4349
  color: #fff;
4350
4350
  color: var(--rs-calendar-date-selected-text);
4351
4351
  }
4352
- .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4352
+ .rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4353
4353
  height: 24px;
4354
4354
  padding-top: 0;
4355
4355
  }
4356
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
4356
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
4357
4357
  padding-left: 0;
4358
4358
  padding-right: 0;
4359
4359
  display: inline-block;
4360
4360
  }
4361
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4361
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4362
4362
  background-color: rgba(204, 233, 255, 0.5);
4363
4363
  background-color: rgb(from #cce9ff r g b / 50%);
4364
4364
  background-color: var(--rs-listbox-option-hover-bg);
4365
4365
  color: #1675e0;
4366
4366
  color: var(--rs-listbox-option-hover-text);
4367
4367
  }
4368
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4368
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4369
4369
  outline: 3px solid rgba(52, 152, 255, 0.25);
4370
4370
  outline: 3px solid rgb(from #3498ff r g b / 25%);
4371
4371
  outline: 3px solid var(--rs-color-focus-ring);
@@ -4375,29 +4375,38 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4375
4375
  color: var(--rs-listbox-option-hover-text);
4376
4376
  text-decoration: underline;
4377
4377
  }
4378
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4378
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4379
4379
  outline-offset: 2px;
4380
4380
  }
4381
- .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4381
+ .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4382
4382
  background-color: #1675e0;
4383
4383
  background-color: var(--rs-calendar-cell-selected-hover-bg);
4384
4384
  color: #fff;
4385
4385
  color: var(--rs-calendar-date-selected-text);
4386
4386
  }
4387
- .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4387
+ .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4388
4388
  color: #fff;
4389
4389
  color: var(--rs-calendar-date-selected-text);
4390
4390
  }
4391
- .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4391
+ .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
4392
4392
  height: 227px;
4393
4393
  }
4394
- .rs-picker-menu .rs-calendar .rs-calendar-time-dropdown-column > ul {
4394
+ .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
4395
4395
  height: 214px;
4396
4396
  padding-bottom: 184px;
4397
4397
  }
4398
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4399
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4400
- top: 7px;
4398
+ .rs-picker-daterange .rs-input-group-addon {
4399
+ color: #8e8e93;
4400
+ color: var(--rs-text-secondary);
4401
+ }
4402
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4403
+ padding: 0;
4404
+ }
4405
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4406
+ border-color: transparent;
4407
+ }
4408
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4409
+ padding-right: 0;
4401
4410
  }
4402
4411
  .rs-picker-daterange-menu .rs-calendar {
4403
4412
  display: inline-block;
@@ -7978,10 +7987,6 @@ textarea.rs-input-sm {
7978
7987
  .rs-input-group > .rs-input,
7979
7988
  .rs-input-group > .rs-auto-complete {
7980
7989
  position: relative;
7981
- z-index: 2;
7982
- }
7983
- .rs-input-group > .rs-input:focus {
7984
- z-index: 3;
7985
7990
  }
7986
7991
  .rs-input-group input.rs-input ~ .rs-input-group-addon,
7987
7992
  .rs-input-group .rs-form-control-wrapper ~ .rs-input-group-addon {
@@ -8005,7 +8010,6 @@ textarea.rs-input-sm {
8005
8010
  }
8006
8011
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
8007
8012
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
8008
- z-index: 4;
8009
8013
  -webkit-box-flex: 0;
8010
8014
  -ms-flex: 0 0 auto;
8011
8015
  flex: 0 0 auto;
@@ -8119,7 +8123,7 @@ textarea.rs-input-group-lg > .rs-input {
8119
8123
  height: auto;
8120
8124
  }
8121
8125
  .rs-input-group-lg.rs-input-group-inside > .rs-input {
8122
- padding-right: 46px;
8126
+ padding-right: 0;
8123
8127
  }
8124
8128
  .rs-input-group-lg.rs-input-group > .rs-input {
8125
8129
  height: 40px;
@@ -8150,7 +8154,7 @@ textarea.rs-input-group-md > .rs-input {
8150
8154
  height: auto;
8151
8155
  }
8152
8156
  .rs-input-group-md.rs-input-group-inside > .rs-input {
8153
- padding-right: 36px;
8157
+ padding-right: 0;
8154
8158
  }
8155
8159
  .rs-input-group-md.rs-input-group > .rs-input {
8156
8160
  height: 34px;
@@ -8181,7 +8185,7 @@ textarea.rs-input-group-sm > .rs-input {
8181
8185
  height: auto;
8182
8186
  }
8183
8187
  .rs-input-group-sm.rs-input-group-inside > .rs-input {
8184
- padding-right: 30px;
8188
+ padding-right: 0;
8185
8189
  }
8186
8190
  .rs-input-group-sm.rs-input-group > .rs-input {
8187
8191
  height: 28px;
@@ -8212,7 +8216,7 @@ textarea.rs-input-group-xs > .rs-input {
8212
8216
  height: auto;
8213
8217
  }
8214
8218
  .rs-input-group-xs.rs-input-group-inside > .rs-input {
8215
- padding-right: 26px;
8219
+ padding-right: 0;
8216
8220
  }
8217
8221
  .rs-input-group-xs.rs-input-group > .rs-input {
8218
8222
  height: 22px;
@@ -8443,11 +8447,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8443
8447
  .rs-input-group-btn > .rs-btn + .rs-btn {
8444
8448
  margin-left: -1px;
8445
8449
  }
8446
- .rs-input-group-btn > .rs-btn:hover,
8447
- .rs-input-group-btn > .rs-btn:focus,
8448
- .rs-input-group-btn > .rs-btn:active {
8449
- z-index: 2;
8450
- }
8451
8450
  .rs-input-group-btn:first-child > .rs-btn,
8452
8451
  .rs-input-group-btn:first-child > .rs-btn-group {
8453
8452
  margin-right: -1px;
@@ -8455,7 +8454,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8455
8454
  }
8456
8455
  .rs-input-group-btn:last-child > .rs-btn,
8457
8456
  .rs-input-group-btn:last-child > .rs-btn-group {
8458
- z-index: 2;
8459
8457
  margin-left: -1px;
8460
8458
  }
8461
8459
  .rs-input-number {
@@ -8594,20 +8592,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8594
8592
  .rs-picker-input .rs-picker-toggle.rs-btn-xs {
8595
8593
  height: 22px;
8596
8594
  }
8597
- .rs-picker-tag-wrapper {
8595
+ .rs-picker-textbox {
8598
8596
  margin-right: 32px;
8599
8597
  min-height: 34px;
8600
8598
  }
8601
- .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
8599
+ .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
8602
8600
  min-height: 40px;
8603
8601
  }
8604
- .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
8602
+ .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
8605
8603
  min-height: 28px;
8606
8604
  }
8607
- .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
8605
+ .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
8608
8606
  min-height: 22px;
8609
8607
  }
8610
- .rs-picker-cleanable .rs-picker-tag-wrapper {
8608
+ .rs-picker-cleanable .rs-picker-textbox {
8611
8609
  margin-right: 44px;
8612
8610
  }
8613
8611
  .rs-picker-search {
@@ -11125,32 +11123,32 @@ textarea.rs-picker-search-input {
11125
11123
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11126
11124
  padding-right: 32px;
11127
11125
  }
11128
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11129
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11126
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11127
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11130
11128
  top: 8px;
11131
11129
  right: 12px;
11132
11130
  }
11133
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11134
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11131
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11132
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11135
11133
  top: 7px;
11136
11134
  }
11137
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11135
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
11138
11136
  padding: 7px 12px;
11139
11137
  font-size: 14px;
11140
11138
  line-height: 1.42857143;
11141
11139
  }
11142
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
11140
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
11143
11141
  padding-bottom: 5px;
11144
11142
  }
11145
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
11143
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-tag {
11146
11144
  margin-top: 5px;
11147
11145
  }
11148
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11146
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
11149
11147
  padding-left: 12px;
11150
11148
  margin-top: 5px;
11151
11149
  font-size: 14px;
11152
11150
  }
11153
- .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
11151
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox input {
11154
11152
  height: 18px;
11155
11153
  }
11156
11154
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -11163,17 +11161,17 @@ textarea.rs-picker-search-input {
11163
11161
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11164
11162
  padding-right: 36px;
11165
11163
  }
11166
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11167
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11168
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11169
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11164
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11165
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11166
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11167
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11170
11168
  top: 8px;
11171
11169
  right: 12px;
11172
11170
  }
11173
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11174
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11175
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11176
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11171
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11172
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11173
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11174
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11177
11175
  top: 7px;
11178
11176
  }
11179
11177
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11191,35 +11189,35 @@ textarea.rs-picker-search-input {
11191
11189
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11192
11190
  padding-right: 36px;
11193
11191
  }
11194
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11195
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11192
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11193
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11196
11194
  top: 10px;
11197
11195
  right: 16px;
11198
11196
  }
11199
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11200
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11197
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11198
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11201
11199
  top: 9px;
11202
11200
  }
11203
11201
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11204
11202
  padding-left: 15px;
11205
11203
  }
11206
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11204
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
11207
11205
  padding: 8px 16px;
11208
11206
  font-size: 16px;
11209
11207
  line-height: 1.375;
11210
11208
  }
11211
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
11209
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
11212
11210
  padding-bottom: 6px;
11213
11211
  }
11214
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
11212
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-tag {
11215
11213
  margin-top: 6px;
11216
11214
  }
11217
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11215
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
11218
11216
  padding-left: 16px;
11219
11217
  margin-top: 6px;
11220
11218
  font-size: 16px;
11221
11219
  }
11222
- .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
11220
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox input {
11223
11221
  height: 20px;
11224
11222
  }
11225
11223
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -11232,17 +11230,17 @@ textarea.rs-picker-search-input {
11232
11230
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11233
11231
  padding-right: 42px;
11234
11232
  }
11235
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11236
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11237
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11238
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11233
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11234
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11235
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11236
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11239
11237
  top: 10px;
11240
11238
  right: 16px;
11241
11239
  }
11242
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11243
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11244
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11245
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11240
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11241
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11242
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11243
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11246
11244
  top: 9px;
11247
11245
  }
11248
11246
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11292,35 +11290,35 @@ textarea.rs-picker-search-input {
11292
11290
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11293
11291
  padding-right: 32px;
11294
11292
  }
11295
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11296
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11293
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11294
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11297
11295
  top: 8px;
11298
11296
  right: 12px;
11299
11297
  }
11300
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11301
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11298
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11299
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11302
11300
  top: 7px;
11303
11301
  }
11304
11302
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11305
11303
  padding-left: 11px;
11306
11304
  }
11307
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11305
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
11308
11306
  padding: 7px 12px;
11309
11307
  font-size: 14px;
11310
11308
  line-height: 1.42857143;
11311
11309
  }
11312
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
11310
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox {
11313
11311
  padding-bottom: 5px;
11314
11312
  }
11315
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
11313
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-tag {
11316
11314
  margin-top: 5px;
11317
11315
  }
11318
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11316
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
11319
11317
  padding-left: 12px;
11320
11318
  margin-top: 5px;
11321
11319
  font-size: 14px;
11322
11320
  }
11323
- .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
11321
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox input {
11324
11322
  height: 18px;
11325
11323
  }
11326
11324
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -11333,17 +11331,17 @@ textarea.rs-picker-search-input {
11333
11331
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11334
11332
  padding-right: 36px;
11335
11333
  }
11336
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11337
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11338
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11339
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11334
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11335
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11336
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11337
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11340
11338
  top: 8px;
11341
11339
  right: 12px;
11342
11340
  }
11343
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11344
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11345
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11346
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11341
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11342
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11343
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11344
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11347
11345
  top: 7px;
11348
11346
  }
11349
11347
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11395,35 +11393,35 @@ textarea.rs-picker-search-input {
11395
11393
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11396
11394
  padding-right: 30px;
11397
11395
  }
11398
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11399
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11396
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11397
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11400
11398
  top: 5px;
11401
11399
  right: 10px;
11402
11400
  }
11403
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11404
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11401
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11402
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11405
11403
  top: 4px;
11406
11404
  }
11407
11405
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11408
11406
  padding-left: 9px;
11409
11407
  }
11410
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11408
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
11411
11409
  padding: 4px 10px;
11412
11410
  font-size: 14px;
11413
11411
  line-height: 1.42857143;
11414
11412
  }
11415
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
11413
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
11416
11414
  padding-bottom: 2px;
11417
11415
  }
11418
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
11416
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-tag {
11419
11417
  margin-top: 2px;
11420
11418
  }
11421
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11419
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
11422
11420
  padding-left: 10px;
11423
11421
  margin-top: 2px;
11424
11422
  font-size: 14px;
11425
11423
  }
11426
- .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
11424
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox input {
11427
11425
  height: 18px;
11428
11426
  }
11429
11427
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -11436,17 +11434,17 @@ textarea.rs-picker-search-input {
11436
11434
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11437
11435
  padding-right: 34px;
11438
11436
  }
11439
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11440
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11441
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11442
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11437
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11438
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11439
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11440
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11443
11441
  top: 4px;
11444
11442
  right: 10px;
11445
11443
  }
11446
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11447
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11448
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11449
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11444
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11445
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11446
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11447
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11450
11448
  top: 3px;
11451
11449
  }
11452
11450
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11500,35 +11498,35 @@ textarea.rs-picker-search-input {
11500
11498
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11501
11499
  padding-right: 28px;
11502
11500
  }
11503
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11504
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11501
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11502
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11505
11503
  top: 2px;
11506
11504
  right: 8px;
11507
11505
  }
11508
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11509
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11506
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11507
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11510
11508
  top: 1px;
11511
11509
  }
11512
11510
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11513
11511
  padding-left: 7px;
11514
11512
  }
11515
- .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11513
+ .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11516
11514
  padding: 1px 8px;
11517
11515
  font-size: 12px;
11518
11516
  line-height: 1.66666667;
11519
11517
  }
11520
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
11518
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
11521
11519
  padding-bottom: -1px;
11522
11520
  }
11523
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
11521
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
11524
11522
  margin-top: -1px;
11525
11523
  }
11526
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11524
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11527
11525
  padding-left: 8px;
11528
11526
  margin-top: -1px;
11529
11527
  font-size: 12px;
11530
11528
  }
11531
- .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
11529
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox input {
11532
11530
  height: 18px;
11533
11531
  }
11534
11532
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -11537,13 +11535,13 @@ textarea.rs-picker-search-input {
11537
11535
  -webkit-box-shadow: none;
11538
11536
  box-shadow: none;
11539
11537
  }
11540
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
11538
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
11541
11539
  padding-bottom: 1px;
11542
11540
  }
11543
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
11541
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
11544
11542
  margin-top: 1px;
11545
11543
  }
11546
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11544
+ .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
11547
11545
  padding-top: 1px;
11548
11546
  padding-bottom: 1px;
11549
11547
  }
@@ -11551,17 +11549,17 @@ textarea.rs-picker-search-input {
11551
11549
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11552
11550
  padding-right: 30px;
11553
11551
  }
11554
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11555
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11556
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11557
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11552
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11553
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11554
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11555
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11558
11556
  top: 2px;
11559
11557
  right: 8px;
11560
11558
  }
11561
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11562
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11563
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11564
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11559
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11560
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11561
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11562
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11565
11563
  top: 1px;
11566
11564
  }
11567
11565
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11631,7 +11629,7 @@ textarea.rs-picker-search-input {
11631
11629
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11632
11630
  padding-right: 44px;
11633
11631
  }
11634
- .rs-picker-toggle-clean {
11632
+ .rs-picker-toggle-indicator .rs-picker-clean {
11635
11633
  display: -webkit-box;
11636
11634
  display: -ms-flexbox;
11637
11635
  display: flex;
@@ -11651,14 +11649,14 @@ textarea.rs-picker-search-input {
11651
11649
  transition: 0.2s color linear;
11652
11650
  cursor: pointer;
11653
11651
  }
11654
- .rs-picker-toggle-clean.rs-btn-close {
11652
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11655
11653
  padding: 4px 0;
11656
11654
  }
11657
- .rs-picker-date .rs-picker-toggle-clean,
11658
- .rs-picker-daterange .rs-picker-toggle-clean {
11655
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11656
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11659
11657
  right: 38px;
11660
11658
  }
11661
- .rs-picker-toggle-caret {
11659
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11662
11660
  display: -webkit-box;
11663
11661
  display: -ms-flexbox;
11664
11662
  display: flex;
@@ -11674,7 +11672,21 @@ textarea.rs-picker-search-input {
11674
11672
  color: #8e8e93;
11675
11673
  color: var(--rs-text-secondary);
11676
11674
  }
11677
- .rs-picker-menu {
11675
+ .rs-picker-toggle-indicator .rs-picker-loader {
11676
+ display: -webkit-box;
11677
+ display: -ms-flexbox;
11678
+ display: flex;
11679
+ -webkit-box-align: center;
11680
+ -ms-flex-align: center;
11681
+ align-items: center;
11682
+ margin-left: 2px;
11683
+ position: absolute;
11684
+ top: 8px;
11685
+ right: 12px;
11686
+ height: 20px;
11687
+ font-size: 12px;
11688
+ }
11689
+ .rs-picker-popup {
11678
11690
  position: absolute;
11679
11691
  text-align: left;
11680
11692
  z-index: 7;
@@ -11696,25 +11708,25 @@ textarea.rs-picker-search-input {
11696
11708
  -ms-flex-direction: column;
11697
11709
  flex-direction: column;
11698
11710
  }
11699
- .rs-theme-high-contrast .rs-picker-menu {
11711
+ .rs-theme-high-contrast .rs-picker-popup {
11700
11712
  border: 1px solid #e5e5ea;
11701
11713
  border: 1px solid var(--rs-border-primary);
11702
11714
  }
11703
- .rs-modal-open .rs-picker-menu {
11715
+ .rs-modal-open .rs-picker-popup {
11704
11716
  z-index: 1055;
11705
11717
  }
11706
- .rs-drawer-open .rs-picker-menu {
11718
+ .rs-drawer-open .rs-picker-popup {
11707
11719
  z-index: 1055;
11708
11720
  }
11709
- .rs-picker-menu.rs-picker-select-menu,
11710
- .rs-picker-menu.rs-picker-check-menu {
11721
+ .rs-picker-popup.rs-picker-select-menu,
11722
+ .rs-picker-popup.rs-picker-check-menu {
11711
11723
  padding-top: 6px;
11712
11724
  }
11713
- .rs-picker-menu .rs-picker-search-bar {
11725
+ .rs-picker-popup .rs-picker-search-bar {
11714
11726
  position: relative;
11715
11727
  padding: 6px 12px 12px;
11716
11728
  }
11717
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11729
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11718
11730
  display: block;
11719
11731
  width: 100%;
11720
11732
  color: #575757;
@@ -11736,53 +11748,53 @@ textarea.rs-picker-search-input {
11736
11748
  padding-right: 36px;
11737
11749
  }
11738
11750
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11739
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11751
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11740
11752
  height: 36px;
11741
11753
  }
11742
11754
  }
11743
- textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11755
+ textarea.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11744
11756
  height: auto;
11745
11757
  }
11746
- .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11758
+ .rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input {
11747
11759
  -webkit-transition: none;
11748
11760
  transition: none;
11749
11761
  }
11750
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
11762
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-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::-moz-placeholder {
11766
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-moz-placeholder {
11755
11767
  color: #8e8e93;
11756
11768
  color: var(--rs-text-secondary);
11757
11769
  }
11758
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
11770
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::-ms-input-placeholder {
11759
11771
  color: #8e8e93;
11760
11772
  color: var(--rs-text-secondary);
11761
11773
  }
11762
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
11774
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input::placeholder {
11763
11775
  color: #8e8e93;
11764
11776
  color: var(--rs-text-secondary);
11765
11777
  }
11766
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus,
11767
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
11778
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus,
11779
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
11768
11780
  border-color: #3498ff;
11769
11781
  border-color: var(--rs-input-focus-border);
11770
11782
  }
11771
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11783
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11772
11784
  outline: 3px solid rgba(52, 152, 255, 0.25);
11773
11785
  outline: 3px solid rgb(from #3498ff r g b / 25%);
11774
11786
  outline: 3px solid var(--rs-color-focus-ring);
11775
11787
  }
11776
- .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11788
+ .rs-theme-high-contrast .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11777
11789
  outline-offset: 2px;
11778
11790
  }
11779
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11791
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11780
11792
  background-color: #f7f7fa;
11781
11793
  background-color: var(--rs-input-disabled-bg);
11782
11794
  color: #c5c6c7;
11783
11795
  color: var(--rs-text-disabled);
11784
11796
  }
11785
- .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11797
+ .rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11786
11798
  position: absolute;
11787
11799
  width: 14px;
11788
11800
  color: #8e8e93;
@@ -11792,11 +11804,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11792
11804
  top: 14px;
11793
11805
  right: 24px;
11794
11806
  }
11795
- .rs-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon,
11796
- .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11807
+ .rs-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon,
11808
+ .rs-check-tree-menu.rs-picker-popup .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11797
11809
  top: 7px;
11798
11810
  }
11799
- .rs-picker-menu.rs-picker-inline {
11811
+ .rs-picker-popup.rs-picker-inline {
11800
11812
  position: relative;
11801
11813
  -webkit-box-shadow: none;
11802
11814
  box-shadow: none;
@@ -14743,11 +14755,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14743
14755
  .rs-picker-tag .rs-picker-search-input > input {
14744
14756
  padding: 0;
14745
14757
  }
14746
- .rs-picker-tag .rs-picker-tag-wrapper {
14758
+ .rs-picker-tag .rs-picker-textbox {
14747
14759
  position: relative;
14748
14760
  z-index: 6;
14749
14761
  padding-bottom: 5px;
14750
14762
  }
14763
+ .rs-picker-tag-list {
14764
+ display: contents;
14765
+ }
14751
14766
  .rs-plaintext .rs-tag {
14752
14767
  margin-left: 6px;
14753
14768
  margin-bottom: 6px;
@@ -14755,10 +14770,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14755
14770
  .rs-picker-disabled-options .rs-picker-toggle {
14756
14771
  padding-right: 32px !important;
14757
14772
  }
14758
- .rs-picker-disabled-options .rs-picker-tag-wrapper {
14773
+ .rs-picker-disabled-options .rs-picker-textbox {
14759
14774
  margin-right: 32px !important;
14760
14775
  }
14761
- .rs-picker-disabled-options .rs-picker-toggle-clean {
14776
+ .rs-picker-disabled-options .rs-picker-clean {
14762
14777
  right: 10px !important;
14763
14778
  }
14764
14779
  .rs-timeline {
@@ -15709,11 +15724,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15709
15724
  align-items: center;
15710
15725
  font-size: 14px;
15711
15726
  }
15712
- .rs-tree-node-children > .rs-tree-children {
15727
+ .rs-tree-node-children > .rs-tree-group {
15713
15728
  position: relative;
15714
15729
  display: none;
15715
15730
  }
15716
- .rs-tree-open.rs-tree-node-children > .rs-tree-children {
15731
+ .rs-tree-open.rs-tree-node-children > .rs-tree-group {
15717
15732
  display: block;
15718
15733
  }
15719
15734
  .rs-tree-indent-line {
@@ -15724,22 +15739,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15724
15739
  margin-left: -13px;
15725
15740
  border-left: 1px solid rgba(0, 0, 0, 0.1);
15726
15741
  }
15727
- .rs-picker-menu.rs-tree-menu {
15742
+ .rs-picker-popup.rs-tree-menu {
15728
15743
  padding-top: 12px;
15729
15744
  }
15730
- .rs-picker-menu.rs-tree-menu .rs-picker-search-bar {
15745
+ .rs-picker-popup.rs-tree-menu .rs-picker-search-bar {
15731
15746
  padding-top: 0;
15732
15747
  }
15733
- .rs-picker-menu .rs-tree {
15748
+ .rs-picker-popup .rs-tree {
15734
15749
  padding: 0 12px 12px 0;
15735
15750
  }
15736
- .rs-picker-menu .rs-tree.rs-tree-virtualized {
15751
+ .rs-picker-popup .rs-tree.rs-tree-virtualized {
15737
15752
  padding: 0;
15738
15753
  }
15739
- .rs-picker-menu .rs-tree-node {
15754
+ .rs-picker-popup .rs-tree-node {
15740
15755
  margin: 0;
15741
15756
  }
15742
- .rs-picker-menu .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
15757
+ .rs-picker-popup .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
15743
15758
  overflow: hidden;
15744
15759
  text-overflow: ellipsis;
15745
15760
  white-space: nowrap;