rsuite 5.13.0 → 5.15.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 (149) hide show
  1. package/Button/styles/index.less +1 -0
  2. package/CHANGELOG.md +45 -0
  3. package/Dropdown/styles/index.less +8 -3
  4. package/Grid/styles/index.less +42 -10
  5. package/Sidenav/styles/index.less +45 -11
  6. package/Table/styles/index.less +0 -2
  7. package/Tooltip/styles/index.less +4 -4
  8. package/cjs/@types/common.d.ts +6 -0
  9. package/cjs/Cascader/utils.d.ts +1 -1
  10. package/cjs/Col/Col.d.ts +25 -5
  11. package/cjs/Col/Col.js +9 -1
  12. package/cjs/CustomProvider/CustomProvider.d.ts +20 -7
  13. package/cjs/CustomProvider/CustomProvider.js +24 -3
  14. package/cjs/Dropdown/useRenderDropdownItem.d.ts +1 -1
  15. package/cjs/Form/Form.d.ts +8 -8
  16. package/cjs/Form/test/Form.test.d.ts +1 -0
  17. package/cjs/Form/test/Form.test.js +18 -0
  18. package/cjs/Modal/test/Modal.test.d.ts +1 -0
  19. package/cjs/Modal/test/Modal.test.js +14 -0
  20. package/cjs/Modal/utils.d.ts +1 -1
  21. package/cjs/Nav/NavDropdownMenu.d.ts +12 -1
  22. package/cjs/Nav/NavDropdownMenu.js +9 -3
  23. package/cjs/Nav/test/Nav.test.d.ts +1 -0
  24. package/cjs/Nav/test/Nav.test.js +17 -0
  25. package/cjs/Navbar/NavbarDropdownMenu.d.ts +12 -1
  26. package/cjs/Navbar/NavbarDropdownMenu.js +9 -3
  27. package/cjs/Overlay/Modal.d.ts +1 -4
  28. package/cjs/Overlay/Overlay.d.ts +3 -1
  29. package/cjs/Overlay/Overlay.js +6 -2
  30. package/cjs/Overlay/OverlayTrigger.d.ts +8 -4
  31. package/cjs/Overlay/OverlayTrigger.js +32 -4
  32. package/cjs/Overlay/Position.d.ts +3 -1
  33. package/cjs/Overlay/Position.js +12 -4
  34. package/cjs/Overlay/positionUtils.d.ts +11 -4
  35. package/cjs/Overlay/positionUtils.js +48 -2
  36. package/cjs/Panel/Panel.js +9 -6
  37. package/cjs/Picker/utils.d.ts +1 -1
  38. package/cjs/Popover/Popover.d.ts +2 -0
  39. package/cjs/Popover/Popover.js +6 -3
  40. package/cjs/Sidenav/SidenavDropdownToggle.js +2 -1
  41. package/cjs/Sidenav/SidenavItem.d.ts +4 -0
  42. package/cjs/Sidenav/SidenavItem.js +40 -31
  43. package/cjs/Sidenav/SidenavToggle.d.ts +5 -1
  44. package/cjs/Sidenav/SidenavToggle.js +25 -9
  45. package/cjs/Toggle/Toggle.d.ts +1 -1
  46. package/cjs/Tooltip/Tooltip.d.ts +3 -1
  47. package/cjs/Tooltip/Tooltip.js +8 -3
  48. package/cjs/Whisper/Whisper.d.ts +3 -5
  49. package/cjs/Whisper/Whisper.js +6 -1
  50. package/cjs/Whisper/test/Whisper.test.d.ts +1 -0
  51. package/cjs/Whisper/test/Whisper.test.js +23 -0
  52. package/cjs/index.d.ts +3 -3
  53. package/cjs/index.js +3 -2
  54. package/cjs/toaster/ToastContainer.d.ts +1 -0
  55. package/cjs/toaster/ToastContainer.js +4 -1
  56. package/cjs/toaster/index.d.ts +1 -0
  57. package/cjs/toaster/index.js +4 -1
  58. package/cjs/toaster/toaster.d.ts +0 -1
  59. package/cjs/toaster/useToaster.d.ts +12 -0
  60. package/cjs/toaster/useToaster.js +43 -0
  61. package/cjs/utils/constants.d.ts +1 -0
  62. package/cjs/utils/constants.js +3 -1
  63. package/cjs/utils/stringToObject.d.ts +1 -1
  64. package/cjs/utils/tplTransform.d.ts +1 -1
  65. package/cjs/utils/treeUtils.d.ts +3 -3
  66. package/cjs/utils/treeUtils.js +8 -10
  67. package/cjs/utils/useCustom.d.ts +1 -1
  68. package/cjs/utils/useCustom.js +5 -3
  69. package/cjs/utils/useFocus.d.ts +1 -1
  70. package/dist/rsuite-rtl.css +741 -71
  71. package/dist/rsuite-rtl.min.css +1 -1
  72. package/dist/rsuite-rtl.min.css.map +1 -1
  73. package/dist/rsuite.css +741 -71
  74. package/dist/rsuite.js +92 -103
  75. package/dist/rsuite.js.map +1 -1
  76. package/dist/rsuite.min.css +1 -1
  77. package/dist/rsuite.min.css.map +1 -1
  78. package/dist/rsuite.min.js +1 -1
  79. package/dist/rsuite.min.js.map +1 -1
  80. package/esm/@types/common.d.ts +6 -0
  81. package/esm/Cascader/utils.d.ts +1 -1
  82. package/esm/Col/Col.d.ts +25 -5
  83. package/esm/Col/Col.js +10 -2
  84. package/esm/CustomProvider/CustomProvider.d.ts +20 -7
  85. package/esm/CustomProvider/CustomProvider.js +22 -3
  86. package/esm/Dropdown/useRenderDropdownItem.d.ts +1 -1
  87. package/esm/Form/Form.d.ts +8 -8
  88. package/esm/Form/test/Form.test.d.ts +1 -0
  89. package/esm/Form/test/Form.test.js +11 -0
  90. package/esm/Modal/test/Modal.test.d.ts +1 -0
  91. package/esm/Modal/test/Modal.test.js +9 -0
  92. package/esm/Modal/utils.d.ts +1 -1
  93. package/esm/Nav/NavDropdownMenu.d.ts +12 -1
  94. package/esm/Nav/NavDropdownMenu.js +8 -3
  95. package/esm/Nav/test/Nav.test.d.ts +1 -0
  96. package/esm/Nav/test/Nav.test.js +11 -0
  97. package/esm/Navbar/NavbarDropdownMenu.d.ts +12 -1
  98. package/esm/Navbar/NavbarDropdownMenu.js +8 -3
  99. package/esm/Overlay/Modal.d.ts +1 -4
  100. package/esm/Overlay/Overlay.d.ts +3 -1
  101. package/esm/Overlay/Overlay.js +6 -2
  102. package/esm/Overlay/OverlayTrigger.d.ts +8 -4
  103. package/esm/Overlay/OverlayTrigger.js +33 -5
  104. package/esm/Overlay/Position.d.ts +3 -1
  105. package/esm/Overlay/Position.js +12 -4
  106. package/esm/Overlay/positionUtils.d.ts +11 -4
  107. package/esm/Overlay/positionUtils.js +46 -2
  108. package/esm/Panel/Panel.js +9 -6
  109. package/esm/Picker/utils.d.ts +1 -1
  110. package/esm/Popover/Popover.d.ts +2 -0
  111. package/esm/Popover/Popover.js +6 -3
  112. package/esm/Sidenav/SidenavDropdownToggle.js +2 -1
  113. package/esm/Sidenav/SidenavItem.d.ts +4 -0
  114. package/esm/Sidenav/SidenavItem.js +38 -31
  115. package/esm/Sidenav/SidenavToggle.d.ts +5 -1
  116. package/esm/Sidenav/SidenavToggle.js +22 -9
  117. package/esm/Toggle/Toggle.d.ts +1 -1
  118. package/esm/Tooltip/Tooltip.d.ts +3 -1
  119. package/esm/Tooltip/Tooltip.js +8 -3
  120. package/esm/Whisper/Whisper.d.ts +3 -5
  121. package/esm/Whisper/Whisper.js +6 -1
  122. package/esm/Whisper/test/Whisper.test.d.ts +1 -0
  123. package/esm/Whisper/test/Whisper.test.js +16 -0
  124. package/esm/index.d.ts +3 -3
  125. package/esm/index.js +1 -1
  126. package/esm/toaster/ToastContainer.d.ts +1 -0
  127. package/esm/toaster/ToastContainer.js +1 -0
  128. package/esm/toaster/index.d.ts +1 -0
  129. package/esm/toaster/index.js +1 -0
  130. package/esm/toaster/toaster.d.ts +0 -1
  131. package/esm/toaster/useToaster.d.ts +12 -0
  132. package/esm/toaster/useToaster.js +34 -0
  133. package/esm/utils/constants.d.ts +1 -0
  134. package/esm/utils/constants.js +1 -0
  135. package/esm/utils/stringToObject.d.ts +1 -1
  136. package/esm/utils/tplTransform.d.ts +1 -1
  137. package/esm/utils/treeUtils.d.ts +3 -3
  138. package/esm/utils/treeUtils.js +8 -10
  139. package/esm/utils/useCustom.d.ts +1 -1
  140. package/esm/utils/useCustom.js +5 -3
  141. package/esm/utils/useFocus.d.ts +1 -1
  142. package/package.json +1 -1
  143. package/styles/color-modes/dark.less +223 -181
  144. package/styles/color-modes/high-contrast.less +221 -179
  145. package/styles/color-modes/light.less +47 -5
  146. package/styles/colors/dark.less +91 -91
  147. package/styles/colors/high-contrast.less +91 -91
  148. package/styles/variables.less +35 -12
  149. package/styles/color-modes/common.less +0 -44
package/dist/rsuite.css CHANGED
@@ -187,8 +187,8 @@
187
187
  --rs-placeholder: #f2f2f5;
188
188
  --rs-placeholder-active: #e5e5ea;
189
189
  --rs-dropdown-divider: #e5e5ea;
190
- --rs-dropdown-item-bg-hover: #f2faff;
191
- --rs-dropdown-item-bg-active: rgba(242, 250, 255, 0.5);
190
+ --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
191
+ --rs-dropdown-item-bg-active: #f2faff;
192
192
  --rs-dropdown-item-text-active: #1675e0;
193
193
  --rs-dropdown-header-text: #a6a6a6;
194
194
  --rs-dropdown-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
@@ -231,15 +231,18 @@
231
231
  --rs-sidenav-default-selected-text: #1675e0;
232
232
  --rs-sidenav-default-hover-bg: #e5e5ea;
233
233
  --rs-sidenav-default-hover-text: #575757;
234
+ --rs-sidenav-default-footer-border: #e5e5ea;
234
235
  --rs-sidenav-inverse-bg: #3498ff;
235
236
  --rs-sidenav-inverse-text: #fff;
236
237
  --rs-sidenav-inverse-selected-bg: #1675e0;
237
238
  --rs-sidenav-inverse-hover-bg: #2589f5;
239
+ --rs-sidenav-inverse-footer-border: #2589f5;
238
240
  --rs-sidenav-subtle-bg: #fff;
239
241
  --rs-sidenav-subtle-text: #8e8e93;
240
242
  --rs-sidenav-subtle-selected-text: #1675e0;
241
243
  --rs-sidenav-subtle-hover-bg: #f7f7fa;
242
244
  --rs-sidenav-subtle-hover-text: #575757;
245
+ --rs-sidenav-subtle-footer-border: #e5e5ea;
243
246
  --rs-input-bg: #fff;
244
247
  --rs-input-focus-border: #3498ff;
245
248
  --rs-input-disabled-bg: #f7f7fa;
@@ -414,10 +417,10 @@
414
417
  --rs-violet-700: #531ba8;
415
418
  --rs-violet-800: #470c99;
416
419
  --rs-violet-900: #390085;
417
- --rs-state-success: #4caf50;
418
- --rs-state-info: #2196f3;
419
- --rs-state-warning: #ffb300;
420
- --rs-state-error: #f44336;
420
+ --rs-state-success: #58b15b;
421
+ --rs-state-info: #1499ef;
422
+ --rs-state-warning: #ffc757;
423
+ --rs-state-error: #f04f43;
421
424
  --rs-body: #0f131a;
422
425
  --rs-text-link: #34c3ff;
423
426
  --rs-text-link-hover: #59d0ff;
@@ -484,19 +487,19 @@
484
487
  --rs-message-success-header: #fff;
485
488
  --rs-message-success-text: #fff;
486
489
  --rs-message-success-icon: #fff;
487
- --rs-message-success-bg: #58b15b;
490
+ --rs-message-success-bg: #4caf50;
488
491
  --rs-message-info-header: #fff;
489
492
  --rs-message-info-text: #fff;
490
493
  --rs-message-info-icon: #fff;
491
- --rs-message-info-bg: #1499ef;
494
+ --rs-message-info-bg: #2196f3;
492
495
  --rs-message-warning-header: #0f131a;
493
496
  --rs-message-warning-text: #0f131a;
494
497
  --rs-message-warning-icon: #0f131a;
495
- --rs-message-warning-bg: #ffc757;
498
+ --rs-message-warning-bg: #ffb300;
496
499
  --rs-message-error-header: #fff;
497
500
  --rs-message-error-text: #fff;
498
501
  --rs-message-error-icon: #fff;
499
- --rs-message-error-bg: #f04f43;
502
+ --rs-message-error-bg: #f44336;
500
503
  --rs-tooltip-bg: #5c6066;
501
504
  --rs-tooltip-text: #fff;
502
505
  --rs-progress-bg: #292d33;
@@ -550,15 +553,18 @@
550
553
  --rs-sidenav-default-selected-text: #34c3ff;
551
554
  --rs-sidenav-default-hover-bg: #292d33;
552
555
  --rs-sidenav-default-hover-text: #e9ebf0;
556
+ --rs-sidenav-default-footer-border: #3c3f43;
553
557
  --rs-sidenav-inverse-bg: #169de0;
554
558
  --rs-sidenav-inverse-text: #fff;
555
559
  --rs-sidenav-inverse-selected-bg: #59d0ff;
556
560
  --rs-sidenav-inverse-hover-bg: #25b3f5;
561
+ --rs-sidenav-inverse-footer-border: #25b3f5;
557
562
  --rs-sidenav-subtle-bg: transparent;
558
563
  --rs-sidenav-subtle-text: #a4a9b3;
559
564
  --rs-sidenav-subtle-selected-text: #34c3ff;
560
565
  --rs-sidenav-subtle-hover-bg: #292d33;
561
566
  --rs-sidenav-subtle-hover-text: #e9ebf0;
567
+ --rs-sidenav-subtle-footer-border: #3c3f43;
562
568
  --rs-input-bg: #1a1d24;
563
569
  --rs-input-focus-border: #34c3ff;
564
570
  --rs-input-disabled-bg: #292d33;
@@ -577,7 +583,7 @@
577
583
  --rs-radio-checked-bg: #34c3ff;
578
584
  --rs-radio-disabled-bg: #5c6066;
579
585
  --rs-rate-symbol: #3c3f43;
580
- --rs-rate-symbol-checked: #ffc757;
586
+ --rs-rate-symbol-checked: #ffb300;
581
587
  --rs-toggle-bg: #6a6f76;
582
588
  --rs-toggle-thumb: #fff;
583
589
  --rs-toggle-hover-bg: #858b94;
@@ -731,10 +737,10 @@
731
737
  --rs-violet-700: #531ba8;
732
738
  --rs-violet-800: #470c99;
733
739
  --rs-violet-900: #390085;
734
- --rs-state-success: #4caf50;
735
- --rs-state-info: #2196f3;
736
- --rs-state-warning: #ffb300;
737
- --rs-state-error: #f44336;
740
+ --rs-state-success: #0d822c;
741
+ --rs-state-info: #1499ef;
742
+ --rs-state-warning: #ffc757;
743
+ --rs-state-error: #bd1732;
738
744
  --rs-body: #0f131a;
739
745
  --rs-text-link: #ffff00;
740
746
  --rs-text-link-hover: #fffc30;
@@ -804,23 +810,23 @@
804
810
  --rs-message-success-header: #fff;
805
811
  --rs-message-success-text: #fff;
806
812
  --rs-message-success-icon: #fff;
807
- --rs-message-success-bg: #006923;
808
- --rs-message-success-border: #50b567;
813
+ --rs-message-success-bg: #007d0c;
814
+ --rs-message-success-border: #82cf82;
809
815
  --rs-message-info-header: #fff;
810
816
  --rs-message-info-text: #fff;
811
817
  --rs-message-info-icon: #fff;
812
- --rs-message-info-bg: #00498a;
813
- --rs-message-info-border: #1499ef;
818
+ --rs-message-info-bg: #00448c;
819
+ --rs-message-info-border: #2196f3;
814
820
  --rs-message-warning-header: #fff;
815
821
  --rs-message-warning-text: #fff;
816
822
  --rs-message-warning-icon: #fff;
817
- --rs-message-warning-bg: #997000;
818
- --rs-message-warning-border: #ffc757;
823
+ --rs-message-warning-bg: #997500;
824
+ --rs-message-warning-border: #ffb300;
819
825
  --rs-message-error-header: #fff;
820
826
  --rs-message-error-text: #fff;
821
827
  --rs-message-error-icon: #fff;
822
- --rs-message-error-bg: #70000b;
823
- --rs-message-error-border: #d6637a;
828
+ --rs-message-error-bg: #8f1300;
829
+ --rs-message-error-border: #fa8682;
824
830
  --rs-tooltip-bg: #1a1d24;
825
831
  --rs-tooltip-text: #fff;
826
832
  --rs-progress-bg: #292d33;
@@ -875,16 +881,19 @@
875
881
  --rs-sidenav-default-selected-text: #ffff00;
876
882
  --rs-sidenav-default-hover-bg: transparent;
877
883
  --rs-sidenav-default-hover-text: #ffff00;
884
+ --rs-sidenav-default-footer-border: #e9ebf0;
878
885
  --rs-sidenav-inverse-bg: #1a1d24;
879
886
  --rs-sidenav-inverse-text: #e9ebf0;
880
887
  --rs-sidenav-inverse-selected-bg: transparent;
881
888
  --rs-sidenav-inverse-selected-text: #ffff00;
882
889
  --rs-sidenav-inverse-hover-bg: transparent;
890
+ --rs-sidenav-inverse-footer-border: #e9ebf0;
883
891
  --rs-sidenav-subtle-bg: #1a1d24;
884
892
  --rs-sidenav-subtle-text: #e9ebf0;
885
893
  --rs-sidenav-subtle-selected-text: #ffff00;
886
894
  --rs-sidenav-subtle-hover-bg: transparent;
887
895
  --rs-sidenav-subtle-hover-text: #ffff00;
896
+ --rs-sidenav-subtle-footer-border: #e9ebf0;
888
897
  --rs-input-bg: #1a1d24;
889
898
  --rs-input-focus-border: #ffff00;
890
899
  --rs-input-disabled-bg: #292d33;
@@ -929,7 +938,7 @@
929
938
  --rs-uploader-dnd-hover-border: #ffff00;
930
939
  --rs-avatar-bg: #6a6f76;
931
940
  --rs-avatar-text: #fff;
932
- --rs-badge-bg: #bd1732;
941
+ --rs-badge-bg: #f44336;
933
942
  --rs-badge-text: #fff;
934
943
  --rs-tag-bg: #3c3f43;
935
944
  --rs-tag-close: #f44336;
@@ -959,8 +968,8 @@
959
968
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
960
969
  --rs-modal-border: 1px solid #cbced4;
961
970
  --rs-form-errormessage-text: #fff;
962
- --rs-form-errormessage-bg: #bd1732;
963
- --rs-form-errormessage-border: #bd1732;
971
+ --rs-form-errormessage-bg: #f44336;
972
+ --rs-form-errormessage-border: #f44336;
964
973
  --rs-picker-value: #ffff00;
965
974
  --rs-picker-count-bg: #ffff00;
966
975
  --rs-picker-count-text: #0f131a;
@@ -1913,6 +1922,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1913
1922
  color: var(--rs-btn-default-hover-text);
1914
1923
  background-color: #e5e5ea;
1915
1924
  background-color: var(--rs-btn-default-hover-bg);
1925
+ text-decoration: none;
1916
1926
  }
1917
1927
  .rs-btn:active,
1918
1928
  .rs-btn.rs-btn-active {
@@ -4982,7 +4992,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4982
4992
  .rs-dropdown-item.rs-dropdown-item-active:focus {
4983
4993
  color: #1675e0;
4984
4994
  color: var(--rs-dropdown-item-text-active);
4985
- background-color: rgba(242, 250, 255, 0.5);
4995
+ background-color: #f2faff;
4986
4996
  background-color: var(--rs-dropdown-item-bg-active);
4987
4997
  }
4988
4998
  .rs-dropdown-item:focus-visible,
@@ -5044,7 +5054,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5044
5054
  }
5045
5055
  .rs-dropdown-item-submenu.rs-dropdown-item > .rs-dropdown-menu {
5046
5056
  position: absolute;
5047
- top: 0;
5057
+ top: -6px;
5048
5058
  }
5049
5059
  .rs-dropdown-item.rs-dropdown-item-submenu {
5050
5060
  padding: 0;
@@ -5059,6 +5069,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5059
5069
  .rs-dropdown-item-submenu .rs-dropdown-menu {
5060
5070
  left: 100%;
5061
5071
  }
5072
+ .rs-dropdown-item-submenu .rs-dropdown-menu[data-direction='start'] {
5073
+ left: unset;
5074
+ right: 100%;
5075
+ }
5062
5076
  .rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu {
5063
5077
  display: table;
5064
5078
  -webkit-animation-name: slideUpIn;
@@ -5068,7 +5082,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5068
5082
  }
5069
5083
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus {
5070
5084
  outline: 0;
5071
- background-color: rgba(242, 250, 255, 0.5);
5085
+ background-color: #f2faff;
5072
5086
  background-color: var(--rs-dropdown-item-bg-active);
5073
5087
  }
5074
5088
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
@@ -5885,19 +5899,29 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5885
5899
  .rs-grid-container::after {
5886
5900
  clear: both;
5887
5901
  }
5888
- @media (min-width: 480px) {
5902
+ @media (min-width: 576px) {
5889
5903
  .rs-grid-container {
5890
- width: 490px;
5904
+ width: 550px;
5905
+ }
5906
+ }
5907
+ @media (min-width: 768px) {
5908
+ .rs-grid-container {
5909
+ width: 730px;
5891
5910
  }
5892
5911
  }
5893
5912
  @media (min-width: 992px) {
5894
5913
  .rs-grid-container {
5895
- width: 950px;
5914
+ width: 970px;
5896
5915
  }
5897
5916
  }
5898
5917
  @media (min-width: 1200px) {
5899
5918
  .rs-grid-container {
5900
- width: 1150px;
5919
+ width: 970px;
5920
+ }
5921
+ }
5922
+ @media (min-width: 1400px) {
5923
+ .rs-grid-container {
5924
+ width: 970px;
5901
5925
  }
5902
5926
  }
5903
5927
  .rs-grid-container-fluid {
@@ -6215,7 +6239,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6215
6239
  .rs-col-xs-push-0 {
6216
6240
  left: auto;
6217
6241
  }
6218
- @media (min-width: 480px) {
6242
+ @media (min-width: 576px) {
6219
6243
  .rs-col-sm-1 {
6220
6244
  width: 4.16666667%;
6221
6245
  }
@@ -6511,7 +6535,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6511
6535
  left: auto;
6512
6536
  }
6513
6537
  }
6514
- @media (min-width: 992px) {
6538
+ @media (min-width: 768px) {
6515
6539
  .rs-col-md-1 {
6516
6540
  width: 4.16666667%;
6517
6541
  }
@@ -6807,7 +6831,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6807
6831
  left: auto;
6808
6832
  }
6809
6833
  }
6810
- @media (min-width: 1200px) {
6834
+ @media (min-width: 992px) {
6811
6835
  .rs-col-lg-1 {
6812
6836
  width: 4.16666667%;
6813
6837
  }
@@ -7103,26 +7127,628 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7103
7127
  left: auto;
7104
7128
  }
7105
7129
  }
7106
- @media (max-width: 479px) {
7130
+ @media (min-width: 1200px) {
7131
+ .rs-col-xl-1 {
7132
+ width: 4.16666667%;
7133
+ }
7134
+ .rs-col-xl-pull-1 {
7135
+ right: 4.16666667%;
7136
+ }
7137
+ .rs-col-xl-push-1 {
7138
+ left: 4.16666667%;
7139
+ }
7140
+ .rs-col-xl-offset-1 {
7141
+ margin-left: 4.16666667%;
7142
+ }
7143
+ .rs-col-xl-2 {
7144
+ width: 8.33333333%;
7145
+ }
7146
+ .rs-col-xl-pull-2 {
7147
+ right: 8.33333333%;
7148
+ }
7149
+ .rs-col-xl-push-2 {
7150
+ left: 8.33333333%;
7151
+ }
7152
+ .rs-col-xl-offset-2 {
7153
+ margin-left: 8.33333333%;
7154
+ }
7155
+ .rs-col-xl-3 {
7156
+ width: 12.5%;
7157
+ }
7158
+ .rs-col-xl-pull-3 {
7159
+ right: 12.5%;
7160
+ }
7161
+ .rs-col-xl-push-3 {
7162
+ left: 12.5%;
7163
+ }
7164
+ .rs-col-xl-offset-3 {
7165
+ margin-left: 12.5%;
7166
+ }
7167
+ .rs-col-xl-4 {
7168
+ width: 16.66666667%;
7169
+ }
7170
+ .rs-col-xl-pull-4 {
7171
+ right: 16.66666667%;
7172
+ }
7173
+ .rs-col-xl-push-4 {
7174
+ left: 16.66666667%;
7175
+ }
7176
+ .rs-col-xl-offset-4 {
7177
+ margin-left: 16.66666667%;
7178
+ }
7179
+ .rs-col-xl-5 {
7180
+ width: 20.83333333%;
7181
+ }
7182
+ .rs-col-xl-pull-5 {
7183
+ right: 20.83333333%;
7184
+ }
7185
+ .rs-col-xl-push-5 {
7186
+ left: 20.83333333%;
7187
+ }
7188
+ .rs-col-xl-offset-5 {
7189
+ margin-left: 20.83333333%;
7190
+ }
7191
+ .rs-col-xl-6 {
7192
+ width: 25%;
7193
+ }
7194
+ .rs-col-xl-pull-6 {
7195
+ right: 25%;
7196
+ }
7197
+ .rs-col-xl-push-6 {
7198
+ left: 25%;
7199
+ }
7200
+ .rs-col-xl-offset-6 {
7201
+ margin-left: 25%;
7202
+ }
7203
+ .rs-col-xl-7 {
7204
+ width: 29.16666667%;
7205
+ }
7206
+ .rs-col-xl-pull-7 {
7207
+ right: 29.16666667%;
7208
+ }
7209
+ .rs-col-xl-push-7 {
7210
+ left: 29.16666667%;
7211
+ }
7212
+ .rs-col-xl-offset-7 {
7213
+ margin-left: 29.16666667%;
7214
+ }
7215
+ .rs-col-xl-8 {
7216
+ width: 33.33333333%;
7217
+ }
7218
+ .rs-col-xl-pull-8 {
7219
+ right: 33.33333333%;
7220
+ }
7221
+ .rs-col-xl-push-8 {
7222
+ left: 33.33333333%;
7223
+ }
7224
+ .rs-col-xl-offset-8 {
7225
+ margin-left: 33.33333333%;
7226
+ }
7227
+ .rs-col-xl-9 {
7228
+ width: 37.5%;
7229
+ }
7230
+ .rs-col-xl-pull-9 {
7231
+ right: 37.5%;
7232
+ }
7233
+ .rs-col-xl-push-9 {
7234
+ left: 37.5%;
7235
+ }
7236
+ .rs-col-xl-offset-9 {
7237
+ margin-left: 37.5%;
7238
+ }
7239
+ .rs-col-xl-10 {
7240
+ width: 41.66666667%;
7241
+ }
7242
+ .rs-col-xl-pull-10 {
7243
+ right: 41.66666667%;
7244
+ }
7245
+ .rs-col-xl-push-10 {
7246
+ left: 41.66666667%;
7247
+ }
7248
+ .rs-col-xl-offset-10 {
7249
+ margin-left: 41.66666667%;
7250
+ }
7251
+ .rs-col-xl-11 {
7252
+ width: 45.83333333%;
7253
+ }
7254
+ .rs-col-xl-pull-11 {
7255
+ right: 45.83333333%;
7256
+ }
7257
+ .rs-col-xl-push-11 {
7258
+ left: 45.83333333%;
7259
+ }
7260
+ .rs-col-xl-offset-11 {
7261
+ margin-left: 45.83333333%;
7262
+ }
7263
+ .rs-col-xl-12 {
7264
+ width: 50%;
7265
+ }
7266
+ .rs-col-xl-pull-12 {
7267
+ right: 50%;
7268
+ }
7269
+ .rs-col-xl-push-12 {
7270
+ left: 50%;
7271
+ }
7272
+ .rs-col-xl-offset-12 {
7273
+ margin-left: 50%;
7274
+ }
7275
+ .rs-col-xl-13 {
7276
+ width: 54.16666667%;
7277
+ }
7278
+ .rs-col-xl-pull-13 {
7279
+ right: 54.16666667%;
7280
+ }
7281
+ .rs-col-xl-push-13 {
7282
+ left: 54.16666667%;
7283
+ }
7284
+ .rs-col-xl-offset-13 {
7285
+ margin-left: 54.16666667%;
7286
+ }
7287
+ .rs-col-xl-14 {
7288
+ width: 58.33333333%;
7289
+ }
7290
+ .rs-col-xl-pull-14 {
7291
+ right: 58.33333333%;
7292
+ }
7293
+ .rs-col-xl-push-14 {
7294
+ left: 58.33333333%;
7295
+ }
7296
+ .rs-col-xl-offset-14 {
7297
+ margin-left: 58.33333333%;
7298
+ }
7299
+ .rs-col-xl-15 {
7300
+ width: 62.5%;
7301
+ }
7302
+ .rs-col-xl-pull-15 {
7303
+ right: 62.5%;
7304
+ }
7305
+ .rs-col-xl-push-15 {
7306
+ left: 62.5%;
7307
+ }
7308
+ .rs-col-xl-offset-15 {
7309
+ margin-left: 62.5%;
7310
+ }
7311
+ .rs-col-xl-16 {
7312
+ width: 66.66666667%;
7313
+ }
7314
+ .rs-col-xl-pull-16 {
7315
+ right: 66.66666667%;
7316
+ }
7317
+ .rs-col-xl-push-16 {
7318
+ left: 66.66666667%;
7319
+ }
7320
+ .rs-col-xl-offset-16 {
7321
+ margin-left: 66.66666667%;
7322
+ }
7323
+ .rs-col-xl-17 {
7324
+ width: 70.83333333%;
7325
+ }
7326
+ .rs-col-xl-pull-17 {
7327
+ right: 70.83333333%;
7328
+ }
7329
+ .rs-col-xl-push-17 {
7330
+ left: 70.83333333%;
7331
+ }
7332
+ .rs-col-xl-offset-17 {
7333
+ margin-left: 70.83333333%;
7334
+ }
7335
+ .rs-col-xl-18 {
7336
+ width: 75%;
7337
+ }
7338
+ .rs-col-xl-pull-18 {
7339
+ right: 75%;
7340
+ }
7341
+ .rs-col-xl-push-18 {
7342
+ left: 75%;
7343
+ }
7344
+ .rs-col-xl-offset-18 {
7345
+ margin-left: 75%;
7346
+ }
7347
+ .rs-col-xl-19 {
7348
+ width: 79.16666667%;
7349
+ }
7350
+ .rs-col-xl-pull-19 {
7351
+ right: 79.16666667%;
7352
+ }
7353
+ .rs-col-xl-push-19 {
7354
+ left: 79.16666667%;
7355
+ }
7356
+ .rs-col-xl-offset-19 {
7357
+ margin-left: 79.16666667%;
7358
+ }
7359
+ .rs-col-xl-20 {
7360
+ width: 83.33333333%;
7361
+ }
7362
+ .rs-col-xl-pull-20 {
7363
+ right: 83.33333333%;
7364
+ }
7365
+ .rs-col-xl-push-20 {
7366
+ left: 83.33333333%;
7367
+ }
7368
+ .rs-col-xl-offset-20 {
7369
+ margin-left: 83.33333333%;
7370
+ }
7371
+ .rs-col-xl-21 {
7372
+ width: 87.5%;
7373
+ }
7374
+ .rs-col-xl-pull-21 {
7375
+ right: 87.5%;
7376
+ }
7377
+ .rs-col-xl-push-21 {
7378
+ left: 87.5%;
7379
+ }
7380
+ .rs-col-xl-offset-21 {
7381
+ margin-left: 87.5%;
7382
+ }
7383
+ .rs-col-xl-22 {
7384
+ width: 91.66666667%;
7385
+ }
7386
+ .rs-col-xl-pull-22 {
7387
+ right: 91.66666667%;
7388
+ }
7389
+ .rs-col-xl-push-22 {
7390
+ left: 91.66666667%;
7391
+ }
7392
+ .rs-col-xl-offset-22 {
7393
+ margin-left: 91.66666667%;
7394
+ }
7395
+ .rs-col-xl-23 {
7396
+ width: 95.83333333%;
7397
+ }
7398
+ .rs-col-xl-pull-23 {
7399
+ right: 95.83333333%;
7400
+ }
7401
+ .rs-col-xl-push-23 {
7402
+ left: 95.83333333%;
7403
+ }
7404
+ .rs-col-xl-offset-23 {
7405
+ margin-left: 95.83333333%;
7406
+ }
7407
+ .rs-col-xl-24 {
7408
+ width: 100%;
7409
+ }
7410
+ .rs-col-xl-pull-24 {
7411
+ right: 100%;
7412
+ }
7413
+ .rs-col-xl-push-24 {
7414
+ left: 100%;
7415
+ }
7416
+ .rs-col-xl-offset-24 {
7417
+ margin-left: 100%;
7418
+ }
7419
+ .rs-col-xl-pull-0 {
7420
+ right: auto;
7421
+ }
7422
+ .rs-col-xl-push-0 {
7423
+ left: auto;
7424
+ }
7425
+ }
7426
+ @media (min-width: 1400px) {
7427
+ .rs-col-xxl-1 {
7428
+ width: 4.16666667%;
7429
+ }
7430
+ .rs-col-xxl-pull-1 {
7431
+ right: 4.16666667%;
7432
+ }
7433
+ .rs-col-xxl-push-1 {
7434
+ left: 4.16666667%;
7435
+ }
7436
+ .rs-col-xxl-offset-1 {
7437
+ margin-left: 4.16666667%;
7438
+ }
7439
+ .rs-col-xxl-2 {
7440
+ width: 8.33333333%;
7441
+ }
7442
+ .rs-col-xxl-pull-2 {
7443
+ right: 8.33333333%;
7444
+ }
7445
+ .rs-col-xxl-push-2 {
7446
+ left: 8.33333333%;
7447
+ }
7448
+ .rs-col-xxl-offset-2 {
7449
+ margin-left: 8.33333333%;
7450
+ }
7451
+ .rs-col-xxl-3 {
7452
+ width: 12.5%;
7453
+ }
7454
+ .rs-col-xxl-pull-3 {
7455
+ right: 12.5%;
7456
+ }
7457
+ .rs-col-xxl-push-3 {
7458
+ left: 12.5%;
7459
+ }
7460
+ .rs-col-xxl-offset-3 {
7461
+ margin-left: 12.5%;
7462
+ }
7463
+ .rs-col-xxl-4 {
7464
+ width: 16.66666667%;
7465
+ }
7466
+ .rs-col-xxl-pull-4 {
7467
+ right: 16.66666667%;
7468
+ }
7469
+ .rs-col-xxl-push-4 {
7470
+ left: 16.66666667%;
7471
+ }
7472
+ .rs-col-xxl-offset-4 {
7473
+ margin-left: 16.66666667%;
7474
+ }
7475
+ .rs-col-xxl-5 {
7476
+ width: 20.83333333%;
7477
+ }
7478
+ .rs-col-xxl-pull-5 {
7479
+ right: 20.83333333%;
7480
+ }
7481
+ .rs-col-xxl-push-5 {
7482
+ left: 20.83333333%;
7483
+ }
7484
+ .rs-col-xxl-offset-5 {
7485
+ margin-left: 20.83333333%;
7486
+ }
7487
+ .rs-col-xxl-6 {
7488
+ width: 25%;
7489
+ }
7490
+ .rs-col-xxl-pull-6 {
7491
+ right: 25%;
7492
+ }
7493
+ .rs-col-xxl-push-6 {
7494
+ left: 25%;
7495
+ }
7496
+ .rs-col-xxl-offset-6 {
7497
+ margin-left: 25%;
7498
+ }
7499
+ .rs-col-xxl-7 {
7500
+ width: 29.16666667%;
7501
+ }
7502
+ .rs-col-xxl-pull-7 {
7503
+ right: 29.16666667%;
7504
+ }
7505
+ .rs-col-xxl-push-7 {
7506
+ left: 29.16666667%;
7507
+ }
7508
+ .rs-col-xxl-offset-7 {
7509
+ margin-left: 29.16666667%;
7510
+ }
7511
+ .rs-col-xxl-8 {
7512
+ width: 33.33333333%;
7513
+ }
7514
+ .rs-col-xxl-pull-8 {
7515
+ right: 33.33333333%;
7516
+ }
7517
+ .rs-col-xxl-push-8 {
7518
+ left: 33.33333333%;
7519
+ }
7520
+ .rs-col-xxl-offset-8 {
7521
+ margin-left: 33.33333333%;
7522
+ }
7523
+ .rs-col-xxl-9 {
7524
+ width: 37.5%;
7525
+ }
7526
+ .rs-col-xxl-pull-9 {
7527
+ right: 37.5%;
7528
+ }
7529
+ .rs-col-xxl-push-9 {
7530
+ left: 37.5%;
7531
+ }
7532
+ .rs-col-xxl-offset-9 {
7533
+ margin-left: 37.5%;
7534
+ }
7535
+ .rs-col-xxl-10 {
7536
+ width: 41.66666667%;
7537
+ }
7538
+ .rs-col-xxl-pull-10 {
7539
+ right: 41.66666667%;
7540
+ }
7541
+ .rs-col-xxl-push-10 {
7542
+ left: 41.66666667%;
7543
+ }
7544
+ .rs-col-xxl-offset-10 {
7545
+ margin-left: 41.66666667%;
7546
+ }
7547
+ .rs-col-xxl-11 {
7548
+ width: 45.83333333%;
7549
+ }
7550
+ .rs-col-xxl-pull-11 {
7551
+ right: 45.83333333%;
7552
+ }
7553
+ .rs-col-xxl-push-11 {
7554
+ left: 45.83333333%;
7555
+ }
7556
+ .rs-col-xxl-offset-11 {
7557
+ margin-left: 45.83333333%;
7558
+ }
7559
+ .rs-col-xxl-12 {
7560
+ width: 50%;
7561
+ }
7562
+ .rs-col-xxl-pull-12 {
7563
+ right: 50%;
7564
+ }
7565
+ .rs-col-xxl-push-12 {
7566
+ left: 50%;
7567
+ }
7568
+ .rs-col-xxl-offset-12 {
7569
+ margin-left: 50%;
7570
+ }
7571
+ .rs-col-xxl-13 {
7572
+ width: 54.16666667%;
7573
+ }
7574
+ .rs-col-xxl-pull-13 {
7575
+ right: 54.16666667%;
7576
+ }
7577
+ .rs-col-xxl-push-13 {
7578
+ left: 54.16666667%;
7579
+ }
7580
+ .rs-col-xxl-offset-13 {
7581
+ margin-left: 54.16666667%;
7582
+ }
7583
+ .rs-col-xxl-14 {
7584
+ width: 58.33333333%;
7585
+ }
7586
+ .rs-col-xxl-pull-14 {
7587
+ right: 58.33333333%;
7588
+ }
7589
+ .rs-col-xxl-push-14 {
7590
+ left: 58.33333333%;
7591
+ }
7592
+ .rs-col-xxl-offset-14 {
7593
+ margin-left: 58.33333333%;
7594
+ }
7595
+ .rs-col-xxl-15 {
7596
+ width: 62.5%;
7597
+ }
7598
+ .rs-col-xxl-pull-15 {
7599
+ right: 62.5%;
7600
+ }
7601
+ .rs-col-xxl-push-15 {
7602
+ left: 62.5%;
7603
+ }
7604
+ .rs-col-xxl-offset-15 {
7605
+ margin-left: 62.5%;
7606
+ }
7607
+ .rs-col-xxl-16 {
7608
+ width: 66.66666667%;
7609
+ }
7610
+ .rs-col-xxl-pull-16 {
7611
+ right: 66.66666667%;
7612
+ }
7613
+ .rs-col-xxl-push-16 {
7614
+ left: 66.66666667%;
7615
+ }
7616
+ .rs-col-xxl-offset-16 {
7617
+ margin-left: 66.66666667%;
7618
+ }
7619
+ .rs-col-xxl-17 {
7620
+ width: 70.83333333%;
7621
+ }
7622
+ .rs-col-xxl-pull-17 {
7623
+ right: 70.83333333%;
7624
+ }
7625
+ .rs-col-xxl-push-17 {
7626
+ left: 70.83333333%;
7627
+ }
7628
+ .rs-col-xxl-offset-17 {
7629
+ margin-left: 70.83333333%;
7630
+ }
7631
+ .rs-col-xxl-18 {
7632
+ width: 75%;
7633
+ }
7634
+ .rs-col-xxl-pull-18 {
7635
+ right: 75%;
7636
+ }
7637
+ .rs-col-xxl-push-18 {
7638
+ left: 75%;
7639
+ }
7640
+ .rs-col-xxl-offset-18 {
7641
+ margin-left: 75%;
7642
+ }
7643
+ .rs-col-xxl-19 {
7644
+ width: 79.16666667%;
7645
+ }
7646
+ .rs-col-xxl-pull-19 {
7647
+ right: 79.16666667%;
7648
+ }
7649
+ .rs-col-xxl-push-19 {
7650
+ left: 79.16666667%;
7651
+ }
7652
+ .rs-col-xxl-offset-19 {
7653
+ margin-left: 79.16666667%;
7654
+ }
7655
+ .rs-col-xxl-20 {
7656
+ width: 83.33333333%;
7657
+ }
7658
+ .rs-col-xxl-pull-20 {
7659
+ right: 83.33333333%;
7660
+ }
7661
+ .rs-col-xxl-push-20 {
7662
+ left: 83.33333333%;
7663
+ }
7664
+ .rs-col-xxl-offset-20 {
7665
+ margin-left: 83.33333333%;
7666
+ }
7667
+ .rs-col-xxl-21 {
7668
+ width: 87.5%;
7669
+ }
7670
+ .rs-col-xxl-pull-21 {
7671
+ right: 87.5%;
7672
+ }
7673
+ .rs-col-xxl-push-21 {
7674
+ left: 87.5%;
7675
+ }
7676
+ .rs-col-xxl-offset-21 {
7677
+ margin-left: 87.5%;
7678
+ }
7679
+ .rs-col-xxl-22 {
7680
+ width: 91.66666667%;
7681
+ }
7682
+ .rs-col-xxl-pull-22 {
7683
+ right: 91.66666667%;
7684
+ }
7685
+ .rs-col-xxl-push-22 {
7686
+ left: 91.66666667%;
7687
+ }
7688
+ .rs-col-xxl-offset-22 {
7689
+ margin-left: 91.66666667%;
7690
+ }
7691
+ .rs-col-xxl-23 {
7692
+ width: 95.83333333%;
7693
+ }
7694
+ .rs-col-xxl-pull-23 {
7695
+ right: 95.83333333%;
7696
+ }
7697
+ .rs-col-xxl-push-23 {
7698
+ left: 95.83333333%;
7699
+ }
7700
+ .rs-col-xxl-offset-23 {
7701
+ margin-left: 95.83333333%;
7702
+ }
7703
+ .rs-col-xxl-24 {
7704
+ width: 100%;
7705
+ }
7706
+ .rs-col-xxl-pull-24 {
7707
+ right: 100%;
7708
+ }
7709
+ .rs-col-xxl-push-24 {
7710
+ left: 100%;
7711
+ }
7712
+ .rs-col-xxl-offset-24 {
7713
+ margin-left: 100%;
7714
+ }
7715
+ .rs-col-xxl-pull-0 {
7716
+ right: auto;
7717
+ }
7718
+ .rs-col-xxl-push-0 {
7719
+ left: auto;
7720
+ }
7721
+ }
7722
+ @media (max-width: 575px) {
7107
7723
  .rs-hidden-xs {
7108
7724
  display: none;
7109
7725
  }
7110
7726
  }
7111
- @media (min-width: 480px) and (max-width: 991px) {
7727
+ @media (min-width: 576px) and (max-width: 767px) {
7112
7728
  .rs-hidden-sm {
7113
7729
  display: none;
7114
7730
  }
7115
7731
  }
7116
- @media (min-width: 992px) and (max-width: 1199px) {
7732
+ @media (min-width: 768px) and (max-width: 991px) {
7117
7733
  .rs-hidden-md {
7118
7734
  display: none;
7119
7735
  }
7120
7736
  }
7121
- @media (min-width: 1200px) {
7737
+ @media (min-width: 992px) and (max-width: 1199px) {
7122
7738
  .rs-hidden-lg {
7123
7739
  display: none;
7124
7740
  }
7125
7741
  }
7742
+ @media (min-width: 1200px) and (max-width: 1399px) {
7743
+ .rs-hidden-xl {
7744
+ display: none;
7745
+ }
7746
+ }
7747
+ @media (min-width: 1400px) {
7748
+ .rs-hidden-xxl {
7749
+ display: none;
7750
+ }
7751
+ }
7126
7752
  .rs-header {
7127
7753
  -webkit-box-flex: 0;
7128
7754
  -ms-flex: 0 0 auto;
@@ -9793,6 +10419,7 @@ textarea.rs-picker-search-input {
9793
10419
  color: var(--rs-btn-default-hover-text);
9794
10420
  background-color: #e5e5ea;
9795
10421
  background-color: var(--rs-btn-default-hover-bg);
10422
+ text-decoration: none;
9796
10423
  }
9797
10424
  .rs-pagination-btn:active,
9798
10425
  .rs-pagination-btn.rs-btn-active {
@@ -10225,6 +10852,7 @@ textarea.rs-picker-search-input {
10225
10852
  color: var(--rs-btn-default-hover-text);
10226
10853
  background-color: #e5e5ea;
10227
10854
  background-color: var(--rs-btn-default-hover-bg);
10855
+ text-decoration: none;
10228
10856
  }
10229
10857
  .rs-picker-toggle:active,
10230
10858
  .rs-picker-toggle.rs-btn-active {
@@ -12216,6 +12844,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12216
12844
  color: var(--rs-btn-default-hover-text);
12217
12845
  background-color: #e5e5ea;
12218
12846
  background-color: var(--rs-btn-default-hover-bg);
12847
+ text-decoration: none;
12219
12848
  }
12220
12849
  .rs-radio-group-picker .rs-radio-checker > label:active,
12221
12850
  .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
@@ -12504,13 +13133,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12504
13133
  -webkit-transition: width 0.2s ease-in;
12505
13134
  transition: width 0.2s ease-in;
12506
13135
  width: 56px;
13136
+ display: -webkit-box;
13137
+ display: -ms-flexbox;
13138
+ display: flex;
13139
+ -webkit-box-orient: vertical;
13140
+ -webkit-box-direction: normal;
13141
+ -ms-flex-direction: column;
13142
+ flex-direction: column;
12507
13143
  }
12508
13144
  .rs-sidenav-nav {
12509
13145
  list-style: none;
12510
13146
  padding: 0;
12511
13147
  }
12512
- .rs-sidenav-nav > .rs-sidenav-item,
12513
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13148
+ .rs-sidenav-nav .rs-sidenav-item,
13149
+ .rs-sidenav-nav .rs-dropdown-toggle,
12514
13150
  .rs-sidenav-nav .rs-dropdown-item,
12515
13151
  .rs-sidenav-nav .rs-dropdown-item-toggle {
12516
13152
  padding: 15px 20px;
@@ -12519,8 +13155,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12519
13155
  border-radius: 0;
12520
13156
  color: inherit;
12521
13157
  }
12522
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
12523
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13158
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item,
13159
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12524
13160
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
12525
13161
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
12526
13162
  -webkit-transition: none;
@@ -12689,6 +13325,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12689
13325
  .rs-theme-high-contrast .rs-sidenav-item.rs-sidenav-item-focus {
12690
13326
  outline-offset: 2px;
12691
13327
  }
13328
+ .rs-sidenav-toggle {
13329
+ height: 50px;
13330
+ border-top: 1px solid;
13331
+ margin-top: auto;
13332
+ }
13333
+ .rs-sidenav-toggle-button {
13334
+ float: right;
13335
+ width: 56px;
13336
+ height: 100%;
13337
+ border: none;
13338
+ border-radius: 0;
13339
+ color: inherit;
13340
+ }
12692
13341
  .rs-sidenav-collapse-in {
12693
13342
  width: 100%;
12694
13343
  }
@@ -12918,12 +13567,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12918
13567
  color: var(--rs-sidenav-default-text);
12919
13568
  }
12920
13569
  .rs-sidenav-default .rs-sidenav-item,
12921
- .rs-sidenav-default .rs-dropdown-toggle {
13570
+ .rs-sidenav-default .rs-dropdown-toggle,
13571
+ .rs-sidenav-default .rs-sidenav-toggle-button {
12922
13572
  background-color: #f7f7fa;
12923
13573
  background-color: var(--rs-sidenav-default-bg);
12924
13574
  }
12925
13575
  .rs-sidenav-default .rs-sidenav-item:hover,
12926
13576
  .rs-sidenav-default .rs-dropdown .rs-dropdown-toggle:hover,
13577
+ .rs-sidenav-default .rs-sidenav-toggle-button:hover,
12927
13578
  .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
12928
13579
  background-color: #e5e5ea;
12929
13580
  background-color: var(--rs-sidenav-default-hover-bg);
@@ -12936,6 +13587,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12936
13587
  color: #1675e0;
12937
13588
  color: var(--rs-sidenav-default-selected-text);
12938
13589
  }
13590
+ .rs-sidenav-default .rs-sidenav-toggle {
13591
+ border-top-color: #e5e5ea;
13592
+ border-top-color: var(--rs-sidenav-default-footer-border);
13593
+ }
12939
13594
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
12940
13595
  background-color: rgba(204, 233, 255, 0.5);
12941
13596
  background-color: var(--rs-menuitem-active-bg);
@@ -12998,34 +13653,41 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12998
13653
  }
12999
13654
  .rs-sidenav-inverse .rs-sidenav-item,
13000
13655
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle,
13656
+ .rs-sidenav-inverse .rs-sidenav-toggle-button,
13001
13657
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
13002
13658
  background-color: #3498ff;
13003
13659
  background-color: var(--rs-sidenav-inverse-bg);
13004
13660
  }
13005
13661
  .rs-sidenav-inverse .rs-sidenav-item:hover,
13006
13662
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
13663
+ .rs-sidenav-inverse .rs-sidenav-toggle-button:hover,
13007
13664
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
13008
13665
  .rs-sidenav-inverse .rs-sidenav-item:focus,
13009
13666
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
13667
+ .rs-sidenav-inverse .rs-sidenav-toggle-button:focus,
13010
13668
  .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus {
13011
13669
  background-color: #2589f5;
13012
13670
  background-color: var(--rs-sidenav-inverse-hover-bg);
13013
13671
  }
13014
13672
  .rs-sidenav-inverse .rs-dropdown-item,
13015
13673
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle,
13016
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle {
13674
+ .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle,
13675
+ .rs-sidenav-inverse .rs-sidenav-toggle-button {
13017
13676
  color: #fff;
13018
13677
  color: var(--rs-sidenav-inverse-text);
13019
13678
  }
13020
13679
  .rs-sidenav-inverse .rs-dropdown-item:hover,
13021
13680
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
13022
13681
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13682
+ .rs-sidenav-inverse .rs-sidenav-toggle-button:hover,
13023
13683
  .rs-sidenav-inverse .rs-dropdown-item:focus,
13024
13684
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13025
13685
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
13686
+ .rs-sidenav-inverse .rs-sidenav-toggle-button:focus,
13026
13687
  .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-focus,
13027
13688
  .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
13028
- .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
13689
+ .rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
13690
+ .rs-sidenav-inverse .rs-sidenav-toggle-button.rs-dropdown-item-focus {
13029
13691
  background-color: #2589f5;
13030
13692
  background-color: var(--rs-sidenav-inverse-hover-bg);
13031
13693
  color: #fff;
@@ -13058,20 +13720,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13058
13720
  background-color: #1675e0;
13059
13721
  background-color: var(--rs-sidenav-inverse-selected-bg);
13060
13722
  }
13723
+ .rs-sidenav-inverse .rs-sidenav-toggle {
13724
+ border-top-color: #2589f5;
13725
+ border-top-color: var(--rs-sidenav-inverse-footer-border);
13726
+ }
13061
13727
  .rs-sidenav-subtle {
13062
13728
  background-color: transparent;
13063
- color: #8e8e93;
13064
- color: var(--rs-sidenav-subtle-text);
13065
13729
  }
13066
13730
  .rs-sidenav-subtle .rs-sidenav-item,
13067
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle {
13731
+ .rs-sidenav-subtle .rs-dropdown-toggle,
13732
+ .rs-sidenav-subtle .rs-dropdown-item,
13733
+ .rs-sidenav-subtle .rs-sidenav-toggle-button {
13068
13734
  background-color: transparent;
13735
+ color: #8e8e93;
13736
+ color: var(--rs-sidenav-subtle-text);
13069
13737
  }
13070
13738
  .rs-sidenav-subtle .rs-sidenav-item:hover,
13071
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
13072
- .rs-sidenav-subtle .rs-sidenav-item:focus,
13073
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus {
13074
- background-color: transparent;
13739
+ .rs-sidenav-subtle .rs-dropdown-toggle:hover,
13740
+ .rs-sidenav-subtle .rs-dropdown-item:hover,
13741
+ .rs-sidenav-subtle .rs-sidenav-toggle-button:hover,
13742
+ .rs-sidenav-subtle .rs-sidenav-item:focus-visible,
13743
+ .rs-sidenav-subtle .rs-dropdown-toggle:focus-visible,
13744
+ .rs-sidenav-subtle .rs-dropdown-item:focus-visible,
13745
+ .rs-sidenav-subtle .rs-sidenav-toggle-button:focus-visible {
13746
+ background-color: #f7f7fa;
13747
+ background-color: var(--rs-sidenav-subtle-hover-bg);
13075
13748
  color: #575757;
13076
13749
  color: var(--rs-sidenav-subtle-hover-text);
13077
13750
  }
@@ -13089,6 +13762,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13089
13762
  background-color: #f7f7fa;
13090
13763
  background-color: var(--rs-sidenav-subtle-hover-bg);
13091
13764
  }
13765
+ .rs-sidenav-subtle .rs-sidenav-toggle {
13766
+ border-top-color: #e5e5ea;
13767
+ border-top-color: var(--rs-sidenav-subtle-footer-border);
13768
+ }
13092
13769
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
13093
13770
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
13094
13771
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -13100,10 +13777,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13100
13777
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
13101
13778
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13102
13779
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13103
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13104
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13105
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
13106
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
13780
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13781
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13782
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
13783
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible {
13107
13784
  background-color: #f7f7fa;
13108
13785
  background-color: var(--rs-sidenav-subtle-hover-bg);
13109
13786
  color: #575757;
@@ -13114,12 +13791,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13114
13791
  color: #1675e0;
13115
13792
  color: var(--rs-sidenav-subtle-selected-text);
13116
13793
  }
13117
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13118
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13119
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
13120
- color: #8e8e93;
13121
- color: var(--rs-sidenav-subtle-text);
13122
- }
13123
13794
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13124
13795
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13125
13796
  .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
@@ -13809,11 +14480,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13809
14480
  position: absolute;
13810
14481
  cursor: ew-resize !important;
13811
14482
  outline: none;
13812
- border-left: 3px solid #fff;
13813
- border-left: 3px solid var(--rs-bg-card);
13814
14483
  -webkit-box-sizing: content-box;
13815
14484
  box-sizing: content-box;
13816
- margin-left: -3px;
13817
14485
  }
13818
14486
  .rs-table-column-resize-spanner::after,
13819
14487
  .rs-table-column-resize-spanner::before {
@@ -14644,8 +15312,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14644
15312
  transition: opacity 0.15s linear, transform 0.15s ease-in;
14645
15313
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
14646
15314
  }
14647
- .rs-tooltip::before,
14648
- .rs-tooltip::after {
15315
+ .rs-tooltip-arrow::before,
15316
+ .rs-tooltip-arrow::after {
14649
15317
  content: ' ';
14650
15318
  display: block;
14651
15319
  position: absolute;
@@ -14654,14 +15322,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14654
15322
  border-color: transparent;
14655
15323
  border-style: solid;
14656
15324
  }
14657
- .rs-tooltip::before {
15325
+ .rs-tooltip-arrow::before {
14658
15326
  display: none;
14659
15327
  }
14660
15328
  .rs-theme-high-contrast .rs-tooltip {
14661
15329
  border: 1px solid #e5e5ea;
14662
15330
  border: 1px solid var(--rs-border-primary);
14663
15331
  }
14664
- .rs-theme-high-contrast .rs-tooltip::before {
15332
+ .rs-theme-high-contrast .rs-tooltip-arrow::before {
14665
15333
  display: block;
14666
15334
  }
14667
15335
  .rs-tooltip[class*='placement-top'] {
@@ -15384,6 +16052,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15384
16052
  color: var(--rs-btn-default-hover-text);
15385
16053
  background-color: #e5e5ea;
15386
16054
  background-color: var(--rs-btn-default-hover-bg);
16055
+ text-decoration: none;
15387
16056
  }
15388
16057
  .rs-uploader-picture .rs-uploader-trigger-btn:active,
15389
16058
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
@@ -15754,6 +16423,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15754
16423
  color: var(--rs-btn-default-hover-text);
15755
16424
  background-color: #e5e5ea;
15756
16425
  background-color: var(--rs-btn-default-hover-bg);
16426
+ text-decoration: none;
15757
16427
  }
15758
16428
  .rs-uploader-text .rs-uploader-trigger-btn:active,
15759
16429
  .rs-uploader-picture-text .rs-uploader-trigger-btn:active,