rsuite 5.4.4 → 5.6.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 (91) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/Carousel/styles/index.less +1 -0
  3. package/CheckTreePicker/styles/index.less +51 -50
  4. package/Modal/styles/mixin.less +1 -0
  5. package/Picker/styles/mixin.less +3 -2
  6. package/README.md +1 -1
  7. package/Sidenav/styles/index.less +54 -59
  8. package/TreePicker/styles/index.less +3 -3
  9. package/cjs/Affix/Affix.js +1 -0
  10. package/cjs/Calendar/TimeDropdown.js +7 -4
  11. package/cjs/Carousel/Carousel.d.ts +5 -1
  12. package/cjs/Carousel/Carousel.js +22 -16
  13. package/cjs/Cascader/Cascader.js +2 -2
  14. package/cjs/Cascader/DropdownMenu.js +1 -1
  15. package/cjs/CheckTreePicker/CheckTreePicker.js +17 -12
  16. package/cjs/CheckTreePicker/utils.d.ts +3 -3
  17. package/cjs/CheckTreePicker/utils.js +2 -2
  18. package/cjs/DOMHelper/index.d.ts +4 -4
  19. package/cjs/DatePicker/DatePicker.js +15 -9
  20. package/cjs/DateRangePicker/Calendar.js +2 -16
  21. package/cjs/DateRangePicker/DateRangePicker.js +1 -1
  22. package/cjs/Dropdown/Dropdown.d.ts +5 -0
  23. package/cjs/Dropdown/test/Dropdown.test.d.ts +1 -0
  24. package/cjs/Dropdown/test/Dropdown.test.js +30 -0
  25. package/cjs/InputNumber/InputNumber.d.ts +1 -1
  26. package/cjs/InputNumber/InputNumber.js +36 -6
  27. package/cjs/InputNumber/test/InputNumber.test.d.ts +1 -0
  28. package/cjs/InputNumber/test/InputNumber.test.js +14 -0
  29. package/cjs/InputPicker/InputAutosize.js +3 -1
  30. package/cjs/InputPicker/InputPicker.js +6 -2
  31. package/cjs/List/ListItem.js +13 -11
  32. package/cjs/Menu/MenuItem.js +14 -11
  33. package/cjs/MultiCascader/MultiCascader.js +1 -0
  34. package/cjs/Picker/PickerOverlay.js +4 -1
  35. package/cjs/RangeSlider/RangeSlider.d.ts +12 -2
  36. package/cjs/RangeSlider/RangeSlider.js +35 -12
  37. package/cjs/Ripple/Ripple.js +17 -9
  38. package/cjs/TreePicker/TreePicker.js +15 -11
  39. package/cjs/Uploader/UploadTrigger.js +3 -1
  40. package/cjs/Uploader/Uploader.js +3 -1
  41. package/cjs/utils/treeUtils.d.ts +3 -3
  42. package/cjs/utils/treeUtils.js +4 -3
  43. package/cjs/utils/useElementResize.d.ts +1 -1
  44. package/cjs/utils/useElementResize.js +5 -2
  45. package/dist/rsuite-rtl.css +114 -123
  46. package/dist/rsuite-rtl.min.css +1 -1
  47. package/dist/rsuite-rtl.min.css.map +1 -1
  48. package/dist/rsuite.css +114 -123
  49. package/dist/rsuite.js +372 -53
  50. package/dist/rsuite.js.map +1 -1
  51. package/dist/rsuite.min.css +1 -1
  52. package/dist/rsuite.min.css.map +1 -1
  53. package/dist/rsuite.min.js +1 -1
  54. package/dist/rsuite.min.js.map +1 -1
  55. package/esm/Affix/Affix.js +1 -0
  56. package/esm/Calendar/TimeDropdown.js +7 -4
  57. package/esm/Carousel/Carousel.d.ts +5 -1
  58. package/esm/Carousel/Carousel.js +23 -17
  59. package/esm/Cascader/Cascader.js +2 -2
  60. package/esm/Cascader/DropdownMenu.js +1 -1
  61. package/esm/CheckTreePicker/CheckTreePicker.js +17 -12
  62. package/esm/CheckTreePicker/utils.d.ts +3 -3
  63. package/esm/CheckTreePicker/utils.js +2 -2
  64. package/esm/DOMHelper/index.d.ts +4 -4
  65. package/esm/DatePicker/DatePicker.js +15 -9
  66. package/esm/DateRangePicker/Calendar.js +2 -16
  67. package/esm/DateRangePicker/DateRangePicker.js +1 -1
  68. package/esm/Dropdown/Dropdown.d.ts +5 -0
  69. package/esm/Dropdown/test/Dropdown.test.d.ts +1 -0
  70. package/esm/Dropdown/test/Dropdown.test.js +22 -0
  71. package/esm/InputNumber/InputNumber.d.ts +1 -1
  72. package/esm/InputNumber/InputNumber.js +38 -7
  73. package/esm/InputNumber/test/InputNumber.test.d.ts +1 -0
  74. package/esm/InputNumber/test/InputNumber.test.js +7 -0
  75. package/esm/InputPicker/InputAutosize.js +3 -1
  76. package/esm/InputPicker/InputPicker.js +6 -2
  77. package/esm/List/ListItem.js +13 -11
  78. package/esm/Menu/MenuItem.js +14 -11
  79. package/esm/MultiCascader/MultiCascader.js +1 -0
  80. package/esm/Picker/PickerOverlay.js +4 -1
  81. package/esm/RangeSlider/RangeSlider.d.ts +12 -2
  82. package/esm/RangeSlider/RangeSlider.js +35 -12
  83. package/esm/Ripple/Ripple.js +17 -9
  84. package/esm/TreePicker/TreePicker.js +15 -11
  85. package/esm/Uploader/UploadTrigger.js +3 -1
  86. package/esm/Uploader/Uploader.js +3 -1
  87. package/esm/utils/treeUtils.d.ts +3 -3
  88. package/esm/utils/treeUtils.js +6 -3
  89. package/esm/utils/useElementResize.d.ts +1 -1
  90. package/esm/utils/useElementResize.js +5 -2
  91. package/package.json +3 -3
package/dist/rsuite.css CHANGED
@@ -3531,6 +3531,8 @@ tbody.rs-anim-collapse.rs-anim-in {
3531
3531
  display: -webkit-box;
3532
3532
  display: -ms-flexbox;
3533
3533
  display: flex;
3534
+ -ms-flex-wrap: wrap;
3535
+ flex-wrap: wrap;
3534
3536
  list-style: none;
3535
3537
  margin: 0;
3536
3538
  padding: 0;
@@ -4158,58 +4160,58 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4158
4160
  .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
4159
4161
  outline: none;
4160
4162
  }
4161
- .rs-check-tree-node {
4162
- position: relative;
4163
- font-size: 14px;
4164
- line-height: 22px;
4165
- }
4166
- .rs-check-tree-node-label .rs-check-item {
4167
- display: inline-block;
4168
- }
4169
- .rs-picker-menu .rs-check-tree-node-label .rs-check-item {
4170
- display: block;
4171
- }
4172
- .rs-check-tree-node-label:focus .rs-check-item .rs-checkbox-checker > label {
4173
- color: #575757;
4174
- color: var(--rs-text-primary);
4175
- background-color: #f2faff;
4176
- background-color: var(--rs-state-hover-bg);
4177
- }
4178
- .rs-check-tree-node-label .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
4179
- font-weight: bold;
4180
- }
4181
- .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
4163
+ .rs-check-tree .rs-check-item .rs-checkbox-checker > label {
4182
4164
  text-align: left;
4183
4165
  position: relative;
4184
4166
  margin: 0;
4185
4167
  padding: 8px 12px;
4186
- padding-left: 58px;
4168
+ padding-left: 50px;
4187
4169
  }
4188
- .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4170
+ .rs-check-tree .rs-check-item .rs-checkbox-checker > label::before {
4189
4171
  content: '';
4190
4172
  position: absolute;
4191
4173
  width: 46px;
4192
4174
  height: 100%;
4193
4175
  top: 0;
4194
- margin-left: -58px;
4176
+ margin-left: -52px;
4195
4177
  }
4196
- .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
4178
+ .rs-check-tree .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
4197
4179
  left: 20px;
4198
4180
  }
4199
- .rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
4200
- padding-left: 34px;
4181
+ .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
4182
+ padding-left: 32px;
4201
4183
  }
4202
- .rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4184
+ .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label::before {
4203
4185
  width: 28px;
4204
- margin-left: -36px;
4186
+ margin-left: -34px;
4205
4187
  }
4206
- .rs-check-tree-without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
4188
+ .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
4207
4189
  left: 0;
4208
4190
  }
4209
- .rs-check-tree-node-all-uncheckable > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
4191
+ .rs-check-tree-node {
4192
+ position: relative;
4193
+ font-size: 14px;
4194
+ line-height: 22px;
4195
+ }
4196
+ .rs-check-tree-node .rs-check-item {
4197
+ display: inline-block;
4198
+ }
4199
+ .rs-picker-menu .rs-check-tree-node .rs-check-item {
4200
+ display: block;
4201
+ }
4202
+ .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
4203
+ color: #575757;
4204
+ color: var(--rs-text-primary);
4205
+ background-color: #f2faff;
4206
+ background-color: var(--rs-state-hover-bg);
4207
+ }
4208
+ .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
4209
+ font-weight: bold;
4210
+ }
4211
+ .rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label {
4210
4212
  padding-left: 22px;
4211
4213
  }
4212
- .rs-check-tree-node-all-uncheckable > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4214
+ .rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label::before {
4213
4215
  width: 14px;
4214
4216
  margin-left: 0;
4215
4217
  left: 0;
@@ -8763,18 +8765,23 @@ textarea.rs-picker-search-input {
8763
8765
  }
8764
8766
  .rs-modal-lg {
8765
8767
  width: 968px;
8768
+ max-width: calc(100% - 10px);
8766
8769
  }
8767
8770
  .rs-modal-md {
8768
8771
  width: 800px;
8772
+ max-width: calc(100% - 10px);
8769
8773
  }
8770
8774
  .rs-modal-sm {
8771
8775
  width: 600px;
8776
+ max-width: calc(100% - 10px);
8772
8777
  }
8773
8778
  .rs-modal-xs {
8774
8779
  width: 400px;
8780
+ max-width: calc(100% - 10px);
8775
8781
  }
8776
8782
  .rs-modal-full {
8777
8783
  width: calc(100% - 120px);
8784
+ max-width: calc(100% - 10px);
8778
8785
  }
8779
8786
  .rs-modal-shake .rs-modal-dialog {
8780
8787
  -webkit-animation: 0.3s linear shakeHead;
@@ -10411,18 +10418,18 @@ textarea.rs-picker-search-input {
10411
10418
  font-size: 14px;
10412
10419
  line-height: 1.42857143;
10413
10420
  }
10414
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
10421
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
10415
10422
  padding-bottom: 5px;
10416
10423
  }
10417
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
10424
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
10418
10425
  margin-top: 5px;
10419
10426
  }
10420
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10427
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10421
10428
  padding-left: 12px;
10422
10429
  margin-top: 5px;
10423
10430
  font-size: 14px;
10424
10431
  }
10425
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
10432
+ .rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
10426
10433
  height: 18px;
10427
10434
  }
10428
10435
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -10492,18 +10499,18 @@ textarea.rs-picker-search-input {
10492
10499
  font-size: 16px;
10493
10500
  line-height: 1.375;
10494
10501
  }
10495
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
10502
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
10496
10503
  padding-bottom: 6px;
10497
10504
  }
10498
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
10505
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
10499
10506
  margin-top: 6px;
10500
10507
  }
10501
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10508
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10502
10509
  padding-left: 16px;
10503
10510
  margin-top: 6px;
10504
10511
  font-size: 16px;
10505
10512
  }
10506
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
10513
+ .rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
10507
10514
  height: 20px;
10508
10515
  }
10509
10516
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -10605,18 +10612,18 @@ textarea.rs-picker-search-input {
10605
10612
  font-size: 14px;
10606
10613
  line-height: 1.42857143;
10607
10614
  }
10608
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
10615
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
10609
10616
  padding-bottom: 5px;
10610
10617
  }
10611
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
10618
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
10612
10619
  margin-top: 5px;
10613
10620
  }
10614
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10621
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10615
10622
  padding-left: 12px;
10616
10623
  margin-top: 5px;
10617
10624
  font-size: 14px;
10618
10625
  }
10619
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
10626
+ .rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
10620
10627
  height: 18px;
10621
10628
  }
10622
10629
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -10720,18 +10727,18 @@ textarea.rs-picker-search-input {
10720
10727
  font-size: 14px;
10721
10728
  line-height: 1.42857143;
10722
10729
  }
10723
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
10730
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
10724
10731
  padding-bottom: 2px;
10725
10732
  }
10726
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
10733
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
10727
10734
  margin-top: 2px;
10728
10735
  }
10729
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10736
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10730
10737
  padding-left: 10px;
10731
10738
  margin-top: 2px;
10732
10739
  font-size: 14px;
10733
10740
  }
10734
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
10741
+ .rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
10735
10742
  height: 18px;
10736
10743
  }
10737
10744
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -10837,18 +10844,18 @@ textarea.rs-picker-search-input {
10837
10844
  font-size: 12px;
10838
10845
  line-height: 1.66666667;
10839
10846
  }
10840
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
10847
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
10841
10848
  padding-bottom: -1px;
10842
10849
  }
10843
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
10850
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
10844
10851
  margin-top: -1px;
10845
10852
  }
10846
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10853
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
10847
10854
  padding-left: 8px;
10848
10855
  margin-top: -1px;
10849
10856
  font-size: 12px;
10850
10857
  }
10851
- .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
10858
+ .rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
10852
10859
  height: 18px;
10853
10860
  }
10854
10861
  .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -12514,37 +12521,55 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12514
12521
  .rs-sidenav-nav > .rs-dropdown {
12515
12522
  margin: 0 !important;
12516
12523
  }
12517
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12518
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
12519
- border: none;
12520
- }
12521
- .rs-sidenav-nav .rs-dropdown-item-toggle {
12524
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
12522
12525
  display: block;
12523
12526
  width: 100%;
12524
12527
  text-align: start;
12525
12528
  background: none;
12529
+ padding-right: 40px;
12530
+ position: relative;
12531
+ }
12532
+ .rs-sidenav-collapse-in .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
12533
+ padding-left: 56px;
12526
12534
  }
12527
- .rs-sidenav-nav .rs-dropdown-item-toggle:focus {
12535
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus {
12528
12536
  outline: 0;
12529
12537
  }
12530
- .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12538
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
12531
12539
  outline: 3px solid rgba(52, 152, 255, 0.25);
12532
12540
  outline: 3px solid var(--rs-color-focus-ring);
12533
12541
  outline-offset: -3px;
12534
12542
  z-index: 1;
12535
12543
  }
12536
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12544
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
12537
12545
  outline-offset: 2px;
12538
12546
  }
12539
- .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12547
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
12540
12548
  outline: 3px solid rgba(52, 152, 255, 0.25);
12541
12549
  outline: 3px solid var(--rs-color-focus-ring);
12542
12550
  outline-offset: -3px;
12543
12551
  outline-width: 2px;
12544
12552
  }
12545
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12553
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
12546
12554
  outline-offset: 2px;
12547
12555
  }
12556
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
12557
+ position: absolute;
12558
+ right: 20px;
12559
+ top: 11px;
12560
+ width: auto;
12561
+ height: 20px;
12562
+ -webkit-transform: rotate(90deg);
12563
+ transform: rotate(90deg);
12564
+ }
12565
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-expand .rs-dropdown-item-toggle-icon {
12566
+ -webkit-transform: rotate(270deg);
12567
+ transform: rotate(270deg);
12568
+ }
12569
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12570
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
12571
+ border: none;
12572
+ }
12548
12573
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12549
12574
  outline: 3px solid rgba(52, 152, 255, 0.25);
12550
12575
  outline: 3px solid var(--rs-color-focus-ring);
@@ -12592,14 +12617,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12592
12617
  width: 100%;
12593
12618
  white-space: normal;
12594
12619
  }
12595
- .rs-sidenav-nav > .rs-sidenav-item:focus,
12596
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12620
+ .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
12621
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
12597
12622
  outline: 3px solid rgba(52, 152, 255, 0.25);
12598
12623
  outline: 3px solid var(--rs-color-focus-ring);
12599
12624
  outline-offset: -3px;
12600
12625
  }
12601
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
12602
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12626
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
12627
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
12603
12628
  outline-offset: 2px;
12604
12629
  }
12605
12630
  .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
@@ -12753,11 +12778,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12753
12778
  -webkit-transform: rotate(180deg);
12754
12779
  transform: rotate(180deg);
12755
12780
  }
12756
- .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item.rs-dropdown-item-expand > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
12757
- -webkit-transform: rotate(270deg);
12758
- transform: rotate(270deg);
12759
- }
12760
- .rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu {
12781
+ .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-menu {
12761
12782
  display: block;
12762
12783
  position: static;
12763
12784
  float: none;
@@ -12769,26 +12790,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12769
12790
  background-color: transparent;
12770
12791
  border-radius: 0;
12771
12792
  }
12772
- .rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu {
12793
+ .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu {
12773
12794
  padding: 0;
12774
12795
  }
12775
- .rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
12776
- display: block;
12777
- padding-right: 40px;
12778
- }
12779
- .rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu {
12780
- display: block;
12781
- position: static;
12782
- float: none;
12783
- -webkit-box-shadow: none;
12784
- box-shadow: none;
12785
- -webkit-animation-name: none;
12786
- animation-name: none;
12787
- padding: 0;
12788
- background-color: transparent;
12789
- border-radius: 0;
12790
- }
12791
- .rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu:hover {
12796
+ .rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu:hover {
12792
12797
  background-color: transparent;
12793
12798
  }
12794
12799
  .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12807,20 +12812,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12807
12812
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu.rs-dropdown-menu-collapse-in > .rs-dropdown-menu.rs-dropdown-menu-collapse-in {
12808
12813
  display: block;
12809
12814
  }
12810
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12811
- padding-left: 56px;
12812
- padding-right: 40px;
12813
- position: relative;
12814
- }
12815
- .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
12816
- position: absolute;
12817
- right: 20px;
12818
- top: 11px;
12819
- width: auto;
12820
- height: 20px;
12821
- -webkit-transform: rotate(90deg);
12822
- transform: rotate(90deg);
12823
- }
12824
12815
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-menu-icon {
12825
12816
  padding-top: 11px;
12826
12817
  padding-bottom: 11px;
@@ -12855,24 +12846,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12855
12846
  height: 50px;
12856
12847
  padding-left: 56px;
12857
12848
  }
12858
- .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12859
- .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12849
+ .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12850
+ .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12860
12851
  outline: 3px solid rgba(52, 152, 255, 0.25);
12861
12852
  outline: 3px solid var(--rs-color-focus-ring);
12862
12853
  }
12863
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12864
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12854
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12855
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12865
12856
  outline-offset: 2px;
12866
12857
  }
12867
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12868
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12858
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12859
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12869
12860
  outline: 3px solid rgba(52, 152, 255, 0.25);
12870
12861
  outline: 3px solid var(--rs-color-focus-ring);
12871
12862
  outline-offset: -3px;
12872
12863
  outline-width: 2px;
12873
12864
  }
12874
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12875
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12865
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12866
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12876
12867
  outline-offset: 2px;
12877
12868
  }
12878
12869
  .rs-sidenav-collapse-out .rs-dropdown-item {
@@ -14904,7 +14895,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14904
14895
  text-align: left;
14905
14896
  margin: 0 0 4px 0;
14906
14897
  }
14907
- .rs-tree-node > .rs-tree-node-label {
14898
+ .rs-tree-node-label {
14908
14899
  position: relative;
14909
14900
  margin: 0;
14910
14901
  padding-left: 16px;
@@ -14913,23 +14904,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14913
14904
  font-size: 14px;
14914
14905
  line-height: 22px;
14915
14906
  }
14916
- .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
14907
+ .rs-tree-node-label-content {
14917
14908
  padding: 6px 12px 6px 8px;
14918
14909
  display: inline-block;
14919
14910
  border-top: 2px solid transparent;
14920
14911
  border-bottom: 2px solid transparent;
14921
14912
  }
14922
- .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14923
- .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14924
- .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
14913
+ .rs-tree-node-label-content:hover,
14914
+ .rs-tree-node-label-content:focus,
14915
+ .rs-tree-node-label-content.rs-tree-node-label-content-focus {
14925
14916
  background-color: rgba(204, 233, 255, 0.5);
14926
14917
  background-color: var(--rs-listbox-option-hover-bg);
14927
14918
  color: #1675e0;
14928
14919
  color: var(--rs-listbox-option-hover-text);
14929
14920
  }
14930
- .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14931
- .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14932
- .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
14921
+ .rs-theme-high-contrast .rs-tree-node-label-content:hover,
14922
+ .rs-theme-high-contrast .rs-tree-node-label-content:focus,
14923
+ .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
14933
14924
  outline: 3px solid rgba(52, 152, 255, 0.25);
14934
14925
  outline: 3px solid var(--rs-color-focus-ring);
14935
14926
  outline-offset: -3px;
@@ -14938,12 +14929,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14938
14929
  color: var(--rs-listbox-option-hover-text);
14939
14930
  text-decoration: underline;
14940
14931
  }
14941
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14942
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14943
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
14932
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:hover,
14933
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:focus,
14934
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
14944
14935
  outline-offset: 2px;
14945
14936
  }
14946
- .rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
14937
+ .rs-tree-node-active .rs-tree-node-label-content {
14947
14938
  font-weight: bold;
14948
14939
  color: #1675e0;
14949
14940
  color: var(--rs-text-link);