rsuite 5.0.0-beta.5 → 5.0.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 (194) hide show
  1. package/Animation/styles/index.less +16 -16
  2. package/Animation/styles/mixin.less +2 -2
  3. package/Button/styles/index.less +36 -1
  4. package/Button/styles/mixin.less +7 -1
  5. package/CHANGELOG.md +47 -4
  6. package/Calendar/styles/index.less +7 -1
  7. package/Checkbox/styles/index.less +18 -2
  8. package/DatePicker/styles/index.less +6 -2
  9. package/Drawer/styles/index.less +11 -2
  10. package/Drawer/styles/mixin.less +2 -2
  11. package/Dropdown/styles/index.less +4 -0
  12. package/Form/styles/mixin.less +6 -0
  13. package/InputGroup/styles/index.less +4 -0
  14. package/Message/styles/index.less +16 -0
  15. package/Modal/styles/index.less +3 -2
  16. package/Nav/styles/index.less +18 -2
  17. package/Navbar/styles/index.less +68 -34
  18. package/Notification/styles/index.less +9 -3
  19. package/Pagination/styles/index.less +12 -1
  20. package/Pagination/styles/mixin.less +7 -0
  21. package/Picker/styles/index.less +25 -3
  22. package/Picker/styles/mixin.less +7 -2
  23. package/Popover/styles/index.less +23 -30
  24. package/Popover/styles/mixins.less +72 -0
  25. package/README.md +4 -4
  26. package/Radio/styles/index.less +16 -0
  27. package/RadioGroup/styles/index.less +4 -0
  28. package/Rate/styles/index.less +13 -2
  29. package/Ripple/styles/index.less +8 -4
  30. package/Sidenav/styles/index.less +160 -47
  31. package/Table/styles/index.less +8 -0
  32. package/TagInput/package.json +7 -0
  33. package/TagInput/styles/index.less +13 -0
  34. package/Toggle/styles/index.less +29 -19
  35. package/Tooltip/styles/index.less +32 -38
  36. package/Tooltip/styles/mixins.less +72 -0
  37. package/Uploader/styles/index.less +11 -1
  38. package/cjs/@types/common.d.ts +2 -0
  39. package/cjs/Animation/Bounce.js +10 -4
  40. package/cjs/Animation/Collapse.d.ts +1 -48
  41. package/cjs/Animation/Collapse.js +60 -106
  42. package/cjs/Animation/Fade.js +10 -5
  43. package/cjs/Animation/Slide.js +8 -4
  44. package/cjs/Carousel/Carousel.d.ts +7 -0
  45. package/cjs/Carousel/Carousel.js +24 -11
  46. package/cjs/CheckTree/index.js +14 -5
  47. package/cjs/CheckTreePicker/CheckTreePicker.js +9 -5
  48. package/cjs/DatePicker/DatePicker.d.ts +5 -1
  49. package/cjs/DatePicker/DatePicker.js +2 -13
  50. package/cjs/DateRangePicker/Calendar.d.ts +2 -1
  51. package/cjs/DateRangePicker/Calendar.js +4 -3
  52. package/cjs/DateRangePicker/DateRangePicker.d.ts +1 -1
  53. package/cjs/DateRangePicker/DateRangePicker.js +58 -43
  54. package/cjs/DateRangePicker/utils.d.ts +1 -1
  55. package/cjs/DateRangePicker/utils.js +9 -5
  56. package/cjs/Dropdown/Dropdown.js +31 -18
  57. package/cjs/Dropdown/DropdownContext.d.ts +4 -1
  58. package/cjs/Dropdown/DropdownItem.js +31 -4
  59. package/cjs/Dropdown/DropdownState.d.ts +37 -0
  60. package/cjs/Dropdown/DropdownState.js +66 -0
  61. package/cjs/Dropdown/DropdownToggle.js +3 -6
  62. package/cjs/InputNumber/InputNumber.js +11 -10
  63. package/cjs/InputPicker/InputPicker.d.ts +16 -3
  64. package/cjs/InputPicker/InputPicker.js +85 -44
  65. package/cjs/List/ListItem.d.ts +1 -1
  66. package/cjs/Menu/MenuItem.js +1 -1
  67. package/cjs/MultiCascader/MultiCascader.js +4 -3
  68. package/cjs/Nav/NavItem.js +11 -63
  69. package/cjs/Navbar/NavbarItem.d.ts +19 -0
  70. package/cjs/Navbar/NavbarItem.js +93 -0
  71. package/cjs/Pagination/Pagination.js +1 -1
  72. package/cjs/Picker/PickerToggle.js +2 -2
  73. package/cjs/Picker/utils.d.ts +1 -1
  74. package/cjs/Picker/utils.js +26 -22
  75. package/cjs/Progress/ProgressCircle.js +15 -15
  76. package/cjs/SelectPicker/SelectPicker.d.ts +1 -3
  77. package/cjs/Sidenav/SidenavDropdown.js +6 -1
  78. package/cjs/Sidenav/SidenavItem.js +46 -12
  79. package/cjs/Slider/Slider.js +2 -1
  80. package/cjs/TagInput/index.d.ts +13 -0
  81. package/cjs/TagInput/index.js +58 -0
  82. package/cjs/TagPicker/index.d.ts +10 -2
  83. package/cjs/TagPicker/index.js +25 -6
  84. package/cjs/Tree/Tree.d.ts +0 -2
  85. package/cjs/Tree/Tree.js +13 -4
  86. package/cjs/Tree/TreeContext.d.ts +7 -0
  87. package/cjs/Tree/TreeContext.js +13 -0
  88. package/cjs/TreePicker/TreeNode.js +10 -3
  89. package/cjs/TreePicker/TreePicker.js +22 -10
  90. package/cjs/Uploader/UploadFileItem.d.ts +5 -0
  91. package/cjs/Uploader/UploadFileItem.js +4 -3
  92. package/cjs/Uploader/Uploader.d.ts +8 -3
  93. package/cjs/Uploader/Uploader.js +12 -6
  94. package/cjs/index.d.ts +2 -0
  95. package/cjs/index.js +5 -1
  96. package/cjs/utils/ajaxUpload.d.ts +5 -1
  97. package/cjs/utils/ajaxUpload.js +24 -13
  98. package/cjs/utils/constants.d.ts +1 -0
  99. package/cjs/utils/constants.js +1 -0
  100. package/cjs/utils/dateUtils.d.ts +1 -0
  101. package/cjs/utils/dateUtils.js +5 -1
  102. package/cjs/utils/useInternalId.d.ts +4 -0
  103. package/cjs/utils/useInternalId.js +24 -0
  104. package/cjs/utils/useUniqueId.d.ts +1 -1
  105. package/cjs/utils/useUniqueId.js +1 -1
  106. package/dist/rsuite-rtl.css +1614 -221
  107. package/dist/rsuite-rtl.min.css +1 -1
  108. package/dist/rsuite-rtl.min.css.map +1 -1
  109. package/dist/rsuite.css +1618 -221
  110. package/dist/rsuite.js +288 -288
  111. package/dist/rsuite.min.css +1 -1
  112. package/dist/rsuite.min.css.map +1 -1
  113. package/dist/rsuite.min.js +1 -1
  114. package/dist/rsuite.min.js.map +1 -1
  115. package/esm/@types/common.d.ts +2 -0
  116. package/esm/Animation/Bounce.js +8 -4
  117. package/esm/Animation/Collapse.d.ts +1 -48
  118. package/esm/Animation/Collapse.js +59 -104
  119. package/esm/Animation/Fade.js +8 -4
  120. package/esm/Animation/Slide.js +6 -3
  121. package/esm/Carousel/Carousel.d.ts +7 -0
  122. package/esm/Carousel/Carousel.js +25 -12
  123. package/esm/CheckTree/index.js +11 -5
  124. package/esm/CheckTreePicker/CheckTreePicker.js +8 -6
  125. package/esm/DatePicker/DatePicker.d.ts +5 -1
  126. package/esm/DatePicker/DatePicker.js +2 -13
  127. package/esm/DateRangePicker/Calendar.d.ts +2 -1
  128. package/esm/DateRangePicker/Calendar.js +4 -3
  129. package/esm/DateRangePicker/DateRangePicker.d.ts +1 -1
  130. package/esm/DateRangePicker/DateRangePicker.js +27 -12
  131. package/esm/DateRangePicker/utils.d.ts +1 -1
  132. package/esm/DateRangePicker/utils.js +7 -3
  133. package/esm/Dropdown/Dropdown.js +30 -19
  134. package/esm/Dropdown/DropdownContext.d.ts +4 -1
  135. package/esm/Dropdown/DropdownItem.js +30 -6
  136. package/esm/Dropdown/DropdownState.d.ts +37 -0
  137. package/esm/Dropdown/DropdownState.js +55 -0
  138. package/esm/Dropdown/DropdownToggle.js +3 -6
  139. package/esm/InputNumber/InputNumber.js +11 -10
  140. package/esm/InputPicker/InputPicker.d.ts +16 -3
  141. package/esm/InputPicker/InputPicker.js +84 -45
  142. package/esm/List/ListItem.d.ts +1 -1
  143. package/esm/Menu/MenuItem.js +1 -1
  144. package/esm/MultiCascader/MultiCascader.js +4 -3
  145. package/esm/Nav/NavItem.js +12 -61
  146. package/esm/Navbar/NavbarItem.d.ts +19 -0
  147. package/esm/Navbar/NavbarItem.js +73 -0
  148. package/esm/Pagination/Pagination.js +1 -1
  149. package/esm/Picker/PickerToggle.js +2 -2
  150. package/esm/Picker/utils.d.ts +1 -1
  151. package/esm/Picker/utils.js +26 -22
  152. package/esm/Progress/ProgressCircle.js +15 -15
  153. package/esm/SelectPicker/SelectPicker.d.ts +1 -3
  154. package/esm/Sidenav/SidenavDropdown.js +5 -1
  155. package/esm/Sidenav/SidenavItem.js +47 -13
  156. package/esm/Slider/Slider.js +2 -1
  157. package/esm/TagInput/index.d.ts +13 -0
  158. package/esm/TagInput/index.js +44 -0
  159. package/esm/TagPicker/index.d.ts +10 -2
  160. package/esm/TagPicker/index.js +23 -6
  161. package/esm/Tree/Tree.d.ts +0 -2
  162. package/esm/Tree/Tree.js +10 -4
  163. package/esm/Tree/TreeContext.d.ts +7 -0
  164. package/esm/Tree/TreeContext.js +3 -0
  165. package/esm/TreePicker/TreeNode.js +10 -4
  166. package/esm/TreePicker/TreePicker.js +23 -12
  167. package/esm/Uploader/UploadFileItem.d.ts +5 -0
  168. package/esm/Uploader/UploadFileItem.js +2 -3
  169. package/esm/Uploader/Uploader.d.ts +8 -3
  170. package/esm/Uploader/Uploader.js +12 -6
  171. package/esm/index.d.ts +2 -0
  172. package/esm/index.js +1 -0
  173. package/esm/utils/ajaxUpload.d.ts +5 -1
  174. package/esm/utils/ajaxUpload.js +24 -13
  175. package/esm/utils/constants.d.ts +1 -0
  176. package/esm/utils/constants.js +1 -0
  177. package/esm/utils/dateUtils.d.ts +1 -0
  178. package/esm/utils/dateUtils.js +1 -0
  179. package/esm/utils/useInternalId.d.ts +4 -0
  180. package/esm/utils/useInternalId.js +16 -0
  181. package/esm/utils/useUniqueId.d.ts +1 -1
  182. package/esm/utils/useUniqueId.js +1 -1
  183. package/package.json +4 -9
  184. package/styles/color-modes/dark.less +28 -5
  185. package/styles/color-modes/high-contrast.less +317 -0
  186. package/styles/color-modes/light.less +24 -1
  187. package/styles/color-modes.less +5 -0
  188. package/styles/colors/high-contrast.less +105 -0
  189. package/styles/index.less +1 -0
  190. package/styles/mixins/color-modes.less +6 -0
  191. package/styles/mixins/listbox.less +13 -1
  192. package/styles/mixins/menu.less +7 -0
  193. package/styles/mixins/utilities.less +9 -1
  194. package/styles/variables.less +11 -0
@@ -224,6 +224,20 @@
224
224
  --rs-navbar-subtle-selected-text: #1675e0;
225
225
  --rs-navbar-subtle-hover-bg: #f7f7fa;
226
226
  --rs-navbar-subtle-hover-text: #575757;
227
+ --rs-sidenav-default-bg: #f7f7fa;
228
+ --rs-sidenav-default-text: #575757;
229
+ --rs-sidenav-default-selected-text: #1675e0;
230
+ --rs-sidenav-default-hover-bg: #e5e5ea;
231
+ --rs-sidenav-default-hover-text: #575757;
232
+ --rs-sidenav-inverse-bg: #3498ff;
233
+ --rs-sidenav-inverse-text: #fff;
234
+ --rs-sidenav-inverse-selected-bg: #1675e0;
235
+ --rs-sidenav-inverse-hover-bg: #2589f5;
236
+ --rs-sidenav-subtle-bg: #fff;
237
+ --rs-sidenav-subtle-text: #8e8e93;
238
+ --rs-sidenav-subtle-selected-text: #1675e0;
239
+ --rs-sidenav-subtle-hover-bg: #f7f7fa;
240
+ --rs-sidenav-subtle-hover-text: #575757;
227
241
  --rs-input-bg: #fff;
228
242
  --rs-input-focus-border: #3498ff;
229
243
  --rs-input-disabled-bg: #f7f7fa;
@@ -241,12 +255,15 @@
241
255
  --rs-radio-border: #d9d9d9;
242
256
  --rs-radio-checked-bg: #3498ff;
243
257
  --rs-radio-disabled-bg: #f7f7fa;
258
+ --rs-rate-symbol: #8e8e93;
259
+ --rs-rate-symbol-checked: #ffb300;
244
260
  --rs-toggle-bg: #d9d9d9;
245
261
  --rs-toggle-thumb: #fff;
246
262
  --rs-toggle-hover-bg: #c5c6c7;
247
263
  --rs-toggle-disabled-bg: #f7f7fa;
248
264
  --rs-toggle-disabled-thumb: #fff;
249
265
  --rs-toggle-checked-bg: #3498ff;
266
+ --rs-toggle-checked-thumb: #fff;
250
267
  --rs-toggle-checked-hover-bg: #2589f5;
251
268
  --rs-toggle-checked-disabled-bg: #cce9ff;
252
269
  --rs-toggle-checked-disabled-thumb: #fff;
@@ -293,11 +310,13 @@
293
310
  --rs-form-errormessage-bg: #fff;
294
311
  --rs-form-errormessage-border: #e5e5ea;
295
312
  --rs-picker-value: #1675e0;
296
- --rs-picker-count: #3498ff;
313
+ --rs-picker-count-bg: #3498ff;
314
+ --rs-picker-count-text: #fff;
297
315
  --rs-calendar-today-bg: #3498ff;
298
316
  --rs-calendar-today-text: #fff;
299
317
  --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
300
318
  --rs-calendar-time-unit-bg: #f7f7fa;
319
+ --rs-calendar-date-selected-text: #fff;
301
320
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
302
321
  }
303
322
  .rs-theme-dark {
@@ -460,19 +479,19 @@
460
479
  --rs-message-success-header: #fff;
461
480
  --rs-message-success-text: #fff;
462
481
  --rs-message-success-icon: #fff;
463
- --rs-message-success-bg: #4caf50;
482
+ --rs-message-success-bg: #58b15b;
464
483
  --rs-message-info-header: #fff;
465
484
  --rs-message-info-text: #fff;
466
485
  --rs-message-info-icon: #fff;
467
- --rs-message-info-bg: #2196f3;
486
+ --rs-message-info-bg: #1499ef;
468
487
  --rs-message-warning-header: #0f131a;
469
488
  --rs-message-warning-text: #0f131a;
470
489
  --rs-message-warning-icon: #0f131a;
471
- --rs-message-warning-bg: #ffb300;
490
+ --rs-message-warning-bg: #ffc757;
472
491
  --rs-message-error-header: #fff;
473
492
  --rs-message-error-text: #fff;
474
493
  --rs-message-error-icon: #fff;
475
- --rs-message-error-bg: #f44336;
494
+ --rs-message-error-bg: #f04f43;
476
495
  --rs-tooltip-bg: #5c6066;
477
496
  --rs-tooltip-text: #fff;
478
497
  --rs-progress-bg: #292d33;
@@ -520,6 +539,20 @@
520
539
  --rs-navbar-subtle-selected-text: #34c3ff;
521
540
  --rs-navbar-subtle-hover-bg: #292d33;
522
541
  --rs-navbar-subtle-hover-text: #e9ebf0;
542
+ --rs-sidenav-default-bg: #1a1d24;
543
+ --rs-sidenav-default-text: #a4a9b3;
544
+ --rs-sidenav-default-selected-text: #34c3ff;
545
+ --rs-sidenav-default-hover-bg: #292d33;
546
+ --rs-sidenav-default-hover-text: #e9ebf0;
547
+ --rs-sidenav-inverse-bg: #169de0;
548
+ --rs-sidenav-inverse-text: #fff;
549
+ --rs-sidenav-inverse-selected-bg: #59d0ff;
550
+ --rs-sidenav-inverse-hover-bg: #25b3f5;
551
+ --rs-sidenav-subtle-bg: transparent;
552
+ --rs-sidenav-subtle-text: #a4a9b3;
553
+ --rs-sidenav-subtle-selected-text: #34c3ff;
554
+ --rs-sidenav-subtle-hover-bg: #292d33;
555
+ --rs-sidenav-subtle-hover-text: #e9ebf0;
523
556
  --rs-input-bg: #1a1d24;
524
557
  --rs-input-focus-border: #34c3ff;
525
558
  --rs-input-disabled-bg: #292d33;
@@ -537,12 +570,15 @@
537
570
  --rs-radio-border: #6a6f76;
538
571
  --rs-radio-checked-bg: #34c3ff;
539
572
  --rs-radio-disabled-bg: #5c6066;
573
+ --rs-rate-symbol: #3c3f43;
574
+ --rs-rate-symbol-checked: #ffc757;
540
575
  --rs-toggle-bg: #6a6f76;
541
576
  --rs-toggle-thumb: #fff;
542
577
  --rs-toggle-hover-bg: #858b94;
543
578
  --rs-toggle-disabled-bg: #3c3f43;
544
579
  --rs-toggle-disabled-thumb: #5c6066;
545
580
  --rs-toggle-checked-bg: #169de0;
581
+ --rs-toggle-checked-thumb: #fff;
546
582
  --rs-toggle-checked-hover-bg: #25b3f5;
547
583
  --rs-toggle-checked-disabled-bg: #006199;
548
584
  --rs-toggle-checked-disabled-thumb: #858b94;
@@ -589,11 +625,342 @@
589
625
  --rs-form-errormessage-bg: #f44336;
590
626
  --rs-form-errormessage-border: #f44336;
591
627
  --rs-picker-value: #34c3ff;
592
- --rs-picker-count: #169de0;
628
+ --rs-picker-count-bg: #169de0;
629
+ --rs-picker-count-text: #fff;
593
630
  --rs-calendar-today-bg: #169de0;
594
631
  --rs-calendar-today-text: #fff;
595
632
  --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
596
633
  --rs-calendar-time-unit-bg: #3c3f43;
634
+ --rs-calendar-date-selected-text: #fff;
635
+ --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
636
+ }
637
+ .rs-theme-high-contrast {
638
+ --rs-gray-50: #e9ebf0;
639
+ --rs-gray-100: #cbced4;
640
+ --rs-gray-200: #a4a9b3;
641
+ --rs-gray-300: #858b94;
642
+ --rs-gray-400: #6a6f76;
643
+ --rs-gray-500: #5c6066;
644
+ --rs-gray-600: #3c3f43;
645
+ --rs-gray-700: #292d33;
646
+ --rs-gray-800: #1a1d24;
647
+ --rs-gray-900: #0f131a;
648
+ --rs-primary-50: #fffef2;
649
+ --rs-primary-100: #fffbc2;
650
+ --rs-primary-200: #fffa91;
651
+ --rs-primary-300: #fffa61;
652
+ --rs-primary-400: #fffc30;
653
+ --rs-primary-500: #ffff00;
654
+ --rs-primary-600: #f1f500;
655
+ --rs-primary-700: #d9e000;
656
+ --rs-primary-800: #b8c200;
657
+ --rs-primary-900: #8f9900;
658
+ --rs-red-50: #fff2f5;
659
+ --rs-red-100: #f2c2cd;
660
+ --rs-red-200: #e691a3;
661
+ --rs-red-300: #d6637a;
662
+ --rs-red-400: #c93a55;
663
+ --rs-red-500: #bd1732;
664
+ --rs-red-600: #b51029;
665
+ --rs-red-700: #a60a1f;
666
+ --rs-red-800: #8f0414;
667
+ --rs-red-900: #70000b;
668
+ --rs-orange-50: #fff9f2;
669
+ --rs-orange-100: #ffe2c2;
670
+ --rs-orange-200: #ffce91;
671
+ --rs-orange-300: #ffba61;
672
+ --rs-orange-400: #ffa930;
673
+ --rs-orange-500: #ff9800;
674
+ --rs-orange-600: #f59700;
675
+ --rs-orange-700: #e08e00;
676
+ --rs-orange-800: #c27e00;
677
+ --rs-orange-900: #996600;
678
+ --rs-yellow-50: #fff9f0;
679
+ --rs-yellow-100: #ffedd1;
680
+ --rs-yellow-200: #ffe2b3;
681
+ --rs-yellow-300: #ffd894;
682
+ --rs-yellow-400: #ffcf75;
683
+ --rs-yellow-500: #ffc757;
684
+ --rs-yellow-600: #f5bb3d;
685
+ --rs-yellow-700: #e0a824;
686
+ --rs-yellow-800: #c28f0e;
687
+ --rs-yellow-900: #997000;
688
+ --rs-green-50: #f2fff5;
689
+ --rs-green-100: #b3e6bd;
690
+ --rs-green-200: #7ccc8e;
691
+ --rs-green-300: #50b567;
692
+ --rs-green-400: #2a9c46;
693
+ --rs-green-500: #0d822c;
694
+ --rs-green-600: #09802b;
695
+ --rs-green-700: #057a28;
696
+ --rs-green-800: #017325;
697
+ --rs-green-900: #006923;
698
+ --rs-cyan-50: #f2ffff;
699
+ --rs-cyan-100: #bcf4f7;
700
+ --rs-cyan-200: #87e6ed;
701
+ --rs-cyan-300: #57dae6;
702
+ --rs-cyan-400: #2acadb;
703
+ --rs-cyan-500: #00bcd4;
704
+ --rs-cyan-600: #00b1cc;
705
+ --rs-cyan-700: #00a0bd;
706
+ --rs-cyan-800: #008aa6;
707
+ --rs-cyan-900: #006e87;
708
+ --rs-blue-50: #edf9ff;
709
+ --rs-blue-100: #c0e8fc;
710
+ --rs-blue-200: #93d6fa;
711
+ --rs-blue-300: #67c1f5;
712
+ --rs-blue-400: #3dadf2;
713
+ --rs-blue-500: #1499ef;
714
+ --rs-blue-600: #0e8ce6;
715
+ --rs-blue-700: #087ad1;
716
+ --rs-blue-800: #0464b3;
717
+ --rs-blue-900: #00498a;
718
+ --rs-violet-50: #f6f2ff;
719
+ --rs-violet-100: #d5c9f0;
720
+ --rs-violet-200: #b6a1e3;
721
+ --rs-violet-300: #987bd4;
722
+ --rs-violet-400: #805ac7;
723
+ --rs-violet-500: #673ab7;
724
+ --rs-violet-600: #5f2bb3;
725
+ --rs-violet-700: #531ba8;
726
+ --rs-violet-800: #470c99;
727
+ --rs-violet-900: #390085;
728
+ --rs-state-success: #4caf50;
729
+ --rs-state-info: #2196f3;
730
+ --rs-state-warning: #ffb300;
731
+ --rs-state-error: #f44336;
732
+ --rs-body: #0f131a;
733
+ --rs-text-link: #ffff00;
734
+ --rs-text-link-hover: #fffc30;
735
+ --rs-text-link-active: #fffa61;
736
+ --rs-text-primary: #e9ebf0;
737
+ --rs-text-secondary: #a4a9b3;
738
+ --rs-text-tertiary: #858b94;
739
+ --rs-text-heading: #fff;
740
+ --rs-text-inverse: #1a1d24;
741
+ --rs-text-heading-inverse: #0f131a;
742
+ --rs-text-active: #ffff00;
743
+ --rs-text-disabled: #5c6066;
744
+ --rs-border-primary: #cbced4;
745
+ --rs-border-secondary: #292d33;
746
+ --rs-bg-card: #1a1d24;
747
+ --rs-bg-overlay: #1a1d24;
748
+ --rs-bg-well: #0f131a;
749
+ --rs-bg-active: #ffff00;
750
+ --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
751
+ --rs-state-hover-bg: #3c3f43;
752
+ --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
753
+ --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
754
+ --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
755
+ --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
756
+ --rs-btn-default-bg: transparent;
757
+ --rs-btn-default-text: #ffff00;
758
+ --rs-btn-default-border: 1px solid #ffff00;
759
+ --rs-btn-default-hover-bg: transparent;
760
+ --rs-btn-default-hover-text: #fffc30;
761
+ --rs-btn-default-active-bg: transparent;
762
+ --rs-btn-default-active-text: #fffa91;
763
+ --rs-btn-default-disabled-bg: transparent;
764
+ --rs-btn-default-disabled-text: #ffff00;
765
+ --rs-btn-primary-bg: #ffff00;
766
+ --rs-btn-primary-text: #0f131a;
767
+ --rs-btn-primary-hover-bg: #fffc30;
768
+ --rs-btn-primary-active-bg: #fffa91;
769
+ --rs-btn-subtle-text: #ffff00;
770
+ --rs-btn-subtle-hover-bg: transparent;
771
+ --rs-btn-subtle-hover-text: #fffc30;
772
+ --rs-btn-subtle-active-bg: transparent;
773
+ --rs-btn-subtle-active-text: #fffa91;
774
+ --rs-btn-subtle-disabled-text: #5c6066;
775
+ --rs-btn-ghost-border: #ffff00;
776
+ --rs-btn-ghost-text: #ffff00;
777
+ --rs-btn-ghost-hover-border: #fffc30;
778
+ --rs-btn-ghost-hover-text: #fffc30;
779
+ --rs-btn-ghost-active-border: #fffa91;
780
+ --rs-btn-ghost-active-text: #fffa91;
781
+ --rs-btn-link-text: #ffff00;
782
+ --rs-btn-link-hover-text: #fffc30;
783
+ --rs-btn-link-active-text: #fffa91;
784
+ --rs-iconbtn-addon: transparent;
785
+ --rs-iconbtn-activated-addon: transparent;
786
+ --rs-iconbtn-pressed-addon: transparent;
787
+ --rs-iconbtn-primary-addon: #fffc30;
788
+ --rs-iconbtn-primary-activated-addon: #fffa61;
789
+ --rs-iconbtn-primary-pressed-addon: #fffbc2;
790
+ --rs-divider-border: #3c3f43;
791
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
792
+ --rs-loader-rotor: #fff;
793
+ --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
794
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
795
+ --rs-loader-rotor-inverse: #5c6066;
796
+ --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
797
+ --rs-message-success-header: #fff;
798
+ --rs-message-success-text: #fff;
799
+ --rs-message-success-icon: #fff;
800
+ --rs-message-success-bg: #006923;
801
+ --rs-message-success-border: #50b567;
802
+ --rs-message-info-header: #fff;
803
+ --rs-message-info-text: #fff;
804
+ --rs-message-info-icon: #fff;
805
+ --rs-message-info-bg: #00498a;
806
+ --rs-message-info-border: #1499ef;
807
+ --rs-message-warning-header: #fff;
808
+ --rs-message-warning-text: #fff;
809
+ --rs-message-warning-icon: #fff;
810
+ --rs-message-warning-bg: #997000;
811
+ --rs-message-warning-border: #ffc757;
812
+ --rs-message-error-header: #fff;
813
+ --rs-message-error-text: #fff;
814
+ --rs-message-error-icon: #fff;
815
+ --rs-message-error-bg: #70000b;
816
+ --rs-message-error-border: #d6637a;
817
+ --rs-tooltip-bg: #1a1d24;
818
+ --rs-tooltip-text: #fff;
819
+ --rs-progress-bg: #292d33;
820
+ --rs-progress-bar: #ffff00;
821
+ --rs-progress-bar-success: #4caf50;
822
+ --rs-progress-bar-fail: #f44336;
823
+ --rs-placeholder: #3c3f43;
824
+ --rs-placeholder-active: #484c50;
825
+ --rs-dropdown-divider: #3c3f43;
826
+ --rs-dropdown-item-bg-hover: #3c3f43;
827
+ --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
828
+ --rs-dropdown-item-text-active: #ffff00;
829
+ --rs-dropdown-header-text: #5c6066;
830
+ --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
831
+ --rs-menuitem-active-bg: transparent;
832
+ --rs-menuitem-active-text: #ffff00;
833
+ --rs-steps-border: #a4a9b3;
834
+ --rs-steps-state-finish: #ffff00;
835
+ --rs-steps-border-state-finish: #ffff00;
836
+ --rs-steps-state-wait: #a4a9b3;
837
+ --rs-steps-state-process: #d9e000;
838
+ --rs-steps-state-error: #f44336;
839
+ --rs-steps-border-state-error: #f44336;
840
+ --rs-steps-icon-state-process: #ffff00;
841
+ --rs-steps-icon-state-error: #f44336;
842
+ --rs-navs-text: #a4a9b3;
843
+ --rs-navs-text-hover: #ffff00;
844
+ --rs-navs-bg-hover: transparent;
845
+ --rs-navs-text-active: #ffff00;
846
+ --rs-navs-bg-active: #6a6f76;
847
+ --rs-navs-tab-border: #3c3f43;
848
+ --rs-navs-subtle-border: #3c3f43;
849
+ --rs-navs-selected: #ffff00;
850
+ --rs-navbar-default-bg: #1a1d24;
851
+ --rs-navbar-default-text: #e9ebf0;
852
+ --rs-navbar-default-selected-text: #ffff00;
853
+ --rs-navbar-default-hover-bg: transparent;
854
+ --rs-navbar-default-hover-text: #ffff00;
855
+ --rs-navbar-inverse-bg: #1a1d24;
856
+ --rs-navbar-inverse-text: #e9ebf0;
857
+ --rs-navbar-inverse-selected-bg: transparent;
858
+ --rs-navbar-inverse-selected-text: #ffff00;
859
+ --rs-navbar-inverse-hover-bg: transparent;
860
+ --rs-navbar-subtle-bg: #1a1d24;
861
+ --rs-navbar-subtle-text: #e9ebf0;
862
+ --rs-navbar-subtle-selected-text: #ffff00;
863
+ --rs-navbar-subtle-hover-bg: transparent;
864
+ --rs-navbar-subtle-hover-text: #ffff00;
865
+ --rs-sidenav-default-bg: #1a1d24;
866
+ --rs-sidenav-default-text: #e9ebf0;
867
+ --rs-sidenav-default-selected-text: #ffff00;
868
+ --rs-sidenav-default-hover-bg: transparent;
869
+ --rs-sidenav-default-hover-text: #ffff00;
870
+ --rs-sidenav-inverse-bg: #1a1d24;
871
+ --rs-sidenav-inverse-text: #e9ebf0;
872
+ --rs-sidenav-inverse-selected-bg: transparent;
873
+ --rs-sidenav-inverse-selected-text: #ffff00;
874
+ --rs-sidenav-inverse-hover-bg: transparent;
875
+ --rs-sidenav-subtle-bg: #1a1d24;
876
+ --rs-sidenav-subtle-text: #e9ebf0;
877
+ --rs-sidenav-subtle-selected-text: #ffff00;
878
+ --rs-sidenav-subtle-hover-bg: transparent;
879
+ --rs-sidenav-subtle-hover-text: #ffff00;
880
+ --rs-input-bg: #1a1d24;
881
+ --rs-input-focus-border: #ffff00;
882
+ --rs-input-disabled-bg: #292d33;
883
+ --rs-listbox-option-hover-bg: transparent;
884
+ --rs-listbox-option-hover-text: #ffff00;
885
+ --rs-listbox-option-selected-text: #ffff00;
886
+ --rs-listbox-option-selected-bg: transparent;
887
+ --rs-listbox-option-disabled-text: #5c6066;
888
+ --rs-listbox-option-disabled-selected-text: #fffa91;
889
+ --rs-checkbox-icon: #1a1d24;
890
+ --rs-checkbox-border: #cbced4;
891
+ --rs-checkbox-checked-bg: #ffff00;
892
+ --rs-checkbox-disabled-bg: #5c6066;
893
+ --rs-radio-marker: #1a1d24;
894
+ --rs-radio-border: #cbced4;
895
+ --rs-radio-checked-bg: #ffff00;
896
+ --rs-radio-disabled-bg: #5c6066;
897
+ --rs-rate-symbol: #cbced4;
898
+ --rs-rate-symbol-checked: #ffff00;
899
+ --rs-toggle-bg: #1a1d24;
900
+ --rs-toggle-thumb: #cbced4;
901
+ --rs-toggle-hover-bg: #1a1d24;
902
+ --rs-toggle-disabled-bg: #1a1d24;
903
+ --rs-toggle-disabled-thumb: #858b94;
904
+ --rs-toggle-checked-bg: #ffff00;
905
+ --rs-toggle-checked-thumb: #1a1d24;
906
+ --rs-toggle-checked-hover-bg: #fffc30;
907
+ --rs-toggle-checked-disabled-bg: #8f9900;
908
+ --rs-toggle-checked-disabled-thumb: #1a1d24;
909
+ --rs-slider-bar: #3c3f43;
910
+ --rs-slider-hover-bar: #3c3f43;
911
+ --rs-slider-thumb-border: #ffff00;
912
+ --rs-slider-thumb-bg: #292d33;
913
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
914
+ --rs-slider-progress: #ffff00;
915
+ --rs-uploader-item-bg: #858b94;
916
+ --rs-uploader-item-hover-bg: #1a1d24;
917
+ --rs-uploader-item-hover-text: #ffff00;
918
+ --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
919
+ --rs-uploader-dnd-bg: #292d33;
920
+ --rs-uploader-dnd-border: #a4a9b3;
921
+ --rs-uploader-dnd-hover-border: #ffff00;
922
+ --rs-avatar-bg: #6a6f76;
923
+ --rs-avatar-text: #fff;
924
+ --rs-badge-bg: #bd1732;
925
+ --rs-badge-text: #fff;
926
+ --rs-tag-bg: #3c3f43;
927
+ --rs-tag-close: #f44336;
928
+ --rs-carousel-bg: #3c3f43;
929
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
930
+ --rs-carousel-indicator-hover: #fff;
931
+ --rs-carousel-indicator-active: #ffff00;
932
+ --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
933
+ --rs-pagination-item-text: #e9ebf0;
934
+ --rs-pagination-item-current-text: #ffff00;
935
+ --rs-list-bg: transparent;
936
+ --rs-list-border: #292d33;
937
+ --rs-list-hover-bg: #3c3f43;
938
+ --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
939
+ --rs-list-placeholder-border: #ffff00;
940
+ --rs-timeline-indicator-bg: #5c6066;
941
+ --rs-timeline-indicator-active-bg: #ffff00;
942
+ --rs-table-shadow: rgba(9, 9, 9, 0.99);
943
+ --rs-table-sort: #ffff00;
944
+ --rs-table-resize: #ffff00;
945
+ --rs-table-scrollbar-track: #292d33;
946
+ --rs-table-scrollbar-thumb: #a4a9b3;
947
+ --rs-table-scrollbar-thumb-active: #cbced4;
948
+ --rs-table-scrollbar-vertical-track: #292d33;
949
+ --rs-drawer-bg: #292d33;
950
+ --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
951
+ --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
952
+ --rs-modal-border: 1px solid #cbced4;
953
+ --rs-form-errormessage-text: #fff;
954
+ --rs-form-errormessage-bg: #bd1732;
955
+ --rs-form-errormessage-border: #bd1732;
956
+ --rs-picker-value: #ffff00;
957
+ --rs-picker-count-bg: #ffff00;
958
+ --rs-picker-count-text: #0f131a;
959
+ --rs-calendar-today-bg: #ffff00;
960
+ --rs-calendar-today-text: #0f131a;
961
+ --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
962
+ --rs-calendar-time-unit-bg: #0f131a;
963
+ --rs-calendar-date-selected-text: #0f131a;
597
964
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
598
965
  }
599
966
  /* stylelint-disable */
@@ -1062,7 +1429,7 @@ dd {
1062
1429
  transform: translate3d(0, 100%, 0);
1063
1430
  }
1064
1431
  }
1065
- .slide-out {
1432
+ .rs-anim-slide-out {
1066
1433
  -webkit-animation-duration: 0.3s;
1067
1434
  animation-duration: 0.3s;
1068
1435
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
@@ -1070,7 +1437,7 @@ dd {
1070
1437
  -webkit-animation-fill-mode: forwards;
1071
1438
  animation-fill-mode: forwards;
1072
1439
  }
1073
- .slide-in {
1440
+ .rs-anim-slide-in {
1074
1441
  -webkit-animation-duration: 0.3s;
1075
1442
  animation-duration: 0.3s;
1076
1443
  -webkit-animation-timing-function: ease-in-out;
@@ -1078,39 +1445,39 @@ dd {
1078
1445
  -webkit-animation-fill-mode: forwards;
1079
1446
  animation-fill-mode: forwards;
1080
1447
  }
1081
- .right.slide-in {
1448
+ .rs-anim-right.rs-anim-slide-in {
1082
1449
  -webkit-animation-name: slideInRight;
1083
1450
  animation-name: slideInRight;
1084
1451
  }
1085
- .right.slide-out {
1452
+ .rs-anim-right.rs-anim-slide-out {
1086
1453
  -webkit-animation-name: slideOutRight;
1087
1454
  animation-name: slideOutRight;
1088
1455
  }
1089
- .left.slide-in {
1456
+ .rs-anim-left.rs-anim-slide-in {
1090
1457
  -webkit-animation-name: slideInLeft;
1091
1458
  animation-name: slideInLeft;
1092
1459
  }
1093
- .left.slide-out {
1460
+ .rs-anim-left.rs-anim-slide-out {
1094
1461
  -webkit-animation-name: slideOutLeft;
1095
1462
  animation-name: slideOutLeft;
1096
1463
  }
1097
- .top.slide-in {
1464
+ .rs-anim-top.rs-anim-slide-in {
1098
1465
  -webkit-animation-name: slideInTop;
1099
1466
  animation-name: slideInTop;
1100
1467
  }
1101
- .top.slide-out {
1468
+ .rs-anim-top.rs-anim-slide-out {
1102
1469
  -webkit-animation-name: slideOutTop;
1103
1470
  animation-name: slideOutTop;
1104
1471
  }
1105
- .bottom.slide-in {
1472
+ .rs-anim-bottom.rs-anim-slide-in {
1106
1473
  -webkit-animation-name: slideInBottom;
1107
1474
  animation-name: slideInBottom;
1108
1475
  }
1109
- .bottom.slide-out {
1476
+ .rs-anim-bottom.rs-anim-slide-out {
1110
1477
  -webkit-animation-name: slideOutBottom;
1111
1478
  animation-name: slideOutBottom;
1112
1479
  }
1113
- .bounce-in {
1480
+ .rs-anim-bounce-in {
1114
1481
  -webkit-animation-name: bounceIn;
1115
1482
  animation-name: bounceIn;
1116
1483
  -webkit-animation-duration: 0.3s;
@@ -1144,7 +1511,7 @@ dd {
1144
1511
  transform: scale(1);
1145
1512
  }
1146
1513
  }
1147
- .bounce-out {
1514
+ .rs-anim-bounce-out {
1148
1515
  -webkit-animation-name: bounceOut;
1149
1516
  animation-name: bounceOut;
1150
1517
  -webkit-animation-duration: 0.3s;
@@ -1178,40 +1545,34 @@ dd {
1178
1545
  transform: scale(0.8);
1179
1546
  }
1180
1547
  }
1181
- .fade {
1548
+ .rs-anim-fade {
1182
1549
  opacity: 0;
1183
1550
  -webkit-transition: opacity 0.15s linear;
1184
1551
  transition: opacity 0.15s linear;
1185
1552
  pointer-events: none;
1186
1553
  }
1187
- .fade.in {
1554
+ .rs-anim-fade.rs-anim-in {
1188
1555
  opacity: 1;
1189
1556
  pointer-events: unset;
1190
1557
  }
1191
- .collapse {
1558
+ .rs-anim-collapse {
1192
1559
  display: none;
1193
1560
  }
1194
- .collapse.in {
1561
+ .rs-anim-collapse.rs-anim-in {
1195
1562
  display: block;
1196
1563
  }
1197
- tr.collapse.in {
1564
+ tr.rs-anim-collapse.rs-anim-in {
1198
1565
  display: table-row;
1199
1566
  }
1200
- tbody.collapse.in {
1567
+ tbody.rs-anim-collapse.rs-anim-in {
1201
1568
  display: table-row-group;
1202
1569
  }
1203
- .collapsing {
1570
+ .rs-anim-collapsing {
1204
1571
  position: relative;
1205
1572
  height: 0;
1206
1573
  overflow: hidden;
1207
- -webkit-transition: height 0.35s ease, visibility 0.35s ease;
1208
- transition: height 0.35s ease, visibility 0.35s ease;
1209
- }
1210
- .listbox-options-disabled {
1211
- color: #c5c6c7;
1212
- color: var(--rs-listbox-option-disabled-text);
1213
- background: none;
1214
- cursor: not-allowed;
1574
+ -webkit-transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
1575
+ transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
1215
1576
  }
1216
1577
  .rs-auto-complete-menu {
1217
1578
  margin-bottom: 6px;
@@ -1249,6 +1610,15 @@ tbody.collapse.in {
1249
1610
  color: #1675e0;
1250
1611
  color: var(--rs-listbox-option-hover-text);
1251
1612
  }
1613
+ .rs-theme-high-contrast .rs-auto-complete-item:hover,
1614
+ .rs-theme-high-contrast .rs-auto-complete-item:focus,
1615
+ .rs-theme-high-contrast .rs-auto-complete-item-focus {
1616
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
1617
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
1618
+ color: #1675e0;
1619
+ color: var(--rs-listbox-option-hover-text);
1620
+ text-decoration: underline;
1621
+ }
1252
1622
  .rs-auto-complete .rs-input:focus::-webkit-textfield-decoration-container {
1253
1623
  visibility: hidden;
1254
1624
  pointer-events: none;
@@ -1443,6 +1813,7 @@ tbody.collapse.in {
1443
1813
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
1444
1814
  transition: color 0.2s linear, background-color 0.3s linear;
1445
1815
  border: none;
1816
+ border: var(--rs-btn-default-border, none);
1446
1817
  -webkit-user-select: none;
1447
1818
  -moz-user-select: none;
1448
1819
  -ms-user-select: none;
@@ -1459,6 +1830,10 @@ tbody.collapse.in {
1459
1830
  overflow: hidden;
1460
1831
  position: relative;
1461
1832
  }
1833
+ .rs-theme-high-contrast .rs-btn {
1834
+ -webkit-transition: none;
1835
+ transition: none;
1836
+ }
1462
1837
  .rs-btn-ghost.rs-btn {
1463
1838
  padding: 7px 11px;
1464
1839
  }
@@ -1482,12 +1857,16 @@ tbody.collapse.in {
1482
1857
  }
1483
1858
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
1484
1859
  right: 0;
1860
+ border-left: none;
1861
+ border-left: var(--rs-btn-default-border, none);
1485
1862
  }
1486
1863
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
1487
1864
  padding: 8px 12px 8px 48px;
1488
1865
  }
1489
1866
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
1490
1867
  left: 0;
1868
+ border-right: none;
1869
+ border-right: var(--rs-btn-default-border, none);
1491
1870
  }
1492
1871
  .rs-btn:focus {
1493
1872
  outline: 0;
@@ -1498,6 +1877,7 @@ tbody.collapse.in {
1498
1877
  }
1499
1878
  .rs-btn:hover,
1500
1879
  .rs-btn:focus {
1880
+ color: var(--rs-btn-default-hover-text);
1501
1881
  background-color: #e5e5ea;
1502
1882
  background-color: var(--rs-btn-default-hover-bg);
1503
1883
  }
@@ -1516,6 +1896,10 @@ tbody.collapse.in {
1516
1896
  background-color: #f7f7fa;
1517
1897
  background-color: var(--rs-btn-default-disabled-bg);
1518
1898
  }
1899
+ .rs-theme-high-contrast .rs-btn:disabled,
1900
+ .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
1901
+ opacity: 0.5;
1902
+ }
1519
1903
  @media not all and (min-resolution: 0.001dpcm) {
1520
1904
  .rs-btn {
1521
1905
  /* stylelint-disable */
@@ -1528,6 +1912,7 @@ tbody.collapse.in {
1528
1912
  color: var(--rs-btn-primary-text);
1529
1913
  background-color: #3498ff;
1530
1914
  background-color: var(--rs-btn-primary-bg);
1915
+ border: none;
1531
1916
  }
1532
1917
  .rs-btn-primary:hover,
1533
1918
  .rs-btn-primary:focus {
@@ -1551,10 +1936,15 @@ tbody.collapse.in {
1551
1936
  background-color: var(--rs-btn-primary-bg);
1552
1937
  opacity: 0.3;
1553
1938
  }
1939
+ .rs-theme-high-contrast .rs-btn-primary:disabled,
1940
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
1941
+ opacity: 0.5;
1942
+ }
1554
1943
  .rs-btn-subtle {
1555
1944
  color: #8e8e93;
1556
1945
  color: var(--rs-btn-subtle-text);
1557
1946
  background-color: transparent;
1947
+ border: none;
1558
1948
  }
1559
1949
  .rs-btn-subtle:hover,
1560
1950
  .rs-btn-subtle:focus {
@@ -1576,10 +1966,15 @@ tbody.collapse.in {
1576
1966
  color: var(--rs-btn-subtle-disabled-text);
1577
1967
  background: none;
1578
1968
  }
1969
+ .rs-theme-high-contrast .rs-btn-subtle:disabled,
1970
+ .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
1971
+ opacity: 0.5;
1972
+ }
1579
1973
  .rs-btn-link {
1580
1974
  color: #1675e0;
1581
1975
  color: var(--rs-btn-link-text);
1582
1976
  background-color: transparent;
1977
+ border: none;
1583
1978
  }
1584
1979
  .rs-btn-link:hover,
1585
1980
  .rs-btn-link:focus {
@@ -1602,6 +1997,10 @@ tbody.collapse.in {
1602
1997
  text-decoration: none;
1603
1998
  opacity: 0.3;
1604
1999
  }
2000
+ .rs-theme-high-contrast .rs-btn-link:disabled,
2001
+ .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
2002
+ opacity: 0.5;
2003
+ }
1605
2004
  .rs-btn-ghost {
1606
2005
  color: #1675e0;
1607
2006
  color: var(--rs-btn-ghost-text);
@@ -1632,6 +2031,10 @@ tbody.collapse.in {
1632
2031
  background-color: transparent;
1633
2032
  opacity: 0.3;
1634
2033
  }
2034
+ .rs-theme-high-contrast .rs-btn-ghost:disabled,
2035
+ .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
2036
+ opacity: 0.5;
2037
+ }
1635
2038
  .rs-btn-red {
1636
2039
  --rs-btn-primary-bg: var(--rs-red-500);
1637
2040
  --rs-btn-primary-hover-bg: var(--rs-red-600);
@@ -1668,6 +2071,24 @@ tbody.collapse.in {
1668
2071
  --rs-btn-link-hover-text: var(--rs-red-400);
1669
2072
  --rs-btn-link-active-text: var(--rs-red-200);
1670
2073
  }
2074
+ .rs-theme-high-contrast .rs-btn-red {
2075
+ --rs-btn-primary-bg: var(--rs-red-700);
2076
+ --rs-btn-primary-hover-bg: var(--rs-red-600);
2077
+ --rs-btn-primary-active-bg: var(--rs-red-400);
2078
+ --rs-btn-subtle-hover-bg: var(--rs-red-600);
2079
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2080
+ --rs-btn-subtle-active-bg: var(--rs-red-400);
2081
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2082
+ --rs-btn-ghost-border: var(--rs-red-500);
2083
+ --rs-btn-ghost-text: var(--rs-red-500);
2084
+ --rs-btn-ghost-hover-border: var(--rs-red-400);
2085
+ --rs-btn-ghost-hover-text: var(--rs-red-400);
2086
+ --rs-btn-ghost-active-border: var(--rs-red-200);
2087
+ --rs-btn-ghost-active-text: var(--rs-red-200);
2088
+ --rs-btn-link-text: var(--rs-red-500);
2089
+ --rs-btn-link-hover-text: var(--rs-red-400);
2090
+ --rs-btn-link-active-text: var(--rs-red-200);
2091
+ }
1671
2092
  .rs-btn-orange {
1672
2093
  --rs-btn-primary-bg: var(--rs-orange-500);
1673
2094
  --rs-btn-primary-hover-bg: var(--rs-orange-600);
@@ -1704,6 +2125,24 @@ tbody.collapse.in {
1704
2125
  --rs-btn-link-hover-text: var(--rs-orange-400);
1705
2126
  --rs-btn-link-active-text: var(--rs-orange-200);
1706
2127
  }
2128
+ .rs-theme-high-contrast .rs-btn-orange {
2129
+ --rs-btn-primary-bg: var(--rs-orange-700);
2130
+ --rs-btn-primary-hover-bg: var(--rs-orange-600);
2131
+ --rs-btn-primary-active-bg: var(--rs-orange-400);
2132
+ --rs-btn-subtle-hover-bg: var(--rs-orange-600);
2133
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2134
+ --rs-btn-subtle-active-bg: var(--rs-orange-400);
2135
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2136
+ --rs-btn-ghost-border: var(--rs-orange-500);
2137
+ --rs-btn-ghost-text: var(--rs-orange-500);
2138
+ --rs-btn-ghost-hover-border: var(--rs-orange-400);
2139
+ --rs-btn-ghost-hover-text: var(--rs-orange-400);
2140
+ --rs-btn-ghost-active-border: var(--rs-orange-200);
2141
+ --rs-btn-ghost-active-text: var(--rs-orange-200);
2142
+ --rs-btn-link-text: var(--rs-orange-500);
2143
+ --rs-btn-link-hover-text: var(--rs-orange-400);
2144
+ --rs-btn-link-active-text: var(--rs-orange-200);
2145
+ }
1707
2146
  .rs-btn-yellow {
1708
2147
  --rs-btn-primary-bg: var(--rs-yellow-500);
1709
2148
  --rs-btn-primary-hover-bg: var(--rs-yellow-600);
@@ -1740,6 +2179,24 @@ tbody.collapse.in {
1740
2179
  --rs-btn-link-hover-text: var(--rs-yellow-400);
1741
2180
  --rs-btn-link-active-text: var(--rs-yellow-200);
1742
2181
  }
2182
+ .rs-theme-high-contrast .rs-btn-yellow {
2183
+ --rs-btn-primary-bg: var(--rs-yellow-700);
2184
+ --rs-btn-primary-hover-bg: var(--rs-yellow-600);
2185
+ --rs-btn-primary-active-bg: var(--rs-yellow-400);
2186
+ --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
2187
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2188
+ --rs-btn-subtle-active-bg: var(--rs-yellow-400);
2189
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2190
+ --rs-btn-ghost-border: var(--rs-yellow-500);
2191
+ --rs-btn-ghost-text: var(--rs-yellow-500);
2192
+ --rs-btn-ghost-hover-border: var(--rs-yellow-400);
2193
+ --rs-btn-ghost-hover-text: var(--rs-yellow-400);
2194
+ --rs-btn-ghost-active-border: var(--rs-yellow-200);
2195
+ --rs-btn-ghost-active-text: var(--rs-yellow-200);
2196
+ --rs-btn-link-text: var(--rs-yellow-500);
2197
+ --rs-btn-link-hover-text: var(--rs-yellow-400);
2198
+ --rs-btn-link-active-text: var(--rs-yellow-200);
2199
+ }
1743
2200
  .rs-btn-green {
1744
2201
  --rs-btn-primary-bg: var(--rs-green-500);
1745
2202
  --rs-btn-primary-hover-bg: var(--rs-green-600);
@@ -1776,6 +2233,24 @@ tbody.collapse.in {
1776
2233
  --rs-btn-link-hover-text: var(--rs-green-400);
1777
2234
  --rs-btn-link-active-text: var(--rs-green-200);
1778
2235
  }
2236
+ .rs-theme-high-contrast .rs-btn-green {
2237
+ --rs-btn-primary-bg: var(--rs-green-700);
2238
+ --rs-btn-primary-hover-bg: var(--rs-green-600);
2239
+ --rs-btn-primary-active-bg: var(--rs-green-400);
2240
+ --rs-btn-subtle-hover-bg: var(--rs-green-600);
2241
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2242
+ --rs-btn-subtle-active-bg: var(--rs-green-400);
2243
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2244
+ --rs-btn-ghost-border: var(--rs-green-500);
2245
+ --rs-btn-ghost-text: var(--rs-green-500);
2246
+ --rs-btn-ghost-hover-border: var(--rs-green-400);
2247
+ --rs-btn-ghost-hover-text: var(--rs-green-400);
2248
+ --rs-btn-ghost-active-border: var(--rs-green-200);
2249
+ --rs-btn-ghost-active-text: var(--rs-green-200);
2250
+ --rs-btn-link-text: var(--rs-green-500);
2251
+ --rs-btn-link-hover-text: var(--rs-green-400);
2252
+ --rs-btn-link-active-text: var(--rs-green-200);
2253
+ }
1779
2254
  .rs-btn-cyan {
1780
2255
  --rs-btn-primary-bg: var(--rs-cyan-500);
1781
2256
  --rs-btn-primary-hover-bg: var(--rs-cyan-600);
@@ -1812,6 +2287,24 @@ tbody.collapse.in {
1812
2287
  --rs-btn-link-hover-text: var(--rs-cyan-400);
1813
2288
  --rs-btn-link-active-text: var(--rs-cyan-200);
1814
2289
  }
2290
+ .rs-theme-high-contrast .rs-btn-cyan {
2291
+ --rs-btn-primary-bg: var(--rs-cyan-700);
2292
+ --rs-btn-primary-hover-bg: var(--rs-cyan-600);
2293
+ --rs-btn-primary-active-bg: var(--rs-cyan-400);
2294
+ --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
2295
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2296
+ --rs-btn-subtle-active-bg: var(--rs-cyan-400);
2297
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2298
+ --rs-btn-ghost-border: var(--rs-cyan-500);
2299
+ --rs-btn-ghost-text: var(--rs-cyan-500);
2300
+ --rs-btn-ghost-hover-border: var(--rs-cyan-400);
2301
+ --rs-btn-ghost-hover-text: var(--rs-cyan-400);
2302
+ --rs-btn-ghost-active-border: var(--rs-cyan-200);
2303
+ --rs-btn-ghost-active-text: var(--rs-cyan-200);
2304
+ --rs-btn-link-text: var(--rs-cyan-500);
2305
+ --rs-btn-link-hover-text: var(--rs-cyan-400);
2306
+ --rs-btn-link-active-text: var(--rs-cyan-200);
2307
+ }
1815
2308
  .rs-btn-blue {
1816
2309
  --rs-btn-primary-bg: var(--rs-blue-500);
1817
2310
  --rs-btn-primary-hover-bg: var(--rs-blue-600);
@@ -1848,6 +2341,24 @@ tbody.collapse.in {
1848
2341
  --rs-btn-link-hover-text: var(--rs-blue-400);
1849
2342
  --rs-btn-link-active-text: var(--rs-blue-200);
1850
2343
  }
2344
+ .rs-theme-high-contrast .rs-btn-blue {
2345
+ --rs-btn-primary-bg: var(--rs-blue-700);
2346
+ --rs-btn-primary-hover-bg: var(--rs-blue-600);
2347
+ --rs-btn-primary-active-bg: var(--rs-blue-400);
2348
+ --rs-btn-subtle-hover-bg: var(--rs-blue-600);
2349
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
2350
+ --rs-btn-subtle-active-bg: var(--rs-blue-400);
2351
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
2352
+ --rs-btn-ghost-border: var(--rs-blue-500);
2353
+ --rs-btn-ghost-text: var(--rs-blue-500);
2354
+ --rs-btn-ghost-hover-border: var(--rs-blue-400);
2355
+ --rs-btn-ghost-hover-text: var(--rs-blue-400);
2356
+ --rs-btn-ghost-active-border: var(--rs-blue-200);
2357
+ --rs-btn-ghost-active-text: var(--rs-blue-200);
2358
+ --rs-btn-link-text: var(--rs-blue-500);
2359
+ --rs-btn-link-hover-text: var(--rs-blue-400);
2360
+ --rs-btn-link-active-text: var(--rs-blue-200);
2361
+ }
1851
2362
  .rs-btn-violet {
1852
2363
  --rs-btn-primary-bg: var(--rs-violet-500);
1853
2364
  --rs-btn-primary-hover-bg: var(--rs-violet-600);
@@ -1866,14 +2377,32 @@ tbody.collapse.in {
1866
2377
  --rs-btn-link-hover-text: var(--rs-violet-800);
1867
2378
  --rs-btn-link-active-text: var(--rs-violet-900);
1868
2379
  }
1869
- .rs-theme-dark .rs-btn-violet {
2380
+ .rs-theme-dark .rs-btn-violet {
2381
+ --rs-btn-primary-bg: var(--rs-violet-700);
2382
+ --rs-btn-primary-hover-bg: var(--rs-violet-600);
2383
+ --rs-btn-primary-active-bg: var(--rs-violet-400);
2384
+ --rs-btn-subtle-hover-bg: var(--rs-violet-600);
2385
+ --rs-btn-subtle-hover-text: #fff;
2386
+ --rs-btn-subtle-active-bg: var(--rs-violet-400);
2387
+ --rs-btn-subtle-active-text: #fff;
2388
+ --rs-btn-ghost-border: var(--rs-violet-500);
2389
+ --rs-btn-ghost-text: var(--rs-violet-500);
2390
+ --rs-btn-ghost-hover-border: var(--rs-violet-400);
2391
+ --rs-btn-ghost-hover-text: var(--rs-violet-400);
2392
+ --rs-btn-ghost-active-border: var(--rs-violet-200);
2393
+ --rs-btn-ghost-active-text: var(--rs-violet-200);
2394
+ --rs-btn-link-text: var(--rs-violet-500);
2395
+ --rs-btn-link-hover-text: var(--rs-violet-400);
2396
+ --rs-btn-link-active-text: var(--rs-violet-200);
2397
+ }
2398
+ .rs-theme-high-contrast .rs-btn-violet {
1870
2399
  --rs-btn-primary-bg: var(--rs-violet-700);
1871
2400
  --rs-btn-primary-hover-bg: var(--rs-violet-600);
1872
2401
  --rs-btn-primary-active-bg: var(--rs-violet-400);
1873
2402
  --rs-btn-subtle-hover-bg: var(--rs-violet-600);
1874
- --rs-btn-subtle-hover-text: #fff;
2403
+ --rs-btn-subtle-hover-text: var(--rs-gray-900);
1875
2404
  --rs-btn-subtle-active-bg: var(--rs-violet-400);
1876
- --rs-btn-subtle-active-text: #fff;
2405
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
1877
2406
  --rs-btn-ghost-border: var(--rs-violet-500);
1878
2407
  --rs-btn-ghost-text: var(--rs-violet-500);
1879
2408
  --rs-btn-ghost-hover-border: var(--rs-violet-400);
@@ -1912,12 +2441,16 @@ tbody.collapse.in {
1912
2441
  }
1913
2442
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
1914
2443
  right: 0;
2444
+ border-left: none;
2445
+ border-left: var(--rs-btn-default-border, none);
1915
2446
  }
1916
2447
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
1917
2448
  padding: 10px 16px 10px 58px;
1918
2449
  }
1919
2450
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
1920
2451
  left: 0;
2452
+ border-right: none;
2453
+ border-right: var(--rs-btn-default-border, none);
1921
2454
  }
1922
2455
  .rs-btn-md {
1923
2456
  font-size: 14px;
@@ -1947,12 +2480,16 @@ tbody.collapse.in {
1947
2480
  }
1948
2481
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
1949
2482
  right: 0;
2483
+ border-left: none;
2484
+ border-left: var(--rs-btn-default-border, none);
1950
2485
  }
1951
2486
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
1952
2487
  padding: 8px 12px 8px 48px;
1953
2488
  }
1954
2489
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1955
2490
  left: 0;
2491
+ border-right: none;
2492
+ border-right: var(--rs-btn-default-border, none);
1956
2493
  }
1957
2494
  .rs-btn-sm {
1958
2495
  font-size: 14px;
@@ -1982,12 +2519,16 @@ tbody.collapse.in {
1982
2519
  }
1983
2520
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
1984
2521
  right: 0;
2522
+ border-left: none;
2523
+ border-left: var(--rs-btn-default-border, none);
1985
2524
  }
1986
2525
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
1987
2526
  padding: 5px 10px 5px 40px;
1988
2527
  }
1989
2528
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1990
2529
  left: 0;
2530
+ border-right: none;
2531
+ border-right: var(--rs-btn-default-border, none);
1991
2532
  }
1992
2533
  .rs-btn-xs {
1993
2534
  font-size: 12px;
@@ -2017,12 +2558,16 @@ tbody.collapse.in {
2017
2558
  }
2018
2559
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
2019
2560
  right: 0;
2561
+ border-left: none;
2562
+ border-left: var(--rs-btn-default-border, none);
2020
2563
  }
2021
2564
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
2022
2565
  padding: 2px 8px 2px 32px;
2023
2566
  }
2024
2567
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
2025
2568
  left: 0;
2569
+ border-right: none;
2570
+ border-right: var(--rs-btn-default-border, none);
2026
2571
  }
2027
2572
  .rs-btn-block {
2028
2573
  display: block;
@@ -2063,6 +2608,10 @@ tbody.collapse.in {
2063
2608
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2064
2609
  border-color: rgba(248, 247, 250, 0.3);
2065
2610
  }
2611
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2612
+ border-color: rgba(247, 247, 250, 0.3);
2613
+ border-color: var(--rs-loader-ring-inverse);
2614
+ }
2066
2615
  .rs-btn-loading > .rs-btn-spin::after {
2067
2616
  border-width: 3px;
2068
2617
  border-color: #a6a6a6 transparent transparent;
@@ -2074,6 +2623,10 @@ tbody.collapse.in {
2074
2623
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
2075
2624
  border-top-color: #fff;
2076
2625
  }
2626
+ .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
2627
+ border-top-color: #fff;
2628
+ border-top-color: var(--rs-loader-rotor-inverse);
2629
+ }
2077
2630
  @-webkit-keyframes buttonSpin {
2078
2631
  from {
2079
2632
  -webkit-transform: rotate(0);
@@ -2178,12 +2731,16 @@ tbody.collapse.in {
2178
2731
  }
2179
2732
  .rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left > .rs-icon {
2180
2733
  right: 0;
2734
+ border-left: none;
2735
+ border-left: var(--rs-btn-default-border, none);
2181
2736
  }
2182
2737
  .rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right {
2183
2738
  padding: 10px 16px 10px 58px;
2184
2739
  }
2185
2740
  .rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2186
2741
  left: 0;
2742
+ border-right: none;
2743
+ border-right: var(--rs-btn-default-border, none);
2187
2744
  }
2188
2745
  .rs-btn-group-md .rs-btn {
2189
2746
  font-size: 14px;
@@ -2213,12 +2770,16 @@ tbody.collapse.in {
2213
2770
  }
2214
2771
  .rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left > .rs-icon {
2215
2772
  right: 0;
2773
+ border-left: none;
2774
+ border-left: var(--rs-btn-default-border, none);
2216
2775
  }
2217
2776
  .rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right {
2218
2777
  padding: 8px 12px 8px 48px;
2219
2778
  }
2220
2779
  .rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2221
2780
  left: 0;
2781
+ border-right: none;
2782
+ border-right: var(--rs-btn-default-border, none);
2222
2783
  }
2223
2784
  .rs-btn-group-sm .rs-btn {
2224
2785
  font-size: 14px;
@@ -2248,12 +2809,16 @@ tbody.collapse.in {
2248
2809
  }
2249
2810
  .rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left > .rs-icon {
2250
2811
  right: 0;
2812
+ border-left: none;
2813
+ border-left: var(--rs-btn-default-border, none);
2251
2814
  }
2252
2815
  .rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right {
2253
2816
  padding: 5px 10px 5px 40px;
2254
2817
  }
2255
2818
  .rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2256
2819
  left: 0;
2820
+ border-right: none;
2821
+ border-right: var(--rs-btn-default-border, none);
2257
2822
  }
2258
2823
  .rs-btn-group-xs .rs-btn {
2259
2824
  font-size: 12px;
@@ -2283,12 +2848,16 @@ tbody.collapse.in {
2283
2848
  }
2284
2849
  .rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left > .rs-icon {
2285
2850
  right: 0;
2851
+ border-left: none;
2852
+ border-left: var(--rs-btn-default-border, none);
2286
2853
  }
2287
2854
  .rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right {
2288
2855
  padding: 2px 8px 2px 32px;
2289
2856
  }
2290
2857
  .rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2291
2858
  left: 0;
2859
+ border-right: none;
2860
+ border-right: var(--rs-btn-default-border, none);
2292
2861
  }
2293
2862
  .rs-btn-toolbar {
2294
2863
  line-height: 0;
@@ -2541,6 +3110,7 @@ tbody.collapse.in {
2541
3110
  color: #8e8e93;
2542
3111
  color: var(--rs-btn-subtle-text);
2543
3112
  background-color: transparent;
3113
+ border: none;
2544
3114
  --rs-btn-subtle-text: var(--rs-red-500);
2545
3115
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
2546
3116
  --rs-btn-subtle-hover-text: #fff;
@@ -2567,6 +3137,10 @@ tbody.collapse.in {
2567
3137
  color: var(--rs-btn-subtle-disabled-text);
2568
3138
  background: none;
2569
3139
  }
3140
+ .rs-theme-high-contrast .rs-calendar-header-error:disabled,
3141
+ .rs-theme-high-contrast .rs-calendar-header-error.rs-btn-disabled {
3142
+ opacity: 0.5;
3143
+ }
2570
3144
  .rs-theme-dark .rs-calendar-header-error {
2571
3145
  --rs-btn-subtle-hover-bg: var(--rs-red-600);
2572
3146
  --rs-btn-subtle-active-bg: var(--rs-red-400);
@@ -2663,11 +3237,15 @@ tbody.collapse.in {
2663
3237
  }
2664
3238
  .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
2665
3239
  color: #fff;
3240
+ color: var(--rs-calendar-date-selected-text);
2666
3241
  background-color: #3498ff;
2667
3242
  background-color: var(--rs-bg-active);
2668
3243
  -webkit-box-shadow: none;
2669
3244
  box-shadow: none;
2670
3245
  }
3246
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
3247
+ text-decoration: underline;
3248
+ }
2671
3249
  .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2672
3250
  opacity: 0.3;
2673
3251
  }
@@ -2691,11 +3269,15 @@ tbody.collapse.in {
2691
3269
  }
2692
3270
  .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2693
3271
  color: #fff;
3272
+ color: var(--rs-calendar-date-selected-text);
2694
3273
  background-color: #3498ff;
2695
3274
  background-color: var(--rs-bg-active);
2696
3275
  -webkit-box-shadow: none;
2697
3276
  box-shadow: none;
2698
3277
  }
3278
+ .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3279
+ text-decoration: underline;
3280
+ }
2699
3281
  .rs-calendar-table-header-row .rs-calendar-table-cell-content {
2700
3282
  color: #8e8e93;
2701
3283
  color: var(--rs-text-secondary);
@@ -2820,11 +3402,15 @@ tbody.collapse.in {
2820
3402
  }
2821
3403
  .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
2822
3404
  color: #fff;
3405
+ color: var(--rs-calendar-date-selected-text);
2823
3406
  background-color: #3498ff;
2824
3407
  background-color: var(--rs-bg-active);
2825
3408
  -webkit-box-shadow: none;
2826
3409
  box-shadow: none;
2827
3410
  }
3411
+ .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
3412
+ text-decoration: underline;
3413
+ }
2828
3414
  .rs-calendar-time-dropdown {
2829
3415
  display: none;
2830
3416
  position: absolute;
@@ -2897,10 +3483,31 @@ tbody.collapse.in {
2897
3483
  color: #1675e0;
2898
3484
  color: var(--rs-listbox-option-hover-text);
2899
3485
  }
3486
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3487
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3488
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3489
+ color: #1675e0;
3490
+ color: var(--rs-listbox-option-hover-text);
3491
+ text-decoration: underline;
3492
+ }
2900
3493
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
2901
3494
  background-color: #3498ff;
2902
3495
  background-color: var(--rs-bg-active);
2903
3496
  color: #fff;
3497
+ color: var(--rs-calendar-date-selected-text);
3498
+ }
3499
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3500
+ background-color: rgba(204, 233, 255, 0.5);
3501
+ background-color: var(--rs-listbox-option-hover-bg);
3502
+ color: #1675e0;
3503
+ color: var(--rs-listbox-option-hover-text);
3504
+ }
3505
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3506
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3507
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3508
+ color: #1675e0;
3509
+ color: var(--rs-listbox-option-hover-text);
3510
+ text-decoration: underline;
2904
3511
  }
2905
3512
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
2906
3513
  color: #c5c6c7;
@@ -3181,12 +3788,26 @@ tbody.collapse.in {
3181
3788
  color: #1675e0;
3182
3789
  color: var(--rs-listbox-option-hover-text);
3183
3790
  }
3791
+ .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3792
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3793
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3794
+ color: #1675e0;
3795
+ color: var(--rs-listbox-option-hover-text);
3796
+ text-decoration: underline;
3797
+ }
3184
3798
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3185
3799
  background-color: rgba(204, 233, 255, 0.5);
3186
3800
  background-color: var(--rs-listbox-option-hover-bg);
3187
3801
  color: #1675e0;
3188
3802
  color: var(--rs-listbox-option-hover-text);
3189
3803
  }
3804
+ .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3805
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3806
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3807
+ color: #1675e0;
3808
+ color: var(--rs-listbox-option-hover-text);
3809
+ text-decoration: underline;
3810
+ }
3190
3811
  .rs-picker-cascader-row:disabled,
3191
3812
  .rs-picker-cascader-row.rs-picker-cascader-row-disabled {
3192
3813
  color: #c5c6c7;
@@ -3274,6 +3895,16 @@ tbody.collapse.in {
3274
3895
  color: #1675e0;
3275
3896
  color: var(--rs-listbox-option-hover-text);
3276
3897
  }
3898
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
3899
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3900
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3901
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3902
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3903
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3904
+ color: #1675e0;
3905
+ color: var(--rs-listbox-option-hover-text);
3906
+ text-decoration: underline;
3907
+ }
3277
3908
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3278
3909
  background-color: #f2faff;
3279
3910
  background-color: var(--rs-listbox-option-selected-bg);
@@ -3281,6 +3912,9 @@ tbody.collapse.in {
3281
3912
  color: #1675e0;
3282
3913
  color: var(--rs-listbox-option-selected-text);
3283
3914
  }
3915
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3916
+ text-decoration: underline;
3917
+ }
3284
3918
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
3285
3919
  color: #575757;
3286
3920
  color: var(--rs-text-primary);
@@ -3343,7 +3977,7 @@ tbody.collapse.in {
3343
3977
  .rs-plaintext .rs-checkbox-inline:first-child {
3344
3978
  margin-right: 0;
3345
3979
  }
3346
- .rs-checkbox [type='checkbox']:focus ~ .rs-checkbox-inner::before {
3980
+ .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
3347
3981
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
3348
3982
  -webkit-box-shadow: var(--rs-state-focus-shadow);
3349
3983
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
@@ -3376,6 +4010,10 @@ tbody.collapse.in {
3376
4010
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3377
4011
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3378
4012
  }
4013
+ .rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::after {
4014
+ -webkit-transition: none;
4015
+ transition: none;
4016
+ }
3379
4017
  .rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::after,
3380
4018
  .rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::after {
3381
4019
  border: solid #fff;
@@ -3433,6 +4071,10 @@ tbody.collapse.in {
3433
4071
  transition: transform 0.2s linear, opacity 0.2s linear;
3434
4072
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
3435
4073
  }
4074
+ .rs-theme-high-contrast .rs-checkbox-wrapper::before {
4075
+ -webkit-transition: none;
4076
+ transition: none;
4077
+ }
3436
4078
  .rs-checkbox-checked .rs-checkbox-wrapper::before {
3437
4079
  -webkit-transform: scale(1.5);
3438
4080
  transform: scale(1.5);
@@ -3455,7 +4097,11 @@ tbody.collapse.in {
3455
4097
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
3456
4098
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
3457
4099
  }
3458
- .rs-checkbox-checker:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4100
+ .rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::before {
4101
+ -webkit-transition: none;
4102
+ transition: none;
4103
+ }
4104
+ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
3459
4105
  border-color: #3498ff;
3460
4106
  border-color: var(--rs-checkbox-checked-bg);
3461
4107
  }
@@ -3476,6 +4122,10 @@ tbody.collapse.in {
3476
4122
  .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
3477
4123
  opacity: 0.3;
3478
4124
  }
4125
+ .rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
4126
+ .rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
4127
+ opacity: 0.5;
4128
+ }
3479
4129
  .rs-checkbox-group {
3480
4130
  display: -webkit-box;
3481
4131
  display: -ms-flexbox;
@@ -3776,16 +4426,19 @@ tbody.collapse.in {
3776
4426
  max-width: 100%;
3777
4427
  }
3778
4428
  .rs-picker-menu .rs-calendar {
3779
- width: 246px;
4429
+ min-width: 246px;
3780
4430
  display: block;
3781
4431
  margin: 0 auto;
3782
4432
  }
3783
4433
  .rs-picker-menu .rs-calendar-show-week-numbers {
3784
- width: 278px;
4434
+ min-width: 278px;
3785
4435
  }
3786
4436
  .rs-picker-menu .rs-calendar-header {
3787
4437
  width: 100%;
3788
4438
  }
4439
+ .rs-picker-menu .rs-calendar-table {
4440
+ width: unset;
4441
+ }
3789
4442
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
3790
4443
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
3791
4444
  width: 30px;
@@ -3797,6 +4450,13 @@ tbody.collapse.in {
3797
4450
  color: #1675e0;
3798
4451
  color: var(--rs-listbox-option-hover-text);
3799
4452
  }
4453
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4454
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4455
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
4456
+ color: #1675e0;
4457
+ color: var(--rs-listbox-option-hover-text);
4458
+ text-decoration: underline;
4459
+ }
3800
4460
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
3801
4461
  height: 24px;
3802
4462
  padding-top: 0;
@@ -3812,6 +4472,13 @@ tbody.collapse.in {
3812
4472
  color: #1675e0;
3813
4473
  color: var(--rs-listbox-option-hover-text);
3814
4474
  }
4475
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4476
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4477
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
4478
+ color: #1675e0;
4479
+ color: var(--rs-listbox-option-hover-text);
4480
+ text-decoration: underline;
4481
+ }
3815
4482
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
3816
4483
  height: 227px;
3817
4484
  }
@@ -4046,6 +4713,9 @@ tbody.collapse.in {
4046
4713
  width: 100%;
4047
4714
  height: 100%;
4048
4715
  }
4716
+ .rs-theme-high-contrast .rs-drawer-content {
4717
+ background-color: var(--rs-drawer-bg);
4718
+ }
4049
4719
  .rs-drawer-backdrop {
4050
4720
  position: fixed;
4051
4721
  top: 0;
@@ -4056,12 +4726,12 @@ tbody.collapse.in {
4056
4726
  background-color: rgba(39, 44, 54, 0.3);
4057
4727
  background-color: var(--rs-bg-backdrop);
4058
4728
  }
4059
- .rs-drawer-backdrop.fade {
4729
+ .rs-drawer-backdrop.rs-anim-fade {
4060
4730
  opacity: 0;
4061
4731
  -webkit-transition: opacity 0.3s ease-in;
4062
4732
  transition: opacity 0.3s ease-in;
4063
4733
  }
4064
- .rs-drawer-backdrop.in {
4734
+ .rs-drawer-backdrop.rs-anim-in {
4065
4735
  opacity: 1;
4066
4736
  }
4067
4737
  .rs-drawer-header {
@@ -4107,6 +4777,7 @@ tbody.collapse.in {
4107
4777
  flex-shrink: 0;
4108
4778
  text-align: left;
4109
4779
  border-top: none;
4780
+ margin-right: auto;
4110
4781
  }
4111
4782
  .rs-drawer-actions::before,
4112
4783
  .rs-drawer-actions::after {
@@ -4116,6 +4787,9 @@ tbody.collapse.in {
4116
4787
  .rs-drawer-actions::after {
4117
4788
  clear: both;
4118
4789
  }
4790
+ .rs-drawer-title ~ .rs-drawer-actions {
4791
+ margin-right: 10px;
4792
+ }
4119
4793
  .rs-drawer-actions .rs-btn + .rs-btn {
4120
4794
  margin-right: 10px;
4121
4795
  margin-bottom: 0;
@@ -4293,6 +4967,10 @@ tbody.collapse.in {
4293
4967
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
4294
4968
  box-shadow: var(--rs-dropdown-shadow);
4295
4969
  }
4970
+ .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
4971
+ border: 1px solid #e5e5ea;
4972
+ border: 1px solid var(--rs-border-primary);
4973
+ }
4296
4974
  .rs-dropdown-menu[hidden] {
4297
4975
  display: none;
4298
4976
  }
@@ -4337,6 +5015,12 @@ tbody.collapse.in {
4337
5015
  color: #1675e0;
4338
5016
  color: var(--rs-menuitem-active-text);
4339
5017
  }
5018
+ .rs-theme-high-contrast .rs-dropdown-item:focus-visible,
5019
+ .rs-theme-high-contrast .rs-dropdown-item.rs-dropdown-item-focus {
5020
+ text-decoration: underline;
5021
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5022
+ box-shadow: inset 0 0 0 2px #fff;
5023
+ }
4340
5024
  .rs-dropdown-item:focus {
4341
5025
  outline: 0;
4342
5026
  }
@@ -4368,6 +5052,11 @@ tbody.collapse.in {
4368
5052
  color: #1675e0;
4369
5053
  color: var(--rs-menuitem-active-text);
4370
5054
  }
5055
+ .rs-theme-high-contrast .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5056
+ text-decoration: underline;
5057
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5058
+ box-shadow: inset 0 0 0 2px #fff;
5059
+ }
4371
5060
  .rs-dropdown-item-submenu.rs-dropdown-item {
4372
5061
  position: relative;
4373
5062
  }
@@ -4415,6 +5104,12 @@ tbody.collapse.in {
4415
5104
  color: #1675e0;
4416
5105
  color: var(--rs-menuitem-active-text);
4417
5106
  }
5107
+ .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5108
+ .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5109
+ text-decoration: underline;
5110
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5111
+ box-shadow: inset 0 0 0 2px #fff;
5112
+ }
4418
5113
  .rs-dropdown-open > .rs-dropdown-menu {
4419
5114
  -webkit-animation-play-state: running;
4420
5115
  animation-play-state: running;
@@ -6502,6 +7197,10 @@ tbody.collapse.in {
6502
7197
  background-color: #f2f2f5;
6503
7198
  background-color: var(--rs-iconbtn-addon);
6504
7199
  }
7200
+ .rs-theme-high-contrast .rs-btn-icon-with-text:disabled,
7201
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-disabled {
7202
+ opacity: 0.5;
7203
+ }
6505
7204
  .rs-btn-icon-with-text.rs-btn-primary > .rs-icon {
6506
7205
  background-color: #2589f5;
6507
7206
  background-color: var(--rs-iconbtn-primary-addon);
@@ -6521,6 +7220,10 @@ tbody.collapse.in {
6521
7220
  background-color: #2589f5;
6522
7221
  background-color: var(--rs-iconbtn-primary-addon);
6523
7222
  }
7223
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary:disabled,
7224
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled {
7225
+ opacity: 0.5;
7226
+ }
6524
7227
  .rs-btn-icon-circle {
6525
7228
  border-radius: 50% !important;
6526
7229
  }
@@ -6551,6 +7254,10 @@ tbody.collapse.in {
6551
7254
  textarea.rs-input {
6552
7255
  height: auto;
6553
7256
  }
7257
+ .rs-theme-high-contrast .rs-input {
7258
+ -webkit-transition: none;
7259
+ transition: none;
7260
+ }
6554
7261
  .rs-input::-webkit-input-placeholder {
6555
7262
  color: #8e8e93;
6556
7263
  color: var(--rs-text-secondary);
@@ -6649,6 +7356,10 @@ textarea.rs-input-sm {
6649
7356
  border: 1px solid #e5e5ea;
6650
7357
  border: 1px solid var(--rs-border-primary);
6651
7358
  }
7359
+ .rs-theme-high-contrast .rs-input-group {
7360
+ -webkit-transition: none;
7361
+ transition: none;
7362
+ }
6652
7363
  .rs-input-group:not(.rs-input-group-disabled):hover,
6653
7364
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
6654
7365
  .rs-input-group:focus-within {
@@ -6753,6 +7464,7 @@ textarea.rs-input-sm {
6753
7464
  color: #8e8e93;
6754
7465
  color: var(--rs-btn-subtle-text);
6755
7466
  background-color: transparent;
7467
+ border: none;
6756
7468
  color: inherit;
6757
7469
  position: absolute;
6758
7470
  height: 34px;
@@ -6779,6 +7491,10 @@ textarea.rs-input-sm {
6779
7491
  color: var(--rs-btn-subtle-disabled-text);
6780
7492
  background: none;
6781
7493
  }
7494
+ .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
7495
+ .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
7496
+ opacity: 0.5;
7497
+ }
6782
7498
  .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
6783
7499
  font-size: 14px;
6784
7500
  line-height: 1.42857143;
@@ -7967,6 +8683,9 @@ textarea.rs-picker-search-input {
7967
8683
  color: #4caf50;
7968
8684
  color: var(--rs-message-success-icon);
7969
8685
  }
8686
+ .rs-theme-high-contrast .rs-message-success {
8687
+ border: 1px solid var(--rs-message-success-border);
8688
+ }
7970
8689
  .rs-message-info {
7971
8690
  background-color: #f0f9ff;
7972
8691
  background-color: var(--rs-message-info-bg);
@@ -7984,6 +8703,9 @@ textarea.rs-picker-search-input {
7984
8703
  color: #2196f3;
7985
8704
  color: var(--rs-message-info-icon);
7986
8705
  }
8706
+ .rs-theme-high-contrast .rs-message-info {
8707
+ border: 1px solid var(--rs-message-info-border);
8708
+ }
7987
8709
  .rs-message-warning {
7988
8710
  background-color: #fffaf2;
7989
8711
  background-color: var(--rs-message-warning-bg);
@@ -8001,6 +8723,9 @@ textarea.rs-picker-search-input {
8001
8723
  color: #ffb300;
8002
8724
  color: var(--rs-message-warning-icon);
8003
8725
  }
8726
+ .rs-theme-high-contrast .rs-message-warning {
8727
+ border: 1px solid var(--rs-message-warning-border);
8728
+ }
8004
8729
  .rs-message-error {
8005
8730
  background-color: #fff2f2;
8006
8731
  background-color: var(--rs-message-error-bg);
@@ -8018,6 +8743,9 @@ textarea.rs-picker-search-input {
8018
8743
  color: #f44336;
8019
8744
  color: var(--rs-message-error-icon);
8020
8745
  }
8746
+ .rs-theme-high-contrast .rs-message-error {
8747
+ border: 1px solid var(--rs-message-error-border);
8748
+ }
8021
8749
  .rs-modal-open {
8022
8750
  overflow: hidden;
8023
8751
  }
@@ -8062,6 +8790,8 @@ textarea.rs-picker-search-input {
8062
8790
  position: relative;
8063
8791
  background-color: #fff;
8064
8792
  background-color: var(--rs-bg-overlay);
8793
+ border: none;
8794
+ border: var(--rs-modal-border, none);
8065
8795
  border-radius: 6px;
8066
8796
  outline: 0;
8067
8797
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -8079,12 +8809,12 @@ textarea.rs-picker-search-input {
8079
8809
  background-color: rgba(39, 44, 54, 0.3);
8080
8810
  background-color: var(--rs-bg-backdrop);
8081
8811
  }
8082
- .rs-modal-backdrop.fade {
8812
+ .rs-modal-backdrop.rs-anim-fade {
8083
8813
  opacity: 0;
8084
8814
  -webkit-transition: opacity 0.3s ease-in;
8085
8815
  transition: opacity 0.3s ease-in;
8086
8816
  }
8087
- .rs-modal-backdrop.in {
8817
+ .rs-modal-backdrop.rs-anim-in {
8088
8818
  opacity: 1;
8089
8819
  }
8090
8820
  .rs-modal-header {
@@ -8221,23 +8951,33 @@ textarea.rs-picker-search-input {
8221
8951
  .rs-nav-item:active {
8222
8952
  text-decoration: none;
8223
8953
  }
8954
+ .rs-theme-high-contrast .rs-nav-item {
8955
+ -webkit-transition: none;
8956
+ transition: none;
8957
+ }
8224
8958
  .rs-nav-item:hover,
8225
8959
  .rs-nav-item:focus,
8226
8960
  .rs-nav-item.rs-nav-item-focus {
8227
8961
  color: #575757;
8228
8962
  color: var(--rs-navs-text-hover);
8229
8963
  }
8964
+ .rs-theme-high-contrast .rs-nav-item:hover,
8965
+ .rs-theme-high-contrast .rs-nav-item:focus,
8966
+ .rs-theme-high-contrast .rs-nav-item.rs-nav-item-focus {
8967
+ text-decoration: underline;
8968
+ }
8230
8969
  .rs-nav-item:focus-visible {
8231
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8232
- -webkit-box-shadow: var(--rs-state-focus-shadow);
8233
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8234
- box-shadow: var(--rs-state-focus-shadow);
8235
- z-index: 1;
8970
+ -webkit-box-shadow: var(--rs-state-focus-shadow-slim);
8971
+ box-shadow: var(--rs-state-focus-shadow-slim);
8972
+ z-index: 2;
8236
8973
  }
8237
8974
  .rs-nav-item:active {
8238
8975
  color: #272c36;
8239
8976
  color: var(--rs-navs-text-active);
8240
8977
  }
8978
+ .rs-theme-high-contrast .rs-nav-item:active {
8979
+ text-decoration: underline;
8980
+ }
8241
8981
  .rs-nav-item.rs-nav-item-disabled {
8242
8982
  cursor: not-allowed;
8243
8983
  pointer-events: none;
@@ -8250,6 +8990,9 @@ textarea.rs-picker-search-input {
8250
8990
  color: var(--rs-navs-selected);
8251
8991
  z-index: 1;
8252
8992
  }
8993
+ .rs-theme-high-contrast .rs-nav-item.rs-nav-item-active {
8994
+ text-decoration: underline;
8995
+ }
8253
8996
  .rs-nav-item > .rs-icon {
8254
8997
  margin-left: 6px;
8255
8998
  }
@@ -8438,32 +9181,56 @@ textarea.rs-picker-search-input {
8438
9181
  .rs-navbar-nav.rs-navbar-right {
8439
9182
  float: left;
8440
9183
  }
8441
- .rs-navbar-nav:focus .rs-nav-item:focus-visible,
8442
- .rs-navbar-nav:focus .rs-nav-item.rs-nav-item-focus,
9184
+ .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9185
+ .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
8443
9186
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
8444
9187
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9188
+ z-index: 1;
8445
9189
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8446
9190
  -webkit-box-shadow: var(--rs-state-focus-shadow);
8447
9191
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8448
9192
  box-shadow: var(--rs-state-focus-shadow);
8449
- z-index: 1;
8450
9193
  }
8451
- .rs-navbar-nav > .rs-nav-item,
9194
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9195
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9196
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9197
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9198
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9199
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
9200
+ }
9201
+ .rs-navbar-item,
8452
9202
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8453
9203
  padding: 18px 16px;
8454
9204
  height: 56px;
8455
9205
  border-radius: 0;
8456
9206
  color: inherit;
9207
+ float: right;
9208
+ background-color: transparent;
9209
+ position: relative;
9210
+ overflow: hidden;
9211
+ }
9212
+ .rs-navbar-brand,
9213
+ .rs-navbar-item,
9214
+ .rs-navbar-nav > .rs-dropdown-item,
9215
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9216
+ outline: 0;
8457
9217
  }
8458
- .rs-navbar-nav .rs-nav-item:focus-visible,
8459
- .rs-navbar-nav .rs-dropdown-item:focus-visible {
9218
+ .rs-navbar-brand:focus-visible,
9219
+ .rs-navbar-item:focus-visible,
9220
+ .rs-navbar-nav > .rs-dropdown-item:focus-visible {
8460
9221
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8461
9222
  -webkit-box-shadow: var(--rs-state-focus-shadow);
8462
9223
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8463
9224
  box-shadow: var(--rs-state-focus-shadow);
8464
- z-index: 1;
9225
+ z-index: 2;
9226
+ }
9227
+ .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9228
+ .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9229
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9230
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9231
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
8465
9232
  }
8466
- .rs-navbar-nav > .rs-nav-item,
9233
+ .rs-navbar-item,
8467
9234
  .rs-navbar-nav > .rs-dropdown,
8468
9235
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8469
9236
  margin: 0 !important;
@@ -8471,17 +9238,27 @@ textarea.rs-picker-search-input {
8471
9238
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8472
9239
  padding-left: 36px;
8473
9240
  }
9241
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9242
+ border: none;
9243
+ }
9244
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9245
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9246
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
9247
+ }
8474
9248
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
8475
9249
  top: 18px;
8476
9250
  left: 16px;
8477
9251
  }
9252
+ .rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
9253
+ text-decoration: underline;
9254
+ }
8478
9255
  .rs-navbar-default {
8479
9256
  background-color: #f7f7fa;
8480
9257
  background-color: var(--rs-navbar-default-bg);
8481
9258
  color: #575757;
8482
9259
  color: var(--rs-navbar-default-text);
8483
9260
  }
8484
- .rs-navbar-default .rs-nav-item:hover,
9261
+ .rs-navbar-default .rs-navbar-item:hover,
8485
9262
  .rs-navbar-default .rs-dropdown .rs-dropdown-toggle:hover,
8486
9263
  .rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
8487
9264
  background-color: #e5e5ea;
@@ -8489,7 +9266,7 @@ textarea.rs-picker-search-input {
8489
9266
  color: #575757;
8490
9267
  color: var(--rs-navbar-default-hover-text);
8491
9268
  }
8492
- .rs-navbar-default .rs-nav-item.rs-nav-item-active,
9269
+ .rs-navbar-default .rs-navbar-item.rs-navbar-item-active,
8493
9270
  .rs-navbar-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8494
9271
  color: #1675e0;
8495
9272
  color: var(--rs-navbar-default-selected-text);
@@ -8500,32 +9277,36 @@ textarea.rs-picker-search-input {
8500
9277
  color: #fff;
8501
9278
  color: var(--rs-navbar-inverse-text);
8502
9279
  }
8503
- .rs-navbar-inverse .rs-nav-item:hover,
9280
+ .rs-navbar-inverse .rs-navbar-item:hover,
8504
9281
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:hover,
8505
- .rs-navbar-inverse .rs-nav-item:focus,
9282
+ .rs-navbar-inverse .rs-navbar-item:focus,
8506
9283
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:focus {
8507
9284
  background-color: #2589f5;
8508
9285
  background-color: var(--rs-navbar-inverse-hover-bg);
8509
9286
  }
8510
- .rs-navbar-inverse .rs-nav-item.rs-nav-item-active,
9287
+ .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active,
8511
9288
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8512
9289
  background-color: #1675e0;
8513
9290
  background-color: var(--rs-navbar-inverse-selected-bg);
8514
9291
  }
9292
+ .rs-theme-high-contrast .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active,
9293
+ .rs-theme-high-contrast .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
9294
+ color: var(--rs-navbar-inverse-selected-text);
9295
+ }
8515
9296
  .rs-navbar-subtle {
8516
9297
  background-color: transparent;
8517
9298
  color: #8e8e93;
8518
9299
  color: var(--rs-navbar-subtle-text);
8519
9300
  }
8520
- .rs-navbar-subtle .rs-nav-item:hover,
9301
+ .rs-navbar-subtle .rs-navbar-item:hover,
8521
9302
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:hover,
8522
- .rs-navbar-subtle .rs-nav-item:focus,
9303
+ .rs-navbar-subtle .rs-navbar-item:focus,
8523
9304
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
8524
9305
  background-color: transparent;
8525
9306
  color: #575757;
8526
9307
  color: var(--rs-navbar-subtle-hover-text);
8527
9308
  }
8528
- .rs-navbar-subtle .rs-nav-item.rs-nav-item-active,
9309
+ .rs-navbar-subtle .rs-navbar-item.rs-navbar-item-active,
8529
9310
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8530
9311
  color: #1675e0;
8531
9312
  color: var(--rs-navbar-subtle-selected-text);
@@ -8539,17 +9320,22 @@ textarea.rs-picker-search-input {
8539
9320
  flex: 0 0 auto;
8540
9321
  -webkit-animation-fill-mode: forwards;
8541
9322
  animation-fill-mode: forwards;
9323
+ border-radius: 6px;
9324
+ background: #fff;
9325
+ background: var(--rs-bg-overlay);
9326
+ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
9327
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
9328
+ overflow: hidden;
8542
9329
  }
8543
9330
  .rs-notification:not(.rs-toast-fade-exited) ~ .rs-notification {
8544
9331
  margin-top: 10px;
8545
9332
  }
9333
+ .rs-theme-high-contrast .rs-notification {
9334
+ border: 1px solid #e5e5ea;
9335
+ border: 1px solid var(--rs-border-primary);
9336
+ }
8546
9337
  .rs-notification-content {
8547
- background: #fff;
8548
- background: var(--rs-bg-overlay);
8549
- -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8550
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8551
9338
  padding: 20px;
8552
- border-radius: 6px;
8553
9339
  max-width: 400px;
8554
9340
  }
8555
9341
  .rs-notification-title {
@@ -8710,12 +9496,16 @@ textarea.rs-picker-search-input {
8710
9496
  }
8711
9497
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8712
9498
  right: 0;
9499
+ border-left: none;
9500
+ border-left: var(--rs-btn-default-border, none);
8713
9501
  }
8714
9502
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right {
8715
9503
  padding: 10px 16px 10px 58px;
8716
9504
  }
8717
9505
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8718
9506
  left: 0;
9507
+ border-right: none;
9508
+ border-right: var(--rs-btn-default-border, none);
8719
9509
  }
8720
9510
  .rs-pagination-lg .rs-pagination-btn .rs-pagination-symbol {
8721
9511
  height: 22px;
@@ -8752,12 +9542,16 @@ textarea.rs-picker-search-input {
8752
9542
  }
8753
9543
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8754
9544
  right: 0;
9545
+ border-left: none;
9546
+ border-left: var(--rs-btn-default-border, none);
8755
9547
  }
8756
9548
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right {
8757
9549
  padding: 8px 12px 8px 48px;
8758
9550
  }
8759
9551
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8760
9552
  left: 0;
9553
+ border-right: none;
9554
+ border-right: var(--rs-btn-default-border, none);
8761
9555
  }
8762
9556
  .rs-pagination-md .rs-pagination-btn-active {
8763
9557
  padding: 7px 11px;
@@ -8791,12 +9585,16 @@ textarea.rs-picker-search-input {
8791
9585
  }
8792
9586
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8793
9587
  right: 0;
9588
+ border-left: none;
9589
+ border-left: var(--rs-btn-default-border, none);
8794
9590
  }
8795
9591
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right {
8796
9592
  padding: 5px 10px 5px 40px;
8797
9593
  }
8798
9594
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8799
9595
  left: 0;
9596
+ border-right: none;
9597
+ border-right: var(--rs-btn-default-border, none);
8800
9598
  }
8801
9599
  .rs-pagination-sm .rs-pagination-btn-active {
8802
9600
  padding: 4px 9px;
@@ -8830,12 +9628,16 @@ textarea.rs-picker-search-input {
8830
9628
  }
8831
9629
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8832
9630
  right: 0;
9631
+ border-left: none;
9632
+ border-left: var(--rs-btn-default-border, none);
8833
9633
  }
8834
9634
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right {
8835
9635
  padding: 2px 8px 2px 32px;
8836
9636
  }
8837
9637
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8838
9638
  left: 0;
9639
+ border-right: none;
9640
+ border-right: var(--rs-btn-default-border, none);
8839
9641
  }
8840
9642
  .rs-pagination-xs .rs-pagination-btn-active {
8841
9643
  padding: 1px 7px;
@@ -8851,6 +9653,7 @@ textarea.rs-picker-search-input {
8851
9653
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
8852
9654
  transition: color 0.2s linear, background-color 0.3s linear;
8853
9655
  border: none;
9656
+ border: var(--rs-btn-default-border, none);
8854
9657
  color: #575757;
8855
9658
  color: var(--rs-btn-default-text);
8856
9659
  background-color: #f7f7fa;
@@ -8861,6 +9664,7 @@ textarea.rs-picker-search-input {
8861
9664
  color: #8e8e93;
8862
9665
  color: var(--rs-btn-subtle-text);
8863
9666
  background-color: transparent;
9667
+ border: none;
8864
9668
  font-size: 14px;
8865
9669
  line-height: 20px;
8866
9670
  padding: 5px 10px;
@@ -8880,6 +9684,10 @@ textarea.rs-picker-search-input {
8880
9684
  -ms-flex-pack: center;
8881
9685
  justify-content: center;
8882
9686
  }
9687
+ .rs-theme-high-contrast .rs-pagination-btn {
9688
+ -webkit-transition: none;
9689
+ transition: none;
9690
+ }
8883
9691
  .rs-btn-ghost.rs-pagination-btn {
8884
9692
  padding: 7px 11px;
8885
9693
  }
@@ -8903,12 +9711,16 @@ textarea.rs-picker-search-input {
8903
9711
  }
8904
9712
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8905
9713
  right: 0;
9714
+ border-left: none;
9715
+ border-left: var(--rs-btn-default-border, none);
8906
9716
  }
8907
9717
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right {
8908
9718
  padding: 8px 12px 8px 48px;
8909
9719
  }
8910
9720
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8911
9721
  left: 0;
9722
+ border-right: none;
9723
+ border-right: var(--rs-btn-default-border, none);
8912
9724
  }
8913
9725
  .rs-pagination-btn:focus {
8914
9726
  outline: 0;
@@ -8919,6 +9731,7 @@ textarea.rs-picker-search-input {
8919
9731
  }
8920
9732
  .rs-pagination-btn:hover,
8921
9733
  .rs-pagination-btn:focus {
9734
+ color: var(--rs-btn-default-hover-text);
8922
9735
  background-color: #e5e5ea;
8923
9736
  background-color: var(--rs-btn-default-hover-bg);
8924
9737
  }
@@ -8937,6 +9750,10 @@ textarea.rs-picker-search-input {
8937
9750
  background-color: #f7f7fa;
8938
9751
  background-color: var(--rs-btn-default-disabled-bg);
8939
9752
  }
9753
+ .rs-theme-high-contrast .rs-pagination-btn:disabled,
9754
+ .rs-theme-high-contrast .rs-pagination-btn.rs-btn-disabled {
9755
+ opacity: 0.5;
9756
+ }
8940
9757
  @media not all and (min-resolution: 0.001dpcm) {
8941
9758
  .rs-pagination-btn {
8942
9759
  /* stylelint-disable */
@@ -8948,6 +9765,10 @@ textarea.rs-picker-search-input {
8948
9765
  -webkit-transition: border-color ease-in-out 0.3s;
8949
9766
  transition: border-color ease-in-out 0.3s;
8950
9767
  }
9768
+ .rs-theme-high-contrast .rs-picker-default .rs-pagination-btn {
9769
+ -webkit-transition: none;
9770
+ transition: none;
9771
+ }
8951
9772
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn:hover,
8952
9773
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn:focus,
8953
9774
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn-active {
@@ -8958,6 +9779,7 @@ textarea.rs-picker-search-input {
8958
9779
  color: #8e8e93;
8959
9780
  color: var(--rs-btn-subtle-text);
8960
9781
  background-color: transparent;
9782
+ border: none;
8961
9783
  -webkit-transition: none;
8962
9784
  transition: none;
8963
9785
  }
@@ -8981,6 +9803,10 @@ textarea.rs-picker-search-input {
8981
9803
  color: var(--rs-btn-subtle-disabled-text);
8982
9804
  background: none;
8983
9805
  }
9806
+ .rs-theme-high-contrast .rs-picker-subtle .rs-pagination-btn:disabled,
9807
+ .rs-theme-high-contrast .rs-picker-subtle .rs-pagination-btn.rs-btn-disabled {
9808
+ opacity: 0.5;
9809
+ }
8984
9810
  .rs-picker-subtle .rs-pagination-btn-active {
8985
9811
  background-color: #f7f7fa;
8986
9812
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -9007,6 +9833,10 @@ textarea.rs-picker-search-input {
9007
9833
  color: var(--rs-btn-subtle-disabled-text);
9008
9834
  background: none;
9009
9835
  }
9836
+ .rs-theme-high-contrast .rs-pagination-btn:disabled,
9837
+ .rs-theme-high-contrast .rs-pagination-btn.rs-btn-disabled {
9838
+ opacity: 0.5;
9839
+ }
9010
9840
  .rs-btn-ghost.rs-pagination-btn {
9011
9841
  padding: 4px 9px;
9012
9842
  }
@@ -9030,12 +9860,16 @@ textarea.rs-picker-search-input {
9030
9860
  }
9031
9861
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
9032
9862
  right: 0;
9863
+ border-left: none;
9864
+ border-left: var(--rs-btn-default-border, none);
9033
9865
  }
9034
9866
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right {
9035
9867
  padding: 5px 10px 5px 40px;
9036
9868
  }
9037
9869
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
9038
9870
  left: 0;
9871
+ border-right: none;
9872
+ border-right: var(--rs-btn-default-border, none);
9039
9873
  }
9040
9874
  .rs-pagination-btn .rs-pagination-symbol {
9041
9875
  display: -webkit-box;
@@ -9046,36 +9880,54 @@ textarea.rs-picker-search-input {
9046
9880
  align-items: center;
9047
9881
  height: 20px;
9048
9882
  }
9049
- .rs-pagination-btn-active {
9883
+ .rs-theme-high-contrast .rs-pagination-btn {
9884
+ -webkit-transition: none;
9885
+ transition: none;
9886
+ color: var(--rs-pagination-item-text);
9887
+ }
9888
+ .rs-theme-high-contrast .rs-pagination-btn:hover,
9889
+ .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
9890
+ color: var(--rs-pagination-item-current-text);
9891
+ text-decoration: underline;
9892
+ }
9893
+ .rs-pagination-btn.rs-pagination-btn-active {
9050
9894
  color: #1675e0;
9051
9895
  color: var(--rs-btn-ghost-text);
9052
9896
  background-color: transparent;
9053
9897
  border: 1px solid #1675e0;
9054
9898
  border: 1px solid var(--rs-btn-ghost-border);
9055
9899
  }
9056
- .rs-pagination-btn-active:hover,
9057
- .rs-pagination-btn-active:focus {
9900
+ .rs-pagination-btn.rs-pagination-btn-active:hover,
9901
+ .rs-pagination-btn.rs-pagination-btn-active:focus {
9058
9902
  color: #0a5dc2;
9059
9903
  color: var(--rs-btn-ghost-hover-text);
9060
9904
  background-color: transparent;
9061
9905
  border-color: #0a5dc2;
9062
9906
  border-color: var(--rs-btn-ghost-hover-border);
9063
9907
  }
9064
- .rs-pagination-btn-active:active,
9065
- .rs-pagination-btn-active.rs-btn-active {
9908
+ .rs-pagination-btn.rs-pagination-btn-active:active,
9909
+ .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active {
9066
9910
  color: #004299;
9067
9911
  color: var(--rs-btn-ghost-active-text);
9068
9912
  background-color: transparent;
9069
9913
  border-color: #004299;
9070
9914
  border-color: var(--rs-btn-ghost-active-border);
9071
9915
  }
9072
- .rs-pagination-btn-active:disabled,
9073
- .rs-pagination-btn-active.rs-btn-disabled {
9916
+ .rs-pagination-btn.rs-pagination-btn-active:disabled,
9917
+ .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
9074
9918
  color: #1675e0;
9075
9919
  color: var(--rs-btn-ghost-text);
9076
9920
  background-color: transparent;
9077
9921
  opacity: 0.3;
9078
9922
  }
9923
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
9924
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
9925
+ opacity: 0.5;
9926
+ }
9927
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active {
9928
+ color: var(--rs-pagination-item-current-text);
9929
+ text-decoration: underline;
9930
+ }
9079
9931
  [dir='rtl'] .rs-pagination-btn [class*='rs-icon-page'] {
9080
9932
  -webkit-transform: rotate(180deg);
9081
9933
  transform: rotate(180deg);
@@ -9212,8 +10064,9 @@ textarea.rs-picker-search-input {
9212
10064
  .rs-picker-value-count {
9213
10065
  margin: 0 4px;
9214
10066
  background-color: #3498ff;
9215
- background-color: var(--rs-picker-count);
10067
+ background-color: var(--rs-picker-count-bg);
9216
10068
  color: #fff;
10069
+ color: var(--rs-picker-count-text);
9217
10070
  border-radius: 10px;
9218
10071
  padding: 0 8px;
9219
10072
  line-height: 20px;
@@ -9245,6 +10098,7 @@ textarea.rs-picker-search-input {
9245
10098
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
9246
10099
  transition: color 0.2s linear, background-color 0.3s linear;
9247
10100
  border: none;
10101
+ border: var(--rs-btn-default-border, none);
9248
10102
  -webkit-user-select: none;
9249
10103
  -moz-user-select: none;
9250
10104
  -ms-user-select: none;
@@ -9261,6 +10115,10 @@ textarea.rs-picker-search-input {
9261
10115
  overflow: hidden;
9262
10116
  position: relative;
9263
10117
  }
10118
+ .rs-theme-high-contrast .rs-picker-toggle {
10119
+ -webkit-transition: none;
10120
+ transition: none;
10121
+ }
9264
10122
  .rs-btn-ghost.rs-picker-toggle {
9265
10123
  padding: 7px 11px;
9266
10124
  }
@@ -9284,12 +10142,16 @@ textarea.rs-picker-search-input {
9284
10142
  }
9285
10143
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left > .rs-icon {
9286
10144
  right: 0;
10145
+ border-left: none;
10146
+ border-left: var(--rs-btn-default-border, none);
9287
10147
  }
9288
10148
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
9289
10149
  padding: 8px 12px 8px 48px;
9290
10150
  }
9291
10151
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
9292
10152
  left: 0;
10153
+ border-right: none;
10154
+ border-right: var(--rs-btn-default-border, none);
9293
10155
  }
9294
10156
  .rs-picker-toggle:focus {
9295
10157
  outline: 0;
@@ -9300,6 +10162,7 @@ textarea.rs-picker-search-input {
9300
10162
  }
9301
10163
  .rs-picker-toggle:hover,
9302
10164
  .rs-picker-toggle:focus {
10165
+ color: var(--rs-btn-default-hover-text);
9303
10166
  background-color: #e5e5ea;
9304
10167
  background-color: var(--rs-btn-default-hover-bg);
9305
10168
  }
@@ -9318,6 +10181,10 @@ textarea.rs-picker-search-input {
9318
10181
  background-color: #f7f7fa;
9319
10182
  background-color: var(--rs-btn-default-disabled-bg);
9320
10183
  }
10184
+ .rs-theme-high-contrast .rs-picker-toggle:disabled,
10185
+ .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
10186
+ opacity: 0.5;
10187
+ }
9321
10188
  @media not all and (min-resolution: 0.001dpcm) {
9322
10189
  .rs-picker-toggle {
9323
10190
  /* stylelint-disable */
@@ -9329,6 +10196,10 @@ textarea.rs-picker-search-input {
9329
10196
  -webkit-transition: border-color ease-in-out 0.3s;
9330
10197
  transition: border-color ease-in-out 0.3s;
9331
10198
  }
10199
+ .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10200
+ -webkit-transition: none;
10201
+ transition: none;
10202
+ }
9332
10203
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
9333
10204
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
9334
10205
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
@@ -9339,6 +10210,7 @@ textarea.rs-picker-search-input {
9339
10210
  color: #8e8e93;
9340
10211
  color: var(--rs-btn-subtle-text);
9341
10212
  background-color: transparent;
10213
+ border: none;
9342
10214
  -webkit-transition: none;
9343
10215
  transition: none;
9344
10216
  }
@@ -9362,6 +10234,10 @@ textarea.rs-picker-search-input {
9362
10234
  color: var(--rs-btn-subtle-disabled-text);
9363
10235
  background: none;
9364
10236
  }
10237
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
10238
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
10239
+ opacity: 0.5;
10240
+ }
9365
10241
  .rs-picker-subtle .rs-picker-toggle-active {
9366
10242
  background-color: #f7f7fa;
9367
10243
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -9403,6 +10279,11 @@ textarea.rs-picker-search-input {
9403
10279
  -webkit-transition: border-color ease-in-out 0.3s;
9404
10280
  transition: border-color ease-in-out 0.3s;
9405
10281
  }
10282
+ .rs-theme-high-contrast .rs-picker-default .rs-btn,
10283
+ .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10284
+ -webkit-transition: none;
10285
+ transition: none;
10286
+ }
9406
10287
  .rs-picker-default:not(.rs-picker-disabled) .rs-btn:hover,
9407
10288
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
9408
10289
  .rs-picker-default:not(.rs-picker-disabled) .rs-btn:focus,
@@ -9417,6 +10298,7 @@ textarea.rs-picker-search-input {
9417
10298
  color: #8e8e93;
9418
10299
  color: var(--rs-btn-subtle-text);
9419
10300
  background-color: transparent;
10301
+ border: none;
9420
10302
  -webkit-transition: none;
9421
10303
  transition: none;
9422
10304
  }
@@ -9446,6 +10328,12 @@ textarea.rs-picker-search-input {
9446
10328
  color: var(--rs-btn-subtle-disabled-text);
9447
10329
  background: none;
9448
10330
  }
10331
+ .rs-theme-high-contrast .rs-picker-subtle .rs-btn:disabled,
10332
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
10333
+ .rs-theme-high-contrast .rs-picker-subtle .rs-btn.rs-btn-disabled,
10334
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
10335
+ opacity: 0.5;
10336
+ }
9449
10337
  .rs-picker-subtle .rs-btn-active,
9450
10338
  .rs-picker-subtle .rs-picker-toggle-active {
9451
10339
  background-color: #f7f7fa;
@@ -9631,12 +10519,16 @@ textarea.rs-picker-search-input {
9631
10519
  }
9632
10520
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
9633
10521
  right: 0;
10522
+ border-left: none;
10523
+ border-left: var(--rs-btn-default-border, none);
9634
10524
  }
9635
10525
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
9636
10526
  padding: 10px 16px 10px 58px;
9637
10527
  }
9638
10528
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
9639
10529
  left: 0;
10530
+ border-right: none;
10531
+ border-right: var(--rs-btn-default-border, none);
9640
10532
  }
9641
10533
  .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
9642
10534
  line-height: 22px;
@@ -9745,12 +10637,16 @@ textarea.rs-picker-search-input {
9745
10637
  }
9746
10638
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
9747
10639
  right: 0;
10640
+ border-left: none;
10641
+ border-left: var(--rs-btn-default-border, none);
9748
10642
  }
9749
10643
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
9750
10644
  padding: 5px 10px 5px 40px;
9751
10645
  }
9752
10646
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
9753
10647
  left: 0;
10648
+ border-right: none;
10649
+ border-right: var(--rs-btn-default-border, none);
9754
10650
  }
9755
10651
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
9756
10652
  padding-left: 30px;
@@ -9858,12 +10754,16 @@ textarea.rs-picker-search-input {
9858
10754
  }
9859
10755
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
9860
10756
  right: 0;
10757
+ border-left: none;
10758
+ border-left: var(--rs-btn-default-border, none);
9861
10759
  }
9862
10760
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
9863
10761
  padding: 2px 8px 2px 32px;
9864
10762
  }
9865
10763
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
9866
10764
  left: 0;
10765
+ border-right: none;
10766
+ border-right: var(--rs-btn-default-border, none);
9867
10767
  }
9868
10768
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
9869
10769
  padding-left: 28px;
@@ -10077,6 +10977,10 @@ textarea.rs-picker-search-input {
10077
10977
  transition: none;
10078
10978
  /* stylelint-disable-next-line */
10079
10979
  }
10980
+ .rs-theme-high-contrast .rs-picker-menu {
10981
+ border: 1px solid #e5e5ea;
10982
+ border: 1px solid var(--rs-border-primary);
10983
+ }
10080
10984
  .rs-modal-open .rs-picker-menu {
10081
10985
  z-index: 1055;
10082
10986
  }
@@ -10120,6 +11024,10 @@ textarea.rs-picker-search-input {
10120
11024
  textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10121
11025
  height: auto;
10122
11026
  }
11027
+ .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11028
+ -webkit-transition: none;
11029
+ transition: none;
11030
+ }
10123
11031
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
10124
11032
  color: #8e8e93;
10125
11033
  color: var(--rs-text-secondary);
@@ -10195,10 +11103,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10195
11103
  }
10196
11104
  .rs-check-item:not(.rs-checkbox-disabled):hover,
10197
11105
  .rs-check-item:focus,
10198
- .rs-check-item-focus {
11106
+ .rs-check-item.rs-check-item-focus {
10199
11107
  background-color: rgba(204, 233, 255, 0.5);
10200
11108
  background-color: var(--rs-listbox-option-hover-bg);
10201
11109
  }
11110
+ .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11111
+ .rs-theme-high-contrast .rs-check-item:focus,
11112
+ .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11113
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
11114
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
11115
+ color: #1675e0;
11116
+ color: var(--rs-listbox-option-hover-text);
11117
+ text-decoration: underline;
11118
+ }
11119
+ .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
11120
+ .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
11121
+ .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
11122
+ text-decoration: underline;
11123
+ }
10202
11124
  .rs-check-item .rs-checkbox-checker {
10203
11125
  padding: 0;
10204
11126
  }
@@ -10212,10 +11134,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10212
11134
  line-height: 20px;
10213
11135
  /* stylelint-disable-next-line */
10214
11136
  }
11137
+ .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
11138
+ -webkit-transition: none;
11139
+ transition: none;
11140
+ }
10215
11141
  .rs-check-item .rs-checkbox-checker > label::before {
10216
11142
  background-color: #fff;
10217
11143
  background-color: var(--rs-bg-overlay);
10218
11144
  }
11145
+ .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
11146
+ background: none;
11147
+ }
10219
11148
  .ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
10220
11149
  overflow: hidden;
10221
11150
  text-overflow: ellipsis;
@@ -10387,23 +11316,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10387
11316
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
10388
11317
  box-shadow: var(--rs-popover-shadow);
10389
11318
  }
10390
- .rs-popover.fade {
11319
+ .rs-popover.rs-anim-fade {
10391
11320
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
10392
11321
  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
10393
11322
  transition: opacity 0.1s linear, transform 0.1s ease-out;
10394
11323
  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
10395
11324
  }
10396
- .rs-popover.in {
11325
+ .rs-popover.rs-anim-in {
10397
11326
  opacity: 1;
10398
11327
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
10399
11328
  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
10400
11329
  transition: opacity 0.15s linear, transform 0.15s ease-in;
10401
11330
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
10402
11331
  }
11332
+ .rs-theme-high-contrast .rs-popover {
11333
+ border: 1px solid #e5e5ea;
11334
+ border: 1px solid var(--rs-border-primary);
11335
+ }
10403
11336
  .rs-popover > .rs-popover-arrow {
10404
11337
  border-width: 6px;
10405
11338
  }
10406
11339
  .rs-popover > .rs-popover-arrow,
11340
+ .rs-popover > .rs-popover-arrow::before,
10407
11341
  .rs-popover > .rs-popover-arrow::after {
10408
11342
  position: absolute;
10409
11343
  display: block;
@@ -10412,10 +11346,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10412
11346
  border-color: transparent;
10413
11347
  border-style: solid;
10414
11348
  }
11349
+ .rs-popover > .rs-popover-arrow::before,
10415
11350
  .rs-popover > .rs-popover-arrow::after {
10416
11351
  border-width: 6px;
10417
11352
  content: '';
10418
11353
  }
11354
+ .rs-popover > .rs-popover-arrow::before {
11355
+ display: none;
11356
+ }
11357
+ .rs-theme-high-contrast .rs-popover > .rs-popover-arrow::before {
11358
+ display: block;
11359
+ }
10419
11360
  .rs-popover-title {
10420
11361
  margin: 0;
10421
11362
  font-size: 14px;
@@ -10433,85 +11374,189 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10433
11374
  -webkit-transform: translate(0, 0);
10434
11375
  transform: translate(0, 0);
10435
11376
  }
10436
- .rs-popover[class*='placement-top'].in {
11377
+ .rs-popover[class*='placement-top'].rs-anim-in {
10437
11378
  -webkit-transform: translate(0, -2px);
10438
11379
  transform: translate(0, -2px);
10439
11380
  }
10440
11381
  .rs-popover[class*='placement-top'] > .rs-popover-arrow {
10441
11382
  margin-right: -6px;
10442
- border-bottom-width: 0;
10443
11383
  bottom: -6px;
10444
11384
  }
10445
11385
  .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
10446
- bottom: 1px;
11386
+ bottom: -6px;
10447
11387
  margin-right: -6px;
10448
- border-bottom-width: 0;
11388
+ border-width: 6px 6px 0;
10449
11389
  border-top-color: #fff;
10450
11390
  border-top-color: var(--rs-bg-overlay);
10451
11391
  }
11392
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11393
+ .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
11394
+ bottom: -7px;
11395
+ }
11396
+ }
11397
+ @supports (-ms-ime-align: auto) {
11398
+ .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
11399
+ bottom: -7px;
11400
+ }
11401
+ }
11402
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11403
+ bottom: -7px;
11404
+ margin-right: -7px;
11405
+ border-width: 7px 7px 0;
11406
+ border-top-color: #e5e5ea;
11407
+ border-top-color: var(--rs-border-primary);
11408
+ }
11409
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11410
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11411
+ bottom: -8px;
11412
+ }
11413
+ }
11414
+ @supports (-ms-ime-align: auto) {
11415
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11416
+ bottom: -8px;
11417
+ }
11418
+ }
10452
11419
  .rs-popover[class*='placement-right'] {
10453
11420
  margin-left: 8px;
10454
11421
  -webkit-transform: translate(0, 0);
10455
11422
  transform: translate(0, 0);
10456
11423
  }
10457
- .rs-popover[class*='placement-right'].in {
11424
+ .rs-popover[class*='placement-right'].rs-anim-in {
10458
11425
  -webkit-transform: translate(2px, 0);
10459
11426
  transform: translate(2px, 0);
10460
11427
  }
10461
11428
  .rs-popover[class*='placement-right'] > .rs-popover-arrow {
10462
11429
  left: -6px;
10463
11430
  margin-top: -6px;
10464
- border-left-width: 0;
10465
11431
  }
10466
- .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
10467
- left: 1px;
10468
- bottom: -6px;
10469
- border-left-width: 0;
10470
- border-right-color: #fff;
10471
- border-right-color: var(--rs-bg-overlay);
11432
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11433
+ left: -6px;
11434
+ margin-top: -6px;
11435
+ border-width: 6px 6px 6px 0;
11436
+ border-right-color: #fff;
11437
+ border-right-color: var(--rs-bg-overlay);
11438
+ }
11439
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11440
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11441
+ left: -7px;
11442
+ }
11443
+ }
11444
+ @supports (-ms-ime-align: auto) {
11445
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11446
+ left: -7px;
11447
+ }
11448
+ }
11449
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11450
+ left: -7px;
11451
+ margin-top: -7px;
11452
+ border-width: 7px 7px 7px 0;
11453
+ border-right-color: #e5e5ea;
11454
+ border-right-color: var(--rs-border-primary);
11455
+ }
11456
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11457
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11458
+ left: -8px;
11459
+ }
11460
+ }
11461
+ @supports (-ms-ime-align: auto) {
11462
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11463
+ left: -8px;
11464
+ }
10472
11465
  }
10473
11466
  .rs-popover[class*='placement-left'] {
10474
11467
  margin-left: -8px;
10475
11468
  -webkit-transform: translate(0, 0);
10476
11469
  transform: translate(0, 0);
10477
11470
  }
10478
- .rs-popover[class*='placement-left'].in {
11471
+ .rs-popover[class*='placement-left'].rs-anim-in {
10479
11472
  -webkit-transform: translate(-2px, 0);
10480
11473
  transform: translate(-2px, 0);
10481
11474
  }
10482
11475
  .rs-popover[class*='placement-left'] > .rs-popover-arrow {
10483
11476
  right: -6px;
10484
11477
  margin-top: -6px;
10485
- border-right-width: 0;
10486
11478
  }
10487
11479
  .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
10488
- right: 1px;
10489
- border-right-width: 0;
11480
+ right: -6px;
11481
+ margin-top: -6px;
11482
+ border-width: 6px 0 6px 6px;
10490
11483
  border-left-color: #fff;
10491
11484
  border-left-color: var(--rs-bg-overlay);
10492
- bottom: -6px;
11485
+ }
11486
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11487
+ .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
11488
+ right: -7px;
11489
+ }
11490
+ }
11491
+ @supports (-ms-ime-align: auto) {
11492
+ .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
11493
+ right: -7px;
11494
+ }
11495
+ }
11496
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11497
+ right: -7px;
11498
+ margin-top: -7px;
11499
+ border-width: 7px 0 7px 7px;
11500
+ border-left-color: #e5e5ea;
11501
+ border-left-color: var(--rs-border-primary);
11502
+ }
11503
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11504
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11505
+ right: -8px;
11506
+ }
11507
+ }
11508
+ @supports (-ms-ime-align: auto) {
11509
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11510
+ right: -8px;
11511
+ }
10493
11512
  }
10494
11513
  .rs-popover[class*='placement-bottom'] {
10495
11514
  margin-top: 8px;
10496
11515
  -webkit-transform: translate(0, 0);
10497
11516
  transform: translate(0, 0);
10498
11517
  }
10499
- .rs-popover[class*='placement-bottom'].in {
11518
+ .rs-popover[class*='placement-bottom'].rs-anim-in {
10500
11519
  -webkit-transform: translate(0, 2px);
10501
11520
  transform: translate(0, 2px);
10502
11521
  }
10503
11522
  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow {
10504
11523
  margin-right: -6px;
10505
- border-top-width: 0;
10506
11524
  top: -6px;
10507
11525
  }
10508
11526
  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
10509
- top: 1px;
11527
+ top: -6px;
10510
11528
  margin-right: -6px;
10511
- border-top-width: 0;
11529
+ border-width: 0 6px 6px;
10512
11530
  border-bottom-color: #fff;
10513
11531
  border-bottom-color: var(--rs-bg-overlay);
10514
11532
  }
11533
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11534
+ .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
11535
+ top: -7px;
11536
+ }
11537
+ }
11538
+ @supports (-ms-ime-align: auto) {
11539
+ .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
11540
+ top: -7px;
11541
+ }
11542
+ }
11543
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11544
+ top: -7px;
11545
+ margin-right: -7px;
11546
+ border-width: 0 7px 7px;
11547
+ border-bottom-color: #e5e5ea;
11548
+ border-bottom-color: var(--rs-border-primary);
11549
+ }
11550
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11551
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11552
+ top: -8px;
11553
+ }
11554
+ }
11555
+ @supports (-ms-ime-align: auto) {
11556
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11557
+ top: -8px;
11558
+ }
11559
+ }
10515
11560
  .rs-popover.placement-bottom > .rs-popover-arrow,
10516
11561
  .rs-popover.placement-top > .rs-popover-arrow {
10517
11562
  right: 50%;
@@ -10893,6 +11938,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10893
11938
  transition: transform 0.2s linear, opacity 0.2s linear;
10894
11939
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
10895
11940
  }
11941
+ .rs-theme-high-contrast .rs-radio-wrapper::before {
11942
+ -webkit-transition: none;
11943
+ transition: none;
11944
+ }
10896
11945
  .rs-radio-checked .rs-radio-wrapper::before {
10897
11946
  -webkit-transform: scale(1.5);
10898
11947
  transform: scale(1.5);
@@ -10915,6 +11964,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10915
11964
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
10916
11965
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
10917
11966
  }
11967
+ .rs-theme-high-contrast .rs-radio-inner::before {
11968
+ -webkit-transition: none;
11969
+ transition: none;
11970
+ }
10918
11971
  .rs-radio:hover .rs-radio-inner::before {
10919
11972
  border-color: #3498ff;
10920
11973
  border-color: var(--rs-radio-checked-bg);
@@ -10934,6 +11987,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10934
11987
  .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
10935
11988
  opacity: 0.3;
10936
11989
  }
11990
+ .rs-theme-high-contrast .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
11991
+ opacity: 0.5;
11992
+ }
10937
11993
  .rs-radio-inner::after {
10938
11994
  width: 6px;
10939
11995
  height: 6px;
@@ -10950,6 +12006,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10950
12006
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
10951
12007
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
10952
12008
  }
12009
+ .rs-theme-high-contrast .rs-radio-inner::after {
12010
+ -webkit-transition: none;
12011
+ transition: none;
12012
+ }
10953
12013
  .rs-radio-checked .rs-radio-inner::after {
10954
12014
  -webkit-transform: scale(1);
10955
12015
  transform: scale(1);
@@ -11006,6 +12066,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11006
12066
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
11007
12067
  transition: color 0.2s linear, background-color 0.3s linear;
11008
12068
  border: none;
12069
+ border: var(--rs-btn-default-border, none);
11009
12070
  -webkit-user-select: none;
11010
12071
  -moz-user-select: none;
11011
12072
  -ms-user-select: none;
@@ -11024,6 +12085,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11024
12085
  color: #8e8e93;
11025
12086
  color: var(--rs-btn-subtle-text);
11026
12087
  background-color: transparent;
12088
+ border: none;
11027
12089
  color: #8e8e93;
11028
12090
  color: var(--rs-text-secondary);
11029
12091
  background: none;
@@ -11031,6 +12093,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11031
12093
  transition: color 0.3s linear;
11032
12094
  padding: 7px 0;
11033
12095
  }
12096
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12097
+ -webkit-transition: none;
12098
+ transition: none;
12099
+ }
11034
12100
  .rs-btn-ghost.rs-radio-group-picker .rs-radio-checker > label {
11035
12101
  padding: 7px 11px;
11036
12102
  }
@@ -11054,12 +12120,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11054
12120
  }
11055
12121
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left > .rs-icon {
11056
12122
  right: 0;
12123
+ border-left: none;
12124
+ border-left: var(--rs-btn-default-border, none);
11057
12125
  }
11058
12126
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right {
11059
12127
  padding: 8px 12px 8px 48px;
11060
12128
  }
11061
12129
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right > .rs-icon {
11062
12130
  left: 0;
12131
+ border-right: none;
12132
+ border-right: var(--rs-btn-default-border, none);
11063
12133
  }
11064
12134
  .rs-radio-group-picker .rs-radio-checker > label:focus {
11065
12135
  outline: 0;
@@ -11070,6 +12140,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11070
12140
  }
11071
12141
  .rs-radio-group-picker .rs-radio-checker > label:hover,
11072
12142
  .rs-radio-group-picker .rs-radio-checker > label:focus {
12143
+ color: var(--rs-btn-default-hover-text);
11073
12144
  background-color: #e5e5ea;
11074
12145
  background-color: var(--rs-btn-default-hover-bg);
11075
12146
  }
@@ -11088,6 +12159,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11088
12159
  background-color: #f7f7fa;
11089
12160
  background-color: var(--rs-btn-default-disabled-bg);
11090
12161
  }
12162
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12163
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12164
+ opacity: 0.5;
12165
+ }
11091
12166
  @media not all and (min-resolution: 0.001dpcm) {
11092
12167
  .rs-radio-group-picker .rs-radio-checker > label {
11093
12168
  /* stylelint-disable */
@@ -11099,6 +12174,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11099
12174
  -webkit-transition: border-color ease-in-out 0.3s;
11100
12175
  transition: border-color ease-in-out 0.3s;
11101
12176
  }
12177
+ .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12178
+ -webkit-transition: none;
12179
+ transition: none;
12180
+ }
11102
12181
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:hover,
11103
12182
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:focus,
11104
12183
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label-active {
@@ -11109,6 +12188,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11109
12188
  color: #8e8e93;
11110
12189
  color: var(--rs-btn-subtle-text);
11111
12190
  background-color: transparent;
12191
+ border: none;
11112
12192
  -webkit-transition: none;
11113
12193
  transition: none;
11114
12194
  }
@@ -11132,6 +12212,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11132
12212
  color: var(--rs-btn-subtle-disabled-text);
11133
12213
  background: none;
11134
12214
  }
12215
+ .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
12216
+ .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12217
+ opacity: 0.5;
12218
+ }
11135
12219
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
11136
12220
  background-color: #f7f7fa;
11137
12221
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -11158,6 +12242,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11158
12242
  color: var(--rs-btn-subtle-disabled-text);
11159
12243
  background: none;
11160
12244
  }
12245
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12246
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12247
+ opacity: 0.5;
12248
+ }
12249
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12250
+ -webkit-transition: none;
12251
+ transition: none;
12252
+ }
11161
12253
  .rs-radio-group-picker .rs-radio-checker > label:hover,
11162
12254
  .rs-radio-group-picker .rs-radio-checker > label:active {
11163
12255
  color: #1675e0;
@@ -11209,6 +12301,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11209
12301
  right: 0;
11210
12302
  pointer-events: none;
11211
12303
  }
12304
+ .rs-theme-high-contrast .rs-ripple-pond {
12305
+ display: none !important;
12306
+ }
11212
12307
  .rs-row {
11213
12308
  margin-right: -5px;
11214
12309
  margin-left: -5px;
@@ -11292,6 +12387,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11292
12387
  color: #1675e0;
11293
12388
  color: var(--rs-listbox-option-hover-text);
11294
12389
  }
12390
+ .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12391
+ .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12392
+ .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12393
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12394
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12395
+ color: #1675e0;
12396
+ color: var(--rs-listbox-option-hover-text);
12397
+ text-decoration: underline;
12398
+ }
11295
12399
  .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
11296
12400
  font-weight: bold;
11297
12401
  color: #1675e0;
@@ -11325,19 +12429,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11325
12429
  list-style: none;
11326
12430
  padding: 0;
11327
12431
  }
11328
- .rs-sidenav-nav > .rs-nav-item,
12432
+ .rs-sidenav-nav > .rs-sidenav-item,
11329
12433
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
11330
- .rs-sidenav-nav .rs-dropdown-item {
12434
+ .rs-sidenav-nav .rs-dropdown-item,
12435
+ .rs-sidenav-nav .rs-dropdown-item-toggle {
11331
12436
  padding: 15px 20px;
11332
12437
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11333
12438
  transition: color 0.3s linear, background-color 0.3s linear;
11334
12439
  border-radius: 0;
11335
12440
  color: inherit;
11336
12441
  }
11337
- .rs-sidenav-nav > .rs-nav-item,
12442
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
12443
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
12444
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
12445
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
12446
+ -webkit-transition: none;
12447
+ transition: none;
12448
+ }
12449
+ .rs-sidenav-nav > .rs-sidenav-item,
11338
12450
  .rs-sidenav-nav > .rs-dropdown {
11339
12451
  margin: 0 !important;
11340
12452
  }
12453
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12454
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
12455
+ border: none;
12456
+ }
11341
12457
  .rs-sidenav-nav .rs-dropdown-item-toggle {
11342
12458
  display: block;
11343
12459
  width: 100%;
@@ -11354,13 +12470,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11354
12470
  box-shadow: inset var(--rs-state-focus-shadow);
11355
12471
  z-index: 1;
11356
12472
  }
11357
- .rs-sidenav-nav .rs-nav-item:focus-visible {
12473
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12474
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12475
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12476
+ }
12477
+ .rs-sidenav-nav .rs-sidenav-item:focus-visible {
11358
12478
  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
11359
12479
  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
11360
12480
  box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
11361
12481
  box-shadow: inset var(--rs-state-focus-shadow);
11362
12482
  z-index: 1;
11363
12483
  }
12484
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12485
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12486
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12487
+ }
11364
12488
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
11365
12489
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
11366
12490
  font-weight: normal;
@@ -11382,7 +12506,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11382
12506
  -webkit-transform: rotate(-90deg);
11383
12507
  transform: rotate(-90deg);
11384
12508
  }
11385
- .rs-sidenav-nav > .rs-nav-item,
12509
+ .rs-sidenav-nav > .rs-sidenav-item,
11386
12510
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
11387
12511
  font-size: 16px;
11388
12512
  line-height: 1.25;
@@ -11390,7 +12514,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11390
12514
  width: 100%;
11391
12515
  white-space: normal;
11392
12516
  }
11393
- .rs-sidenav-nav > .rs-nav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
12517
+ .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
11394
12518
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
11395
12519
  font-size: 16px;
11396
12520
  margin-left: 20px;
@@ -11400,17 +12524,35 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11400
12524
  line-height: 1.25;
11401
12525
  height: 16px;
11402
12526
  }
11403
- .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle {
12527
+ .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12528
+ .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
11404
12529
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11405
12530
  -webkit-box-shadow: var(--rs-state-focus-shadow);
11406
12531
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11407
12532
  box-shadow: var(--rs-state-focus-shadow);
11408
12533
  z-index: 2;
11409
12534
  }
12535
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12536
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12537
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12538
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12539
+ }
12540
+ .rs-sidenav-item {
12541
+ position: relative;
12542
+ display: block;
12543
+ outline: 0;
12544
+ overflow: hidden;
12545
+ }
12546
+ .rs-sidenav-item:focus-visible,
12547
+ .rs-sidenav-item.rs-sidenav-item-focus {
12548
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12549
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12550
+ z-index: 2;
12551
+ }
11410
12552
  .rs-sidenav-collapse-in {
11411
12553
  width: 100%;
11412
12554
  }
11413
- .rs-sidenav-collapse-in .rs-nav-item {
12555
+ .rs-sidenav-collapse-in .rs-sidenav-item {
11414
12556
  border-radius: 0;
11415
12557
  }
11416
12558
  .rs-sidenav-collapse-in .rs-dropdown {
@@ -11434,6 +12576,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11434
12576
  background: none;
11435
12577
  z-index: 2;
11436
12578
  }
12579
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12580
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12581
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12582
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12583
+ }
11437
12584
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
11438
12585
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
11439
12586
  -webkit-box-shadow: none;
@@ -11447,6 +12594,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11447
12594
  box-shadow: inset var(--rs-state-focus-shadow);
11448
12595
  z-index: 2;
11449
12596
  }
12597
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12598
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12599
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12600
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12601
+ }
11450
12602
  .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11451
12603
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
11452
12604
  overflow: hidden;
@@ -11574,19 +12726,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11574
12726
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-with-icon > .rs-dropdown-item-content > .rs-dropdown-menu-toggle {
11575
12727
  padding-right: 85px;
11576
12728
  }
11577
- .rs-sidenav-collapse-out .rs-nav-item,
12729
+ .rs-sidenav-collapse-out .rs-sidenav-item,
11578
12730
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle {
11579
12731
  padding-left: 0;
11580
12732
  height: 50px;
11581
12733
  padding-right: 56px;
11582
12734
  }
11583
- .rs-sidenav-collapse-out .rs-nav-item:focus,
12735
+ .rs-sidenav-collapse-out .rs-sidenav-item:focus,
11584
12736
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
11585
12737
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11586
12738
  -webkit-box-shadow: var(--rs-state-focus-shadow);
11587
12739
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11588
12740
  box-shadow: var(--rs-state-focus-shadow);
11589
12741
  }
12742
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12743
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12744
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12745
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12746
+ }
11590
12747
  .rs-sidenav-collapse-out .rs-dropdown-item {
11591
12748
  padding: 8px 12px 8px 27px;
11592
12749
  }
@@ -11596,13 +12753,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11596
12753
  .rs-sidenav-collapse-out .rs-dropdown-toggle-caret {
11597
12754
  display: none;
11598
12755
  }
11599
- .rs-sidenav-collapse-out .rs-nav-item-text,
12756
+ .rs-sidenav-collapse-out .rs-sidenav-item-text,
11600
12757
  .rs-sidenav-collapse-out .rs-dropdown-toggle > span {
11601
12758
  -webkit-animation: sideNavFoldedText 0.2s ease-in forwards;
11602
12759
  animation: sideNavFoldedText 0.2s ease-in forwards;
11603
12760
  }
11604
- .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-nav-item,
11605
- .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-nav-item,
12761
+ .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
12762
+ .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
11606
12763
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-toggle,
11607
12764
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle,
11608
12765
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item,
@@ -11623,22 +12780,39 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11623
12780
  }
11624
12781
  .rs-sidenav-default {
11625
12782
  background-color: #f7f7fa;
11626
- background-color: var(--rs-navbar-default-bg);
12783
+ background-color: var(--rs-sidenav-default-bg);
11627
12784
  color: #575757;
11628
- color: var(--rs-navbar-default-text);
12785
+ color: var(--rs-sidenav-default-text);
11629
12786
  }
11630
- .rs-sidenav-default .rs-nav-item:hover,
12787
+ .rs-sidenav-default .rs-sidenav-item,
12788
+ .rs-sidenav-default .rs-dropdown-toggle {
12789
+ background-color: #f7f7fa;
12790
+ background-color: var(--rs-sidenav-default-bg);
12791
+ }
12792
+ .rs-sidenav-default .rs-sidenav-item:hover,
11631
12793
  .rs-sidenav-default .rs-dropdown .rs-dropdown-toggle:hover,
11632
12794
  .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
11633
12795
  background-color: #e5e5ea;
11634
- background-color: var(--rs-navbar-default-hover-bg);
12796
+ background-color: var(--rs-sidenav-default-hover-bg);
11635
12797
  color: #575757;
11636
- color: var(--rs-navbar-default-hover-text);
12798
+ color: var(--rs-sidenav-default-hover-text);
11637
12799
  }
11638
- .rs-sidenav-default .rs-nav-item.rs-nav-item-active,
11639
- .rs-sidenav-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
12800
+ .rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
12801
+ .rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active,
12802
+ .rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11640
12803
  color: #1675e0;
11641
- color: var(--rs-navbar-default-selected-text);
12804
+ color: var(--rs-sidenav-default-selected-text);
12805
+ }
12806
+ .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
12807
+ background-color: rgba(204, 233, 255, 0.5);
12808
+ background-color: var(--rs-menuitem-active-bg);
12809
+ color: #1675e0;
12810
+ color: var(--rs-menuitem-active-text);
12811
+ }
12812
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
12813
+ text-decoration: underline;
12814
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
12815
+ box-shadow: inset 0 0 0 2px #fff;
11642
12816
  }
11643
12817
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11644
12818
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11647,7 +12821,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11647
12821
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11648
12822
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11649
12823
  color: #575757;
11650
- color: var(--rs-navbar-default-text);
12824
+ color: var(--rs-sidenav-default-text);
11651
12825
  }
11652
12826
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11653
12827
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11668,61 +12842,76 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11668
12842
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
11669
12843
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
11670
12844
  background-color: #e5e5ea;
11671
- background-color: var(--rs-navbar-default-hover-bg);
12845
+ background-color: var(--rs-sidenav-default-hover-bg);
11672
12846
  color: #575757;
11673
- color: var(--rs-navbar-default-hover-text);
12847
+ color: var(--rs-sidenav-default-hover-text);
11674
12848
  }
12849
+ .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
12850
+ .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
11675
12851
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
11676
12852
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
11677
12853
  color: #1675e0;
11678
- color: var(--rs-navbar-default-selected-text);
12854
+ color: var(--rs-sidenav-default-selected-text);
11679
12855
  }
11680
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11681
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11682
- .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
12856
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
12857
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
12858
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
12859
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
12860
+ text-decoration: underline;
12861
+ }
12862
+ .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12863
+ .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12864
+ .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11683
12865
  color: #1675e0;
11684
- color: var(--rs-navbar-default-selected-text);
12866
+ color: var(--rs-sidenav-default-selected-text);
11685
12867
  }
11686
12868
  .rs-sidenav-inverse {
11687
12869
  background-color: #3498ff;
11688
- background-color: var(--rs-navbar-inverse-bg);
12870
+ background-color: var(--rs-sidenav-inverse-bg);
11689
12871
  color: #fff;
11690
- color: var(--rs-navbar-inverse-text);
12872
+ color: var(--rs-sidenav-inverse-text);
12873
+ }
12874
+ .rs-sidenav-inverse .rs-sidenav-item,
12875
+ .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle,
12876
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
12877
+ background-color: #3498ff;
12878
+ background-color: var(--rs-sidenav-inverse-bg);
11691
12879
  }
11692
- .rs-sidenav-inverse .rs-nav-item:hover,
12880
+ .rs-sidenav-inverse .rs-sidenav-item:hover,
11693
12881
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
11694
- .rs-sidenav-inverse .rs-nav-item:focus,
11695
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus {
12882
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
12883
+ .rs-sidenav-inverse .rs-sidenav-item:focus,
12884
+ .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
12885
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus {
11696
12886
  background-color: #2589f5;
11697
- background-color: var(--rs-navbar-inverse-hover-bg);
12887
+ background-color: var(--rs-sidenav-inverse-hover-bg);
11698
12888
  }
11699
- .rs-sidenav-inverse .rs-nav-item.rs-nav-item-active,
11700
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
11701
- background-color: #1675e0;
11702
- background-color: var(--rs-navbar-inverse-selected-bg);
12889
+ .rs-theme-high-contrast .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
12890
+ .rs-theme-high-contrast .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
12891
+ color: var(--rs-sidenav-inverse-selected-text);
11703
12892
  }
11704
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11705
- .rs-sidenav-inverse .rs-nav-item,
12893
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
12894
+ .rs-sidenav-inverse .rs-sidenav-item,
11706
12895
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle {
11707
12896
  color: #fff;
11708
- color: var(--rs-navbar-inverse-text);
12897
+ color: var(--rs-sidenav-inverse-text);
11709
12898
  }
11710
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11711
- .rs-sidenav-inverse .rs-nav-item:hover,
12899
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
12900
+ .rs-sidenav-inverse .rs-sidenav-item:hover,
11712
12901
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
11713
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:focus,
11714
- .rs-sidenav-inverse .rs-nav-item:focus,
12902
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:focus,
12903
+ .rs-sidenav-inverse .rs-sidenav-item:focus,
11715
12904
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
11716
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle.rs-dropdown-item-focus,
11717
- .rs-sidenav-inverse .rs-nav-item.rs-dropdown-item-focus,
12905
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle.rs-dropdown-item-focus,
12906
+ .rs-sidenav-inverse .rs-sidenav-item.rs-dropdown-item-focus,
11718
12907
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle.rs-dropdown-item-focus {
11719
12908
  color: #fff;
11720
- color: var(--rs-navbar-inverse-text);
12909
+ color: var(--rs-sidenav-inverse-text);
11721
12910
  }
11722
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11723
- .rs-sidenav-inverse .rs-nav-item.rs-nav-item-active {
12911
+ .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
12912
+ .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-active {
11724
12913
  background-color: #1675e0;
11725
- background-color: var(--rs-navbar-inverse-selected-bg);
12914
+ background-color: var(--rs-sidenav-inverse-selected-bg);
11726
12915
  }
11727
12916
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11728
12917
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11731,7 +12920,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11731
12920
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11732
12921
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11733
12922
  color: #fff;
11734
- color: var(--rs-navbar-inverse-text);
12923
+ color: var(--rs-sidenav-inverse-text);
11735
12924
  }
11736
12925
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11737
12926
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11752,32 +12941,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11752
12941
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
11753
12942
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
11754
12943
  background-color: #2589f5;
11755
- background-color: var(--rs-navbar-inverse-hover-bg);
12944
+ background-color: var(--rs-sidenav-inverse-hover-bg);
11756
12945
  color: #fff;
11757
- color: var(--rs-navbar-inverse-text);
11758
- }
11759
- .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu),
11760
- .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu) {
11761
- background-color: #2589f5;
11762
- background-color: var(--rs-navbar-inverse-hover-bg);
12946
+ color: var(--rs-sidenav-inverse-text);
11763
12947
  }
11764
12948
  .rs-sidenav-subtle {
11765
12949
  background-color: transparent;
11766
12950
  color: #8e8e93;
11767
- color: var(--rs-navbar-subtle-text);
12951
+ color: var(--rs-sidenav-subtle-text);
12952
+ }
12953
+ .rs-sidenav-subtle .rs-sidenav-item,
12954
+ .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle {
12955
+ background-color: transparent;
11768
12956
  }
11769
- .rs-sidenav-subtle .rs-nav-item:hover,
12957
+ .rs-sidenav-subtle .rs-sidenav-item:hover,
11770
12958
  .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
11771
- .rs-sidenav-subtle .rs-nav-item:focus,
12959
+ .rs-sidenav-subtle .rs-sidenav-item:focus,
11772
12960
  .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus {
11773
12961
  background-color: transparent;
11774
12962
  color: #575757;
11775
- color: var(--rs-navbar-subtle-hover-text);
12963
+ color: var(--rs-sidenav-subtle-hover-text);
11776
12964
  }
11777
- .rs-sidenav-subtle .rs-nav-item.rs-nav-item-active,
11778
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
12965
+ .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
12966
+ .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
11779
12967
  color: #1675e0;
11780
- color: var(--rs-navbar-subtle-selected-text);
12968
+ color: var(--rs-sidenav-subtle-selected-text);
11781
12969
  }
11782
12970
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn {
11783
12971
  background-color: transparent;
@@ -11785,7 +12973,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11785
12973
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:hover,
11786
12974
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:focus {
11787
12975
  background-color: #f7f7fa;
11788
- background-color: var(--rs-navbar-subtle-hover-bg);
12976
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11789
12977
  }
11790
12978
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11791
12979
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11794,7 +12982,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11794
12982
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11795
12983
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11796
12984
  color: #8e8e93;
11797
- color: var(--rs-navbar-subtle-text);
12985
+ color: var(--rs-sidenav-subtle-text);
11798
12986
  }
11799
12987
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11800
12988
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11809,32 +12997,32 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11809
12997
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
11810
12998
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
11811
12999
  background-color: #f7f7fa;
11812
- background-color: var(--rs-navbar-subtle-hover-bg);
13000
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11813
13001
  color: #575757;
11814
- color: var(--rs-navbar-subtle-hover-text);
13002
+ color: var(--rs-sidenav-subtle-hover-text);
11815
13003
  }
11816
13004
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
11817
13005
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
11818
13006
  color: #1675e0;
11819
- color: var(--rs-navbar-subtle-selected-text);
13007
+ color: var(--rs-sidenav-subtle-selected-text);
11820
13008
  }
11821
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11822
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11823
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle {
13009
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13010
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13011
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
11824
13012
  color: #8e8e93;
11825
- color: var(--rs-navbar-subtle-text);
13013
+ color: var(--rs-sidenav-subtle-text);
11826
13014
  }
11827
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11828
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11829
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover {
13015
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13016
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13017
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
11830
13018
  background-color: #f7f7fa;
11831
- background-color: var(--rs-navbar-subtle-hover-bg);
13019
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11832
13020
  }
11833
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11834
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11835
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
13021
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
13022
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
13023
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11836
13024
  color: #1675e0;
11837
- color: var(--rs-navbar-subtle-selected-text);
13025
+ color: var(--rs-sidenav-subtle-selected-text);
11838
13026
  }
11839
13027
  @-webkit-keyframes sideNavFoldedText {
11840
13028
  0% {
@@ -12300,6 +13488,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12300
13488
  visibility: hidden;
12301
13489
  }
12302
13490
  }
13491
+ .rs-table-row-rowspan + .rs-table-row {
13492
+ border-top: 1px solid #f2f2f5;
13493
+ border-top: 1px solid var(--rs-border-secondary);
13494
+ }
12303
13495
  .rs-table-row-expanded {
12304
13496
  position: absolute;
12305
13497
  height: 46px;
@@ -12498,6 +13690,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12498
13690
  font-size: 16px;
12499
13691
  line-height: 1.66666667;
12500
13692
  }
13693
+ .rs-table-cell-rowspan {
13694
+ border-bottom: 1px solid #f2f2f5 !important;
13695
+ border-bottom: 1px solid var(--rs-border-secondary) !important;
13696
+ }
12501
13697
  .rs-table-cell-header-sortable .rs-table-cell-content {
12502
13698
  cursor: pointer;
12503
13699
  }
@@ -12847,6 +14043,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12847
14043
  margin-right: 6px;
12848
14044
  margin-bottom: 6px;
12849
14045
  }
14046
+ .rs-picker-disabled-options .rs-picker-toggle {
14047
+ padding-left: 32px !important;
14048
+ }
14049
+ .rs-picker-disabled-options .rs-picker-tag-wrapper {
14050
+ margin-left: 32px !important;
14051
+ }
14052
+ .rs-picker-disabled-options .rs-picker-toggle-clean {
14053
+ left: 10px !important;
14054
+ }
12850
14055
  .rs-timeline {
12851
14056
  list-style: none;
12852
14057
  padding: 0;
@@ -13012,6 +14217,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13012
14217
  background-color: #d9d9d9;
13013
14218
  background-color: var(--rs-toggle-bg);
13014
14219
  color: #fff;
14220
+ color: var(--rs-toggle-thumb);
13015
14221
  cursor: pointer;
13016
14222
  -webkit-transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
13017
14223
  transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
@@ -13051,6 +14257,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13051
14257
  margin-left: 24px;
13052
14258
  margin-right: 8px;
13053
14259
  }
14260
+ .rs-theme-high-contrast .rs-btn-toggle {
14261
+ -webkit-transition: none;
14262
+ transition: none;
14263
+ -webkit-box-shadow: inset 0 0 0 1px #fff;
14264
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14265
+ box-shadow: inset 0 0 0 1px #fff;
14266
+ box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14267
+ }
13054
14268
  .rs-btn-toggle:hover {
13055
14269
  background-color: #c5c6c7;
13056
14270
  background-color: var(--rs-toggle-hover-bg);
@@ -13059,41 +14273,52 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13059
14273
  content: '';
13060
14274
  cursor: pointer;
13061
14275
  position: absolute;
13062
- background-color: #fff;
13063
- background-color: var(--rs-toggle-thumb);
14276
+ background-color: currentColor;
13064
14277
  -webkit-transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
13065
14278
  transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
13066
14279
  }
13067
- .rs-btn-toggle-checked {
13068
- background-color: #3498ff;
13069
- background-color: var(--rs-toggle-checked-bg);
13070
- }
13071
- .rs-btn-toggle-checked:hover {
13072
- background-color: #2589f5;
13073
- background-color: var(--rs-toggle-checked-hover-bg);
14280
+ .rs-theme-high-contrast .rs-btn-toggle::after {
14281
+ -webkit-transition: none;
14282
+ transition: none;
13074
14283
  }
13075
- .rs-btn-toggle-disabled {
14284
+ .rs-btn-toggle.rs-btn-toggle-disabled {
13076
14285
  background-color: #f7f7fa;
13077
14286
  background-color: var(--rs-toggle-disabled-bg);
14287
+ color: #fff;
14288
+ color: var(--rs-toggle-disabled-thumb);
14289
+ -webkit-box-shadow: inset 0 0 0 1px #fff;
14290
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14291
+ box-shadow: inset 0 0 0 1px #fff;
14292
+ box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
13078
14293
  cursor: not-allowed;
13079
14294
  }
13080
- .rs-btn-toggle-disabled::after {
13081
- background-color: #fff;
13082
- background-color: var(--rs-toggle-disabled-thumb);
14295
+ .rs-btn-toggle.rs-btn-toggle-checked {
14296
+ background-color: #3498ff;
14297
+ background-color: var(--rs-toggle-checked-bg);
14298
+ color: #fff;
14299
+ color: var(--rs-toggle-checked-thumb);
14300
+ -webkit-box-shadow: none;
14301
+ box-shadow: none;
14302
+ }
14303
+ .rs-btn-toggle.rs-btn-toggle-checked:hover {
14304
+ background-color: #2589f5;
14305
+ background-color: var(--rs-toggle-checked-hover-bg);
13083
14306
  }
13084
- .rs-btn-toggle-disabled.rs-btn-toggle-checked {
14307
+ .rs-btn-toggle.rs-btn-toggle-disabled.rs-btn-toggle-checked {
13085
14308
  background-color: #cce9ff;
13086
14309
  background-color: var(--rs-toggle-checked-disabled-bg);
13087
- }
13088
- .rs-btn-toggle-disabled.rs-btn-toggle-checked::after {
13089
- background-color: #fff;
13090
- background-color: var(--rs-toggle-checked-disabled-thumb);
14310
+ color: #fff;
14311
+ color: var(--rs-toggle-checked-disabled-thumb);
13091
14312
  }
13092
14313
  .rs-btn-toggle-inner {
13093
14314
  display: block;
13094
14315
  -webkit-transition: margin 0.2s ease-in-out;
13095
14316
  transition: margin 0.2s ease-in-out;
13096
14317
  }
14318
+ .rs-theme-high-contrast .rs-btn-toggle-inner {
14319
+ -webkit-transition: none;
14320
+ transition: none;
14321
+ }
13097
14322
  .rs-btn-toggle-sm {
13098
14323
  height: 14px;
13099
14324
  min-width: 26px;
@@ -13219,19 +14444,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13219
14444
  border-radius: 4px;
13220
14445
  overflow-wrap: break-word;
13221
14446
  }
13222
- .rs-tooltip.fade {
14447
+ .rs-tooltip.rs-anim-fade {
13223
14448
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
13224
14449
  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
13225
14450
  transition: opacity 0.1s linear, transform 0.1s ease-out;
13226
14451
  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
13227
14452
  }
13228
- .rs-tooltip.in {
14453
+ .rs-tooltip.rs-anim-in {
13229
14454
  opacity: 1;
13230
14455
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
13231
14456
  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
13232
14457
  transition: opacity 0.15s linear, transform 0.15s ease-in;
13233
14458
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
13234
14459
  }
14460
+ .rs-tooltip::before,
13235
14461
  .rs-tooltip::after {
13236
14462
  content: ' ';
13237
14463
  display: block;
@@ -13241,12 +14467,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13241
14467
  border-color: transparent;
13242
14468
  border-style: solid;
13243
14469
  }
14470
+ .rs-tooltip::before {
14471
+ display: none;
14472
+ }
14473
+ .rs-theme-high-contrast .rs-tooltip {
14474
+ border: 1px solid #e5e5ea;
14475
+ border: 1px solid var(--rs-border-primary);
14476
+ }
14477
+ .rs-theme-high-contrast .rs-tooltip::before {
14478
+ display: block;
14479
+ }
13244
14480
  .rs-tooltip[class*='placement-top'] {
13245
14481
  margin-top: -8px;
13246
14482
  -webkit-transform: translate(0, 0);
13247
14483
  transform: translate(0, 0);
13248
14484
  }
13249
- .rs-tooltip[class*='placement-top'].in {
14485
+ .rs-tooltip[class*='placement-top'].rs-anim-in {
13250
14486
  -webkit-transform: translate(0, -2px);
13251
14487
  transform: translate(0, -2px);
13252
14488
  }
@@ -13259,12 +14495,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13259
14495
  }
13260
14496
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13261
14497
  .rs-tooltip[class*='placement-top']::after {
13262
- bottom: -5px;
14498
+ bottom: -7px;
13263
14499
  }
13264
14500
  }
13265
14501
  @supports (-ms-ime-align: auto) {
13266
14502
  .rs-tooltip[class*='placement-top']::after {
13267
- bottom: -5px;
14503
+ bottom: -7px;
14504
+ }
14505
+ }
14506
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14507
+ bottom: -7px;
14508
+ margin-right: -7px;
14509
+ border-width: 7px 7px 0;
14510
+ border-top-color: var(--rs-tooltip-border);
14511
+ }
14512
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14513
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14514
+ bottom: -8px;
14515
+ }
14516
+ }
14517
+ @supports (-ms-ime-align: auto) {
14518
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14519
+ bottom: -8px;
13268
14520
  }
13269
14521
  }
13270
14522
  .rs-tooltip[class*='placement-bottom'] {
@@ -13272,7 +14524,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13272
14524
  -webkit-transform: translate(0, 0);
13273
14525
  transform: translate(0, 0);
13274
14526
  }
13275
- .rs-tooltip[class*='placement-bottom'].in {
14527
+ .rs-tooltip[class*='placement-bottom'].rs-anim-in {
13276
14528
  -webkit-transform: translate(0, 2px);
13277
14529
  transform: translate(0, 2px);
13278
14530
  }
@@ -13285,12 +14537,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13285
14537
  }
13286
14538
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13287
14539
  .rs-tooltip[class*='placement-bottom']::after {
13288
- top: -5px;
14540
+ top: -7px;
13289
14541
  }
13290
14542
  }
13291
14543
  @supports (-ms-ime-align: auto) {
13292
14544
  .rs-tooltip[class*='placement-bottom']::after {
13293
- top: -5px;
14545
+ top: -7px;
14546
+ }
14547
+ }
14548
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14549
+ top: -7px;
14550
+ margin-right: -7px;
14551
+ border-width: 0 7px 7px;
14552
+ border-bottom-color: var(--rs-tooltip-border);
14553
+ }
14554
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14555
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14556
+ top: -8px;
14557
+ }
14558
+ }
14559
+ @supports (-ms-ime-align: auto) {
14560
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14561
+ top: -8px;
13294
14562
  }
13295
14563
  }
13296
14564
  .rs-tooltip[class*='placement-right'] {
@@ -13298,7 +14566,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13298
14566
  -webkit-transform: translate(0, 0);
13299
14567
  transform: translate(0, 0);
13300
14568
  }
13301
- .rs-tooltip[class*='placement-right'].in {
14569
+ .rs-tooltip[class*='placement-right'].rs-anim-in {
13302
14570
  -webkit-transform: translate(2px, 0);
13303
14571
  transform: translate(2px, 0);
13304
14572
  }
@@ -13311,12 +14579,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13311
14579
  }
13312
14580
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13313
14581
  .rs-tooltip[class*='placement-right']::after {
13314
- left: -5px;
14582
+ left: -7px;
13315
14583
  }
13316
14584
  }
13317
14585
  @supports (-ms-ime-align: auto) {
13318
14586
  .rs-tooltip[class*='placement-right']::after {
13319
- left: -5px;
14587
+ left: -7px;
14588
+ }
14589
+ }
14590
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14591
+ left: -7px;
14592
+ margin-top: -7px;
14593
+ border-width: 7px 7px 7px 0;
14594
+ border-right-color: var(--rs-tooltip-border);
14595
+ }
14596
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14597
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14598
+ left: -8px;
14599
+ }
14600
+ }
14601
+ @supports (-ms-ime-align: auto) {
14602
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14603
+ left: -8px;
13320
14604
  }
13321
14605
  }
13322
14606
  .rs-tooltip[class*='placement-left'] {
@@ -13324,7 +14608,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13324
14608
  -webkit-transform: translate(0, 0);
13325
14609
  transform: translate(0, 0);
13326
14610
  }
13327
- .rs-tooltip[class*='placement-left'].in {
14611
+ .rs-tooltip[class*='placement-left'].rs-anim-in {
13328
14612
  -webkit-transform: translate(-2px, 0);
13329
14613
  transform: translate(-2px, 0);
13330
14614
  }
@@ -13337,34 +14621,66 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13337
14621
  }
13338
14622
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13339
14623
  .rs-tooltip[class*='placement-left']::after {
13340
- right: -5px;
14624
+ right: -7px;
13341
14625
  }
13342
14626
  }
13343
14627
  @supports (-ms-ime-align: auto) {
13344
14628
  .rs-tooltip[class*='placement-left']::after {
13345
- right: -5px;
14629
+ right: -7px;
14630
+ }
14631
+ }
14632
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14633
+ right: -7px;
14634
+ margin-top: -7px;
14635
+ border-width: 7px 0 7px 7px;
14636
+ border-left-color: var(--rs-tooltip-border);
14637
+ }
14638
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14639
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14640
+ right: -8px;
13346
14641
  }
13347
14642
  }
14643
+ @supports (-ms-ime-align: auto) {
14644
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14645
+ right: -8px;
14646
+ }
14647
+ }
14648
+ .rs-tooltip.placement-bottom::before,
14649
+ .rs-tooltip.placement-top::before,
13348
14650
  .rs-tooltip.placement-bottom::after,
13349
14651
  .rs-tooltip.placement-top::after {
13350
14652
  right: 50%;
13351
14653
  }
14654
+ .rs-tooltip.placement-bottom-start::before,
14655
+ .rs-tooltip.placement-top-start::before,
13352
14656
  .rs-tooltip.placement-bottom-start::after,
13353
14657
  .rs-tooltip.placement-top-start::after {
13354
14658
  right: 10px;
13355
14659
  }
14660
+ .rs-tooltip.placement-bottom-end::before,
14661
+ .rs-tooltip.placement-top-end::before {
14662
+ left: 3px;
14663
+ }
13356
14664
  .rs-tooltip.placement-bottom-end::after,
13357
14665
  .rs-tooltip.placement-top-end::after {
13358
14666
  left: 4px;
13359
14667
  }
14668
+ .rs-tooltip.placement-right::before,
14669
+ .rs-tooltip.placement-left::before,
13360
14670
  .rs-tooltip.placement-right::after,
13361
14671
  .rs-tooltip.placement-left::after {
13362
14672
  top: 50%;
13363
14673
  }
14674
+ .rs-tooltip.placement-right-start::before,
14675
+ .rs-tooltip.placement-left-start::before,
13364
14676
  .rs-tooltip.placement-right-start::after,
13365
14677
  .rs-tooltip.placement-left-start::after {
13366
14678
  top: 10px;
13367
14679
  }
14680
+ .rs-tooltip.placement-right-end::before,
14681
+ .rs-tooltip.placement-left-end::before {
14682
+ bottom: 3px;
14683
+ }
13368
14684
  .rs-tooltip.placement-right-end::after,
13369
14685
  .rs-tooltip.placement-left-end::after {
13370
14686
  bottom: 4px;
@@ -13432,6 +14748,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13432
14748
  color: #1675e0;
13433
14749
  color: var(--rs-listbox-option-hover-text);
13434
14750
  }
14751
+ .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14752
+ .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14753
+ .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 {
14754
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
14755
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
14756
+ color: #1675e0;
14757
+ color: var(--rs-listbox-option-hover-text);
14758
+ text-decoration: underline;
14759
+ }
13435
14760
  .rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
13436
14761
  font-weight: bold;
13437
14762
  color: #1675e0;
@@ -13628,6 +14953,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13628
14953
  color: var(--rs-text-primary);
13629
14954
  font-size: 12px;
13630
14955
  }
14956
+ .rs-theme-high-contrast .rs-uploader-file-item:hover .rs-uploader-file-item-title {
14957
+ color: var(--rs-uploader-item-hover-text);
14958
+ text-decoration: underline;
14959
+ }
13631
14960
  .rs-uploader-text .rs-uploader-file-items {
13632
14961
  margin-top: 10px;
13633
14962
  }
@@ -13790,6 +15119,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13790
15119
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
13791
15120
  transition: color 0.2s linear, background-color 0.3s linear;
13792
15121
  border: none;
15122
+ border: var(--rs-btn-default-border, none);
13793
15123
  -webkit-user-select: none;
13794
15124
  -moz-user-select: none;
13795
15125
  -ms-user-select: none;
@@ -13807,6 +15137,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13807
15137
  color: #8e8e93;
13808
15138
  color: var(--rs-btn-subtle-text);
13809
15139
  background-color: transparent;
15140
+ border: none;
13810
15141
  width: 66px;
13811
15142
  height: 66px;
13812
15143
  margin: 0;
@@ -13816,6 +15147,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13816
15147
  border-radius: 6px;
13817
15148
  margin-top: 10px;
13818
15149
  }
15150
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn {
15151
+ -webkit-transition: none;
15152
+ transition: none;
15153
+ }
13819
15154
  .rs-btn-ghost.rs-uploader-picture .rs-uploader-trigger-btn {
13820
15155
  padding: 7px 11px;
13821
15156
  }
@@ -13839,12 +15174,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13839
15174
  }
13840
15175
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
13841
15176
  right: 0;
15177
+ border-left: none;
15178
+ border-left: var(--rs-btn-default-border, none);
13842
15179
  }
13843
15180
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
13844
15181
  padding: 8px 12px 8px 48px;
13845
15182
  }
13846
15183
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
13847
15184
  left: 0;
15185
+ border-right: none;
15186
+ border-right: var(--rs-btn-default-border, none);
13848
15187
  }
13849
15188
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
13850
15189
  outline: 0;
@@ -13855,6 +15194,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13855
15194
  }
13856
15195
  .rs-uploader-picture .rs-uploader-trigger-btn:hover,
13857
15196
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
15197
+ color: var(--rs-btn-default-hover-text);
13858
15198
  background-color: #e5e5ea;
13859
15199
  background-color: var(--rs-btn-default-hover-bg);
13860
15200
  }
@@ -13873,6 +15213,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13873
15213
  background-color: #f7f7fa;
13874
15214
  background-color: var(--rs-btn-default-disabled-bg);
13875
15215
  }
15216
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15217
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15218
+ opacity: 0.5;
15219
+ }
13876
15220
  @media not all and (min-resolution: 0.001dpcm) {
13877
15221
  .rs-uploader-picture .rs-uploader-trigger-btn {
13878
15222
  /* stylelint-disable */
@@ -13884,6 +15228,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13884
15228
  -webkit-transition: border-color ease-in-out 0.3s;
13885
15229
  transition: border-color ease-in-out 0.3s;
13886
15230
  }
15231
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
15232
+ -webkit-transition: none;
15233
+ transition: none;
15234
+ }
13887
15235
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn:hover,
13888
15236
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn:focus,
13889
15237
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn-active {
@@ -13894,6 +15242,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13894
15242
  color: #8e8e93;
13895
15243
  color: var(--rs-btn-subtle-text);
13896
15244
  background-color: transparent;
15245
+ border: none;
13897
15246
  -webkit-transition: none;
13898
15247
  transition: none;
13899
15248
  }
@@ -13917,6 +15266,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13917
15266
  color: var(--rs-btn-subtle-disabled-text);
13918
15267
  background: none;
13919
15268
  }
15269
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15270
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15271
+ opacity: 0.5;
15272
+ }
13920
15273
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn-active {
13921
15274
  background-color: #f7f7fa;
13922
15275
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -13943,6 +15296,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13943
15296
  color: var(--rs-btn-subtle-disabled-text);
13944
15297
  background: none;
13945
15298
  }
15299
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15300
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15301
+ opacity: 0.5;
15302
+ }
13946
15303
  .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
13947
15304
  color: #8e8e93 !important;
13948
15305
  color: var(--rs-btn-subtle-text) !important;
@@ -14126,6 +15483,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14126
15483
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
14127
15484
  transition: color 0.2s linear, background-color 0.3s linear;
14128
15485
  border: none;
15486
+ border: var(--rs-btn-default-border, none);
14129
15487
  -webkit-user-select: none;
14130
15488
  -moz-user-select: none;
14131
15489
  -ms-user-select: none;
@@ -14142,6 +15500,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14142
15500
  overflow: hidden;
14143
15501
  position: relative;
14144
15502
  }
15503
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn,
15504
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn {
15505
+ -webkit-transition: none;
15506
+ transition: none;
15507
+ }
14145
15508
  .rs-btn-ghost.rs-uploader-text .rs-uploader-trigger-btn,
14146
15509
  .rs-btn-ghost.rs-uploader-picture-text .rs-uploader-trigger-btn {
14147
15510
  padding: 7px 11px;
@@ -14172,6 +15535,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14172
15535
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon,
14173
15536
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
14174
15537
  right: 0;
15538
+ border-left: none;
15539
+ border-left: var(--rs-btn-default-border, none);
14175
15540
  }
14176
15541
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right,
14177
15542
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
@@ -14180,6 +15545,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14180
15545
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon,
14181
15546
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
14182
15547
  left: 0;
15548
+ border-right: none;
15549
+ border-right: var(--rs-btn-default-border, none);
14183
15550
  }
14184
15551
  .rs-uploader-text .rs-uploader-trigger-btn:focus,
14185
15552
  .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
@@ -14193,6 +15560,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14193
15560
  .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
14194
15561
  .rs-uploader-text .rs-uploader-trigger-btn:focus,
14195
15562
  .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
15563
+ color: var(--rs-btn-default-hover-text);
14196
15564
  background-color: #e5e5ea;
14197
15565
  background-color: var(--rs-btn-default-hover-bg);
14198
15566
  }
@@ -14215,6 +15583,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14215
15583
  background-color: #f7f7fa;
14216
15584
  background-color: var(--rs-btn-default-disabled-bg);
14217
15585
  }
15586
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:disabled,
15587
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
15588
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
15589
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
15590
+ opacity: 0.5;
15591
+ }
14218
15592
  @media not all and (min-resolution: 0.001dpcm) {
14219
15593
  .rs-uploader-text .rs-uploader-trigger-btn,
14220
15594
  .rs-uploader-picture-text .rs-uploader-trigger-btn {
@@ -14228,6 +15602,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14228
15602
  -webkit-transition: border-color ease-in-out 0.3s;
14229
15603
  transition: border-color ease-in-out 0.3s;
14230
15604
  }
15605
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
15606
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
15607
+ -webkit-transition: none;
15608
+ transition: none;
15609
+ }
14231
15610
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:hover,
14232
15611
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
14233
15612
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:focus,
@@ -14242,6 +15621,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14242
15621
  color: #8e8e93;
14243
15622
  color: var(--rs-btn-subtle-text);
14244
15623
  background-color: transparent;
15624
+ border: none;
14245
15625
  -webkit-transition: none;
14246
15626
  transition: none;
14247
15627
  }
@@ -14271,6 +15651,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14271
15651
  color: var(--rs-btn-subtle-disabled-text);
14272
15652
  background: none;
14273
15653
  }
15654
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
15655
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
15656
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
15657
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
15658
+ opacity: 0.5;
15659
+ }
14274
15660
  .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn-active,
14275
15661
  .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
14276
15662
  background-color: #f7f7fa;
@@ -14459,7 +15845,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14459
15845
  display: -ms-inline-flexbox;
14460
15846
  display: inline-flex;
14461
15847
  color: #ffb300;
14462
- color: var(--rs-yellow-500);
15848
+ color: var(--rs-rate-symbol-checked);
14463
15849
  list-style: none;
14464
15850
  vertical-align: middle;
14465
15851
  margin: 0;
@@ -14484,11 +15870,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14484
15870
  opacity: 0;
14485
15871
  }
14486
15872
  .rs-rate-character-after {
14487
- color: #e5e5ea;
14488
- color: var(--rs-border-primary);
15873
+ color: #8e8e93;
15874
+ color: var(--rs-rate-symbol);
14489
15875
  -webkit-filter: grayscale(1);
14490
15876
  filter: grayscale(1);
14491
15877
  }
15878
+ .rs-theme-high-contrast .rs-rate-character-after > .rs-icon {
15879
+ fill: none;
15880
+ stroke: currentColor;
15881
+ }
14492
15882
  .rs-rate-character-before,
14493
15883
  .rs-rate-character-after {
14494
15884
  display: -webkit-box;
@@ -14510,6 +15900,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14510
15900
  -webkit-filter: none;
14511
15901
  filter: none;
14512
15902
  }
15903
+ .rs-rate-character-full .rs-rate-character-after > .rs-icon {
15904
+ fill: currentColor;
15905
+ }
14513
15906
  .rs-rate-character-vertical {
14514
15907
  width: 100%;
14515
15908
  height: 50%;